/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

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

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

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

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

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

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

/*
Forms
=====
*/

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

/*
Interactive
===========
*/

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

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

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

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

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

:-moz-focusring {
  outline: auto;
}

table {
  border-collapse: collapse;
}

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

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

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

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

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

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

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

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

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

.focus-within\:not-sr-only:focus-within {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

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

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}

.inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}

.inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}

.inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

.inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}

.inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}

.inset-7 {
  top: 1.75rem;
  right: 1.75rem;
  bottom: 1.75rem;
  left: 1.75rem;
}

.inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}

.inset-9 {
  top: 2.25rem;
  right: 2.25rem;
  bottom: 2.25rem;
  left: 2.25rem;
}

.inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}

.inset-11 {
  top: 2.75rem;
  right: 2.75rem;
  bottom: 2.75rem;
  left: 2.75rem;
}

.inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}

.inset-14 {
  top: 3.5rem;
  right: 3.5rem;
  bottom: 3.5rem;
  left: 3.5rem;
}

.inset-16 {
  top: 4rem;
  right: 4rem;
  bottom: 4rem;
  left: 4rem;
}

.inset-20 {
  top: 5rem;
  right: 5rem;
  bottom: 5rem;
  left: 5rem;
}

.inset-24 {
  top: 6rem;
  right: 6rem;
  bottom: 6rem;
  left: 6rem;
}

.inset-28 {
  top: 7rem;
  right: 7rem;
  bottom: 7rem;
  left: 7rem;
}

.inset-32 {
  top: 8rem;
  right: 8rem;
  bottom: 8rem;
  left: 8rem;
}

.inset-36 {
  top: 9rem;
  right: 9rem;
  bottom: 9rem;
  left: 9rem;
}

.inset-40 {
  top: 10rem;
  right: 10rem;
  bottom: 10rem;
  left: 10rem;
}

.inset-44 {
  top: 11rem;
  right: 11rem;
  bottom: 11rem;
  left: 11rem;
}

.inset-48 {
  top: 12rem;
  right: 12rem;
  bottom: 12rem;
  left: 12rem;
}

.inset-52 {
  top: 13rem;
  right: 13rem;
  bottom: 13rem;
  left: 13rem;
}

.inset-56 {
  top: 14rem;
  right: 14rem;
  bottom: 14rem;
  left: 14rem;
}

.inset-60 {
  top: 15rem;
  right: 15rem;
  bottom: 15rem;
  left: 15rem;
}

.inset-64 {
  top: 16rem;
  right: 16rem;
  bottom: 16rem;
  left: 16rem;
}

.inset-72 {
  top: 18rem;
  right: 18rem;
  bottom: 18rem;
  left: 18rem;
}

.inset-80 {
  top: 20rem;
  right: 20rem;
  bottom: 20rem;
  left: 20rem;
}

.inset-96 {
  top: 24rem;
  right: 24rem;
  bottom: 24rem;
  left: 24rem;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-px {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
}

.inset-0\.5 {
  top: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem;
  left: 0.125rem;
}

.inset-1\.5 {
  top: 0.375rem;
  right: 0.375rem;
  bottom: 0.375rem;
  left: 0.375rem;
}

.inset-2\.5 {
  top: 0.625rem;
  right: 0.625rem;
  bottom: 0.625rem;
  left: 0.625rem;
}

.inset-3\.5 {
  top: 0.875rem;
  right: 0.875rem;
  bottom: 0.875rem;
  left: 0.875rem;
}

.-inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}

.-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}

.-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}

.-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}

.-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}

.-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}

.-inset-7 {
  top: -1.75rem;
  right: -1.75rem;
  bottom: -1.75rem;
  left: -1.75rem;
}

.-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}

.-inset-9 {
  top: -2.25rem;
  right: -2.25rem;
  bottom: -2.25rem;
  left: -2.25rem;
}

.-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}

.-inset-11 {
  top: -2.75rem;
  right: -2.75rem;
  bottom: -2.75rem;
  left: -2.75rem;
}

.-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}

.-inset-14 {
  top: -3.5rem;
  right: -3.5rem;
  bottom: -3.5rem;
  left: -3.5rem;
}

.-inset-16 {
  top: -4rem;
  right: -4rem;
  bottom: -4rem;
  left: -4rem;
}

.-inset-20 {
  top: -5rem;
  right: -5rem;
  bottom: -5rem;
  left: -5rem;
}

.-inset-24 {
  top: -6rem;
  right: -6rem;
  bottom: -6rem;
  left: -6rem;
}

.-inset-28 {
  top: -7rem;
  right: -7rem;
  bottom: -7rem;
  left: -7rem;
}

.-inset-32 {
  top: -8rem;
  right: -8rem;
  bottom: -8rem;
  left: -8rem;
}

.-inset-36 {
  top: -9rem;
  right: -9rem;
  bottom: -9rem;
  left: -9rem;
}

.-inset-40 {
  top: -10rem;
  right: -10rem;
  bottom: -10rem;
  left: -10rem;
}

.-inset-44 {
  top: -11rem;
  right: -11rem;
  bottom: -11rem;
  left: -11rem;
}

.-inset-48 {
  top: -12rem;
  right: -12rem;
  bottom: -12rem;
  left: -12rem;
}

.-inset-52 {
  top: -13rem;
  right: -13rem;
  bottom: -13rem;
  left: -13rem;
}

.-inset-56 {
  top: -14rem;
  right: -14rem;
  bottom: -14rem;
  left: -14rem;
}

.-inset-60 {
  top: -15rem;
  right: -15rem;
  bottom: -15rem;
  left: -15rem;
}

.-inset-64 {
  top: -16rem;
  right: -16rem;
  bottom: -16rem;
  left: -16rem;
}

.-inset-72 {
  top: -18rem;
  right: -18rem;
  bottom: -18rem;
  left: -18rem;
}

.-inset-80 {
  top: -20rem;
  right: -20rem;
  bottom: -20rem;
  left: -20rem;
}

.-inset-96 {
  top: -24rem;
  right: -24rem;
  bottom: -24rem;
  left: -24rem;
}

.-inset-px {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
}

.-inset-0\.5 {
  top: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem;
}

.-inset-1\.5 {
  top: -0.375rem;
  right: -0.375rem;
  bottom: -0.375rem;
  left: -0.375rem;
}

.-inset-2\.5 {
  top: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  left: -0.625rem;
}

.-inset-3\.5 {
  top: -0.875rem;
  right: -0.875rem;
  bottom: -0.875rem;
  left: -0.875rem;
}

.inset-1\/2 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
}

.inset-1\/3 {
  top: 33.333333%;
  right: 33.333333%;
  bottom: 33.333333%;
  left: 33.333333%;
}

.inset-2\/3 {
  top: 66.666667%;
  right: 66.666667%;
  bottom: 66.666667%;
  left: 66.666667%;
}

.inset-1\/4 {
  top: 25%;
  right: 25%;
  bottom: 25%;
  left: 25%;
}

.inset-2\/4 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
}

.inset-3\/4 {
  top: 75%;
  right: 75%;
  bottom: 75%;
  left: 75%;
}

.inset-full {
  top: 100%;
  right: 100%;
  bottom: 100%;
  left: 100%;
}

.-inset-1\/2 {
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
}

.-inset-1\/3 {
  top: -33.333333%;
  right: -33.333333%;
  bottom: -33.333333%;
  left: -33.333333%;
}

.-inset-2\/3 {
  top: -66.666667%;
  right: -66.666667%;
  bottom: -66.666667%;
  left: -66.666667%;
}

.-inset-1\/4 {
  top: -25%;
  right: -25%;
  bottom: -25%;
  left: -25%;
}

.-inset-2\/4 {
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
}

.-inset-3\/4 {
  top: -75%;
  right: -75%;
  bottom: -75%;
  left: -75%;
}

.-inset-full {
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}

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

.inset-x-1 {
  left: 0.25rem;
  right: 0.25rem;
}

.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}

.inset-x-3 {
  left: 0.75rem;
  right: 0.75rem;
}

.inset-x-4 {
  left: 1rem;
  right: 1rem;
}

.inset-x-5 {
  left: 1.25rem;
  right: 1.25rem;
}

.inset-x-6 {
  left: 1.5rem;
  right: 1.5rem;
}

.inset-x-7 {
  left: 1.75rem;
  right: 1.75rem;
}

.inset-x-8 {
  left: 2rem;
  right: 2rem;
}

.inset-x-9 {
  left: 2.25rem;
  right: 2.25rem;
}

.inset-x-10 {
  left: 2.5rem;
  right: 2.5rem;
}

.inset-x-11 {
  left: 2.75rem;
  right: 2.75rem;
}

.inset-x-12 {
  left: 3rem;
  right: 3rem;
}

.inset-x-14 {
  left: 3.5rem;
  right: 3.5rem;
}

.inset-x-16 {
  left: 4rem;
  right: 4rem;
}

.inset-x-20 {
  left: 5rem;
  right: 5rem;
}

.inset-x-24 {
  left: 6rem;
  right: 6rem;
}

.inset-x-28 {
  left: 7rem;
  right: 7rem;
}

.inset-x-32 {
  left: 8rem;
  right: 8rem;
}

.inset-x-36 {
  left: 9rem;
  right: 9rem;
}

.inset-x-40 {
  left: 10rem;
  right: 10rem;
}

.inset-x-44 {
  left: 11rem;
  right: 11rem;
}

.inset-x-48 {
  left: 12rem;
  right: 12rem;
}

.inset-x-52 {
  left: 13rem;
  right: 13rem;
}

.inset-x-56 {
  left: 14rem;
  right: 14rem;
}

.inset-x-60 {
  left: 15rem;
  right: 15rem;
}

.inset-x-64 {
  left: 16rem;
  right: 16rem;
}

.inset-x-72 {
  left: 18rem;
  right: 18rem;
}

.inset-x-80 {
  left: 20rem;
  right: 20rem;
}

.inset-x-96 {
  left: 24rem;
  right: 24rem;
}

.inset-x-auto {
  left: auto;
  right: auto;
}

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

.inset-x-0\.5 {
  left: 0.125rem;
  right: 0.125rem;
}

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

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

.inset-x-3\.5 {
  left: 0.875rem;
  right: 0.875rem;
}

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

.-inset-x-1 {
  left: -0.25rem;
  right: -0.25rem;
}

.-inset-x-2 {
  left: -0.5rem;
  right: -0.5rem;
}

.-inset-x-3 {
  left: -0.75rem;
  right: -0.75rem;
}

.-inset-x-4 {
  left: -1rem;
  right: -1rem;
}

.-inset-x-5 {
  left: -1.25rem;
  right: -1.25rem;
}

.-inset-x-6 {
  left: -1.5rem;
  right: -1.5rem;
}

.-inset-x-7 {
  left: -1.75rem;
  right: -1.75rem;
}

.-inset-x-8 {
  left: -2rem;
  right: -2rem;
}

.-inset-x-9 {
  left: -2.25rem;
  right: -2.25rem;
}

.-inset-x-10 {
  left: -2.5rem;
  right: -2.5rem;
}

.-inset-x-11 {
  left: -2.75rem;
  right: -2.75rem;
}

.-inset-x-12 {
  left: -3rem;
  right: -3rem;
}

.-inset-x-14 {
  left: -3.5rem;
  right: -3.5rem;
}

.-inset-x-16 {
  left: -4rem;
  right: -4rem;
}

.-inset-x-20 {
  left: -5rem;
  right: -5rem;
}

.-inset-x-24 {
  left: -6rem;
  right: -6rem;
}

.-inset-x-28 {
  left: -7rem;
  right: -7rem;
}

.-inset-x-32 {
  left: -8rem;
  right: -8rem;
}

.-inset-x-36 {
  left: -9rem;
  right: -9rem;
}

.-inset-x-40 {
  left: -10rem;
  right: -10rem;
}

.-inset-x-44 {
  left: -11rem;
  right: -11rem;
}

.-inset-x-48 {
  left: -12rem;
  right: -12rem;
}

.-inset-x-52 {
  left: -13rem;
  right: -13rem;
}

.-inset-x-56 {
  left: -14rem;
  right: -14rem;
}

.-inset-x-60 {
  left: -15rem;
  right: -15rem;
}

.-inset-x-64 {
  left: -16rem;
  right: -16rem;
}

.-inset-x-72 {
  left: -18rem;
  right: -18rem;
}

.-inset-x-80 {
  left: -20rem;
  right: -20rem;
}

.-inset-x-96 {
  left: -24rem;
  right: -24rem;
}

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

.-inset-x-0\.5 {
  left: -0.125rem;
  right: -0.125rem;
}

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

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

.-inset-x-3\.5 {
  left: -0.875rem;
  right: -0.875rem;
}

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

.inset-x-1\/3 {
  left: 33.333333%;
  right: 33.333333%;
}

.inset-x-2\/3 {
  left: 66.666667%;
  right: 66.666667%;
}

.inset-x-1\/4 {
  left: 25%;
  right: 25%;
}

.inset-x-2\/4 {
  left: 50%;
  right: 50%;
}

.inset-x-3\/4 {
  left: 75%;
  right: 75%;
}

.inset-x-full {
  left: 100%;
  right: 100%;
}

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

.-inset-x-1\/3 {
  left: -33.333333%;
  right: -33.333333%;
}

.-inset-x-2\/3 {
  left: -66.666667%;
  right: -66.666667%;
}

.-inset-x-1\/4 {
  left: -25%;
  right: -25%;
}

.-inset-x-2\/4 {
  left: -50%;
  right: -50%;
}

.-inset-x-3\/4 {
  left: -75%;
  right: -75%;
}

.-inset-x-full {
  left: -100%;
  right: -100%;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}

.inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}

.inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}

.inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}

.inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}

.inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}

.inset-y-7 {
  top: 1.75rem;
  bottom: 1.75rem;
}

.inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}

.inset-y-9 {
  top: 2.25rem;
  bottom: 2.25rem;
}

.inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}

.inset-y-11 {
  top: 2.75rem;
  bottom: 2.75rem;
}

.inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}

.inset-y-14 {
  top: 3.5rem;
  bottom: 3.5rem;
}

.inset-y-16 {
  top: 4rem;
  bottom: 4rem;
}

.inset-y-20 {
  top: 5rem;
  bottom: 5rem;
}

.inset-y-24 {
  top: 6rem;
  bottom: 6rem;
}

.inset-y-28 {
  top: 7rem;
  bottom: 7rem;
}

.inset-y-32 {
  top: 8rem;
  bottom: 8rem;
}

.inset-y-36 {
  top: 9rem;
  bottom: 9rem;
}

.inset-y-40 {
  top: 10rem;
  bottom: 10rem;
}

.inset-y-44 {
  top: 11rem;
  bottom: 11rem;
}

.inset-y-48 {
  top: 12rem;
  bottom: 12rem;
}

.inset-y-52 {
  top: 13rem;
  bottom: 13rem;
}

.inset-y-56 {
  top: 14rem;
  bottom: 14rem;
}

.inset-y-60 {
  top: 15rem;
  bottom: 15rem;
}

.inset-y-64 {
  top: 16rem;
  bottom: 16rem;
}

.inset-y-72 {
  top: 18rem;
  bottom: 18rem;
}

.inset-y-80 {
  top: 20rem;
  bottom: 20rem;
}

.inset-y-96 {
  top: 24rem;
  bottom: 24rem;
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.inset-y-px {
  top: 1px;
  bottom: 1px;
}

.inset-y-0\.5 {
  top: 0.125rem;
  bottom: 0.125rem;
}

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

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

.inset-y-3\.5 {
  top: 0.875rem;
  bottom: 0.875rem;
}

.-inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}

.-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}

.-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}

.-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}

.-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}

.-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}

.-inset-y-7 {
  top: -1.75rem;
  bottom: -1.75rem;
}

.-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}

.-inset-y-9 {
  top: -2.25rem;
  bottom: -2.25rem;
}

.-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}

.-inset-y-11 {
  top: -2.75rem;
  bottom: -2.75rem;
}

.-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}

.-inset-y-14 {
  top: -3.5rem;
  bottom: -3.5rem;
}

.-inset-y-16 {
  top: -4rem;
  bottom: -4rem;
}

.-inset-y-20 {
  top: -5rem;
  bottom: -5rem;
}

.-inset-y-24 {
  top: -6rem;
  bottom: -6rem;
}

.-inset-y-28 {
  top: -7rem;
  bottom: -7rem;
}

.-inset-y-32 {
  top: -8rem;
  bottom: -8rem;
}

.-inset-y-36 {
  top: -9rem;
  bottom: -9rem;
}

.-inset-y-40 {
  top: -10rem;
  bottom: -10rem;
}

.-inset-y-44 {
  top: -11rem;
  bottom: -11rem;
}

.-inset-y-48 {
  top: -12rem;
  bottom: -12rem;
}

.-inset-y-52 {
  top: -13rem;
  bottom: -13rem;
}

.-inset-y-56 {
  top: -14rem;
  bottom: -14rem;
}

.-inset-y-60 {
  top: -15rem;
  bottom: -15rem;
}

.-inset-y-64 {
  top: -16rem;
  bottom: -16rem;
}

.-inset-y-72 {
  top: -18rem;
  bottom: -18rem;
}

.-inset-y-80 {
  top: -20rem;
  bottom: -20rem;
}

.-inset-y-96 {
  top: -24rem;
  bottom: -24rem;
}

.-inset-y-px {
  top: -1px;
  bottom: -1px;
}

.-inset-y-0\.5 {
  top: -0.125rem;
  bottom: -0.125rem;
}

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

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

.-inset-y-3\.5 {
  top: -0.875rem;
  bottom: -0.875rem;
}

.inset-y-1\/2 {
  top: 50%;
  bottom: 50%;
}

.inset-y-1\/3 {
  top: 33.333333%;
  bottom: 33.333333%;
}

.inset-y-2\/3 {
  top: 66.666667%;
  bottom: 66.666667%;
}

.inset-y-1\/4 {
  top: 25%;
  bottom: 25%;
}

.inset-y-2\/4 {
  top: 50%;
  bottom: 50%;
}

.inset-y-3\/4 {
  top: 75%;
  bottom: 75%;
}

.inset-y-full {
  top: 100%;
  bottom: 100%;
}

.-inset-y-1\/2 {
  top: -50%;
  bottom: -50%;
}

.-inset-y-1\/3 {
  top: -33.333333%;
  bottom: -33.333333%;
}

.-inset-y-2\/3 {
  top: -66.666667%;
  bottom: -66.666667%;
}

.-inset-y-1\/4 {
  top: -25%;
  bottom: -25%;
}

.-inset-y-2\/4 {
  top: -50%;
  bottom: -50%;
}

.-inset-y-3\/4 {
  top: -75%;
  bottom: -75%;
}

.-inset-y-full {
  top: -100%;
  bottom: -100%;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-2 {
  top: 0.5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-7 {
  top: 1.75rem;
}

.top-8 {
  top: 2rem;
}

.top-9 {
  top: 2.25rem;
}

.top-10 {
  top: 2.5rem;
}

.top-11 {
  top: 2.75rem;
}

.top-12 {
  top: 3rem;
}

.top-14 {
  top: 3.5rem;
}

.top-16 {
  top: 4rem;
}

.top-20 {
  top: 5rem;
}

.top-24 {
  top: 6rem;
}

.top-28 {
  top: 7rem;
}

.top-32 {
  top: 8rem;
}

.top-36 {
  top: 9rem;
}

.top-40 {
  top: 10rem;
}

.top-44 {
  top: 11rem;
}

.top-48 {
  top: 12rem;
}

.top-52 {
  top: 13rem;
}

.top-56 {
  top: 14rem;
}

.top-60 {
  top: 15rem;
}

.top-64 {
  top: 16rem;
}

.top-72 {
  top: 18rem;
}

.top-80 {
  top: 20rem;
}

.top-96 {
  top: 24rem;
}

.top-auto {
  top: auto;
}

.top-px {
  top: 1px;
}

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

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

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

.top-3\.5 {
  top: 0.875rem;
}

.-top-0 {
  top: 0px;
}

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

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

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

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

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

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

.-top-7 {
  top: -1.75rem;
}

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

.-top-9 {
  top: -2.25rem;
}

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

.-top-11 {
  top: -2.75rem;
}

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

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

.-top-16 {
  top: -4rem;
}

.-top-20 {
  top: -5rem;
}

.-top-24 {
  top: -6rem;
}

.-top-28 {
  top: -7rem;
}

.-top-32 {
  top: -8rem;
}

.-top-36 {
  top: -9rem;
}

.-top-40 {
  top: -10rem;
}

.-top-44 {
  top: -11rem;
}

.-top-48 {
  top: -12rem;
}

.-top-52 {
  top: -13rem;
}

.-top-56 {
  top: -14rem;
}

.-top-60 {
  top: -15rem;
}

.-top-64 {
  top: -16rem;
}

.-top-72 {
  top: -18rem;
}

.-top-80 {
  top: -20rem;
}

.-top-96 {
  top: -24rem;
}

.-top-px {
  top: -1px;
}

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

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

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

.-top-3\.5 {
  top: -0.875rem;
}

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

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

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

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

.top-2\/4 {
  top: 50%;
}

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

.top-full {
  top: 100%;
}

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

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

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

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

.-top-2\/4 {
  top: -50%;
}

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

.-top-full {
  top: -100%;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-7 {
  right: 1.75rem;
}

.right-8 {
  right: 2rem;
}

.right-9 {
  right: 2.25rem;
}

.right-10 {
  right: 2.5rem;
}

.right-11 {
  right: 2.75rem;
}

.right-12 {
  right: 3rem;
}

.right-14 {
  right: 3.5rem;
}

.right-16 {
  right: 4rem;
}

.right-20 {
  right: 5rem;
}

.right-24 {
  right: 6rem;
}

.right-28 {
  right: 7rem;
}

.right-32 {
  right: 8rem;
}

.right-36 {
  right: 9rem;
}

.right-40 {
  right: 10rem;
}

.right-44 {
  right: 11rem;
}

.right-48 {
  right: 12rem;
}

.right-52 {
  right: 13rem;
}

.right-56 {
  right: 14rem;
}

.right-60 {
  right: 15rem;
}

.right-64 {
  right: 16rem;
}

.right-72 {
  right: 18rem;
}

.right-80 {
  right: 20rem;
}

.right-96 {
  right: 24rem;
}

.right-auto {
  right: auto;
}

.right-px {
  right: 1px;
}

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

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

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

.right-3\.5 {
  right: 0.875rem;
}

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

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

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

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

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

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

.-right-6 {
  right: -1.5rem;
}

.-right-7 {
  right: -1.75rem;
}

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

.-right-9 {
  right: -2.25rem;
}

.-right-10 {
  right: -2.5rem;
}

.-right-11 {
  right: -2.75rem;
}

.-right-12 {
  right: -3rem;
}

.-right-14 {
  right: -3.5rem;
}

.-right-16 {
  right: -4rem;
}

.-right-20 {
  right: -5rem;
}

.-right-24 {
  right: -6rem;
}

.-right-28 {
  right: -7rem;
}

.-right-32 {
  right: -8rem;
}

.-right-36 {
  right: -9rem;
}

.-right-40 {
  right: -10rem;
}

.-right-44 {
  right: -11rem;
}

.-right-48 {
  right: -12rem;
}

.-right-52 {
  right: -13rem;
}

.-right-56 {
  right: -14rem;
}

.-right-60 {
  right: -15rem;
}

.-right-64 {
  right: -16rem;
}

.-right-72 {
  right: -18rem;
}

.-right-80 {
  right: -20rem;
}

.-right-96 {
  right: -24rem;
}

.-right-px {
  right: -1px;
}

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

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

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

.-right-3\.5 {
  right: -0.875rem;
}

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

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

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

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

.right-2\/4 {
  right: 50%;
}

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

.right-full {
  right: 100%;
}

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

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

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

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

.-right-2\/4 {
  right: -50%;
}

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

.-right-full {
  right: -100%;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-7 {
  bottom: 1.75rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-9 {
  bottom: 2.25rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-11 {
  bottom: 2.75rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-14 {
  bottom: 3.5rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-20 {
  bottom: 5rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-28 {
  bottom: 7rem;
}

.bottom-32 {
  bottom: 8rem;
}

.bottom-36 {
  bottom: 9rem;
}

.bottom-40 {
  bottom: 10rem;
}

.bottom-44 {
  bottom: 11rem;
}

.bottom-48 {
  bottom: 12rem;
}

.bottom-52 {
  bottom: 13rem;
}

.bottom-56 {
  bottom: 14rem;
}

.bottom-60 {
  bottom: 15rem;
}

.bottom-64 {
  bottom: 16rem;
}

.bottom-72 {
  bottom: 18rem;
}

.bottom-80 {
  bottom: 20rem;
}

.bottom-96 {
  bottom: 24rem;
}

.bottom-auto {
  bottom: auto;
}

.bottom-px {
  bottom: 1px;
}

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

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

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

.bottom-3\.5 {
  bottom: 0.875rem;
}

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

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

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

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

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

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

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

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

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

.-bottom-9 {
  bottom: -2.25rem;
}

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

.-bottom-11 {
  bottom: -2.75rem;
}

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

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

.-bottom-16 {
  bottom: -4rem;
}

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

.-bottom-24 {
  bottom: -6rem;
}

.-bottom-28 {
  bottom: -7rem;
}

.-bottom-32 {
  bottom: -8rem;
}

.-bottom-36 {
  bottom: -9rem;
}

.-bottom-40 {
  bottom: -10rem;
}

.-bottom-44 {
  bottom: -11rem;
}

.-bottom-48 {
  bottom: -12rem;
}

.-bottom-52 {
  bottom: -13rem;
}

.-bottom-56 {
  bottom: -14rem;
}

.-bottom-60 {
  bottom: -15rem;
}

.-bottom-64 {
  bottom: -16rem;
}

.-bottom-72 {
  bottom: -18rem;
}

.-bottom-80 {
  bottom: -20rem;
}

.-bottom-96 {
  bottom: -24rem;
}

.-bottom-px {
  bottom: -1px;
}

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

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

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

.-bottom-3\.5 {
  bottom: -0.875rem;
}

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

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

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

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

.bottom-2\/4 {
  bottom: 50%;
}

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

.bottom-full {
  bottom: 100%;
}

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

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

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

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

.-bottom-2\/4 {
  bottom: -50%;
}

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

.-bottom-full {
  bottom: -100%;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-6 {
  left: 1.5rem;
}

.left-7 {
  left: 1.75rem;
}

.left-8 {
  left: 2rem;
}

.left-9 {
  left: 2.25rem;
}

.left-10 {
  left: 2.5rem;
}

.left-11 {
  left: 2.75rem;
}

.left-12 {
  left: 3rem;
}

.left-14 {
  left: 3.5rem;
}

.left-16 {
  left: 4rem;
}

.left-20 {
  left: 5rem;
}

.left-24 {
  left: 6rem;
}

.left-28 {
  left: 7rem;
}

.left-32 {
  left: 8rem;
}

.left-36 {
  left: 9rem;
}

.left-40 {
  left: 10rem;
}

.left-44 {
  left: 11rem;
}

.left-48 {
  left: 12rem;
}

.left-52 {
  left: 13rem;
}

.left-56 {
  left: 14rem;
}

.left-60 {
  left: 15rem;
}

.left-64 {
  left: 16rem;
}

.left-72 {
  left: 18rem;
}

.left-80 {
  left: 20rem;
}

.left-96 {
  left: 24rem;
}

.left-auto {
  left: auto;
}

.left-px {
  left: 1px;
}

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

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

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

.left-3\.5 {
  left: 0.875rem;
}

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

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

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

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

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

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

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

.-left-7 {
  left: -1.75rem;
}

.-left-8 {
  left: -2rem;
}

.-left-9 {
  left: -2.25rem;
}

.-left-10 {
  left: -2.5rem;
}

.-left-11 {
  left: -2.75rem;
}

.-left-12 {
  left: -3rem;
}

.-left-14 {
  left: -3.5rem;
}

.-left-16 {
  left: -4rem;
}

.-left-20 {
  left: -5rem;
}

.-left-24 {
  left: -6rem;
}

.-left-28 {
  left: -7rem;
}

.-left-32 {
  left: -8rem;
}

.-left-36 {
  left: -9rem;
}

.-left-40 {
  left: -10rem;
}

.-left-44 {
  left: -11rem;
}

.-left-48 {
  left: -12rem;
}

.-left-52 {
  left: -13rem;
}

.-left-56 {
  left: -14rem;
}

.-left-60 {
  left: -15rem;
}

.-left-64 {
  left: -16rem;
}

.-left-72 {
  left: -18rem;
}

.-left-80 {
  left: -20rem;
}

.-left-96 {
  left: -24rem;
}

.-left-px {
  left: -1px;
}

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

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

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

.-left-3\.5 {
  left: -0.875rem;
}

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

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

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

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

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

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

.left-full {
  left: 100%;
}

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

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

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

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

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

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

.-left-full {
  left: -100%;
}

.isolate {
  isolation: isolate;
}

.isolation-auto {
  isolation: auto;
}

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

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

.focus-within\:z-0:focus-within {
  z-index: 0;
}

.focus-within\:z-10:focus-within {
  z-index: 10;
}

.focus-within\:z-20:focus-within {
  z-index: 20;
}

.focus-within\:z-30:focus-within {
  z-index: 30;
}

.focus-within\:z-40:focus-within {
  z-index: 40;
}

.focus-within\:z-50:focus-within {
  z-index: 50;
}

.focus-within\:z-auto:focus-within {
  z-index: auto;
}

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

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

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

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

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

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

.focus\:z-auto:focus {
  z-index: auto;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.order-first {
  -webkit-box-ordinal-group: -9998;
      -ms-flex-order: -9999;
          order: -9999;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.order-none {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.col-auto {
  grid-column: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-start-auto {
  grid-column-start: auto;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

.col-end-auto {
  grid-column-end: auto;
}

.row-auto {
  grid-row: auto;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-full {
  grid-row: 1 / -1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-end-auto {
  grid-row-end: auto;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.m-8 {
  margin: 2rem;
}

.m-9 {
  margin: 2.25rem;
}

.m-10 {
  margin: 2.5rem;
}

.m-11 {
  margin: 2.75rem;
}

.m-12 {
  margin: 3rem;
}

.m-14 {
  margin: 3.5rem;
}

.m-16 {
  margin: 4rem;
}

.m-20 {
  margin: 5rem;
}

.m-24 {
  margin: 6rem;
}

.m-28 {
  margin: 7rem;
}

.m-32 {
  margin: 8rem;
}

.m-36 {
  margin: 9rem;
}

.m-40 {
  margin: 10rem;
}

.m-44 {
  margin: 11rem;
}

.m-48 {
  margin: 12rem;
}

.m-52 {
  margin: 13rem;
}

.m-56 {
  margin: 14rem;
}

.m-60 {
  margin: 15rem;
}

.m-64 {
  margin: 16rem;
}

.m-72 {
  margin: 18rem;
}

.m-80 {
  margin: 20rem;
}

.m-96 {
  margin: 24rem;
}

.m-auto {
  margin: auto;
}

.m-px {
  margin: 1px;
}

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

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

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

.m-3\.5 {
  margin: 0.875rem;
}

.-m-0 {
  margin: 0px;
}

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

.-m-2 {
  margin: -0.5rem;
}

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

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

.-m-5 {
  margin: -1.25rem;
}

.-m-6 {
  margin: -1.5rem;
}

.-m-7 {
  margin: -1.75rem;
}

.-m-8 {
  margin: -2rem;
}

.-m-9 {
  margin: -2.25rem;
}

.-m-10 {
  margin: -2.5rem;
}

.-m-11 {
  margin: -2.75rem;
}

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

.-m-14 {
  margin: -3.5rem;
}

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

.-m-20 {
  margin: -5rem;
}

.-m-24 {
  margin: -6rem;
}

.-m-28 {
  margin: -7rem;
}

.-m-32 {
  margin: -8rem;
}

.-m-36 {
  margin: -9rem;
}

.-m-40 {
  margin: -10rem;
}

.-m-44 {
  margin: -11rem;
}

.-m-48 {
  margin: -12rem;
}

.-m-52 {
  margin: -13rem;
}

.-m-56 {
  margin: -14rem;
}

.-m-60 {
  margin: -15rem;
}

.-m-64 {
  margin: -16rem;
}

.-m-72 {
  margin: -18rem;
}

.-m-80 {
  margin: -20rem;
}

.-m-96 {
  margin: -24rem;
}

.-m-px {
  margin: -1px;
}

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

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

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

.-m-3\.5 {
  margin: -0.875rem;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

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

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

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

.mx-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-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

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

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

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

.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

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

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

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

.mx-28 {
  margin-left: 7rem;
  margin-right: 7rem;
}

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

.mx-36 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.mx-44 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.mx-52 {
  margin-left: 13rem;
  margin-right: 13rem;
}

.mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.mx-60 {
  margin-left: 15rem;
  margin-right: 15rem;
}

.mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.mx-72 {
  margin-left: 18rem;
  margin-right: 18rem;
}

.mx-80 {
  margin-left: 20rem;
  margin-right: 20rem;
}

.mx-96 {
  margin-left: 24rem;
  margin-right: 24rem;
}

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

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

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

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

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

.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

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

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

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

.-mx-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-7 {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}

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

.-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}

.-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.-mx-11 {
  margin-left: -2.75rem;
  margin-right: -2.75rem;
}

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

.-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}

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

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

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

.-mx-28 {
  margin-left: -7rem;
  margin-right: -7rem;
}

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

.-mx-36 {
  margin-left: -9rem;
  margin-right: -9rem;
}

.-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}

.-mx-44 {
  margin-left: -11rem;
  margin-right: -11rem;
}

.-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}

.-mx-52 {
  margin-left: -13rem;
  margin-right: -13rem;
}

.-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}

.-mx-60 {
  margin-left: -15rem;
  margin-right: -15rem;
}

.-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}

.-mx-72 {
  margin-left: -18rem;
  margin-right: -18rem;
}

.-mx-80 {
  margin-left: -20rem;
  margin-right: -20rem;
}

.-mx-96 {
  margin-left: -24rem;
  margin-right: -24rem;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

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

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

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

.-mx-3\.5 {
  margin-left: -0.875rem;
  margin-right: -0.875rem;
}

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

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

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

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

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

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

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

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

.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

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

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

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

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

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

.my-36 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.my-44 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.my-52 {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

.my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.my-60 {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.my-72 {
  margin-top: 18rem;
  margin-bottom: 18rem;
}

.my-80 {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

.my-96 {
  margin-top: 24rem;
  margin-bottom: 24rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

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

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

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

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

.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

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

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

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

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

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

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

.-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}

.-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.-my-11 {
  margin-top: -2.75rem;
  margin-bottom: -2.75rem;
}

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

.-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

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

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

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

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

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

.-my-36 {
  margin-top: -9rem;
  margin-bottom: -9rem;
}

.-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}

.-my-44 {
  margin-top: -11rem;
  margin-bottom: -11rem;
}

.-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}

.-my-52 {
  margin-top: -13rem;
  margin-bottom: -13rem;
}

.-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}

.-my-60 {
  margin-top: -15rem;
  margin-bottom: -15rem;
}

.-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}

.-my-72 {
  margin-top: -18rem;
  margin-bottom: -18rem;
}

.-my-80 {
  margin-top: -20rem;
  margin-bottom: -20rem;
}

.-my-96 {
  margin-top: -24rem;
  margin-bottom: -24rem;
}

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

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

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

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

.-my-3\.5 {
  margin-top: -0.875rem;
  margin-bottom: -0.875rem;
}

.mt-0 {
  margin-top: 0px;
}

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

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

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

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

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

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

.mt-7 {
  margin-top: 1.75rem;
}

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

.mt-9 {
  margin-top: 2.25rem;
}

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

.mt-11 {
  margin-top: 2.75rem;
}

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

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

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

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

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

.mt-28 {
  margin-top: 7rem;
}

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

.mt-36 {
  margin-top: 9rem;
}

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

.mt-44 {
  margin-top: 11rem;
}

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

.mt-52 {
  margin-top: 13rem;
}

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

.mt-60 {
  margin-top: 15rem;
}

.mt-64 {
  margin-top: 16rem;
}

.mt-72 {
  margin-top: 18rem;
}

.mt-80 {
  margin-top: 20rem;
}

.mt-96 {
  margin-top: 24rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

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

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

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

.mt-3\.5 {
  margin-top: 0.875rem;
}

.-mt-0 {
  margin-top: 0px;
}

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

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

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

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

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

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

.-mt-7 {
  margin-top: -1.75rem;
}

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

.-mt-9 {
  margin-top: -2.25rem;
}

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

.-mt-11 {
  margin-top: -2.75rem;
}

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

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

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

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

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

.-mt-28 {
  margin-top: -7rem;
}

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

.-mt-36 {
  margin-top: -9rem;
}

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

.-mt-44 {
  margin-top: -11rem;
}

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

.-mt-52 {
  margin-top: -13rem;
}

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

.-mt-60 {
  margin-top: -15rem;
}

.-mt-64 {
  margin-top: -16rem;
}

.-mt-72 {
  margin-top: -18rem;
}

.-mt-80 {
  margin-top: -20rem;
}

.-mt-96 {
  margin-top: -24rem;
}

.-mt-px {
  margin-top: -1px;
}

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

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

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

.-mt-3\.5 {
  margin-top: -0.875rem;
}

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

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

.mr-6 {
  margin-right: 1.5rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

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

.mr-9 {
  margin-right: 2.25rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-11 {
  margin-right: 2.75rem;
}

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

.mr-14 {
  margin-right: 3.5rem;
}

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

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

.mr-24 {
  margin-right: 6rem;
}

.mr-28 {
  margin-right: 7rem;
}

.mr-32 {
  margin-right: 8rem;
}

.mr-36 {
  margin-right: 9rem;
}

.mr-40 {
  margin-right: 10rem;
}

.mr-44 {
  margin-right: 11rem;
}

.mr-48 {
  margin-right: 12rem;
}

.mr-52 {
  margin-right: 13rem;
}

.mr-56 {
  margin-right: 14rem;
}

.mr-60 {
  margin-right: 15rem;
}

.mr-64 {
  margin-right: 16rem;
}

.mr-72 {
  margin-right: 18rem;
}

.mr-80 {
  margin-right: 20rem;
}

.mr-96 {
  margin-right: 24rem;
}

.mr-auto {
  margin-right: auto;
}

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

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

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

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

.mr-3\.5 {
  margin-right: 0.875rem;
}

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

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

.-mr-6 {
  margin-right: -1.5rem;
}

.-mr-7 {
  margin-right: -1.75rem;
}

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

.-mr-9 {
  margin-right: -2.25rem;
}

.-mr-10 {
  margin-right: -2.5rem;
}

.-mr-11 {
  margin-right: -2.75rem;
}

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

.-mr-14 {
  margin-right: -3.5rem;
}

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

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

.-mr-24 {
  margin-right: -6rem;
}

.-mr-28 {
  margin-right: -7rem;
}

.-mr-32 {
  margin-right: -8rem;
}

.-mr-36 {
  margin-right: -9rem;
}

.-mr-40 {
  margin-right: -10rem;
}

.-mr-44 {
  margin-right: -11rem;
}

.-mr-48 {
  margin-right: -12rem;
}

.-mr-52 {
  margin-right: -13rem;
}

.-mr-56 {
  margin-right: -14rem;
}

.-mr-60 {
  margin-right: -15rem;
}

.-mr-64 {
  margin-right: -16rem;
}

.-mr-72 {
  margin-right: -18rem;
}

.-mr-80 {
  margin-right: -20rem;
}

.-mr-96 {
  margin-right: -24rem;
}

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

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

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

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

.-mr-3\.5 {
  margin-right: -0.875rem;
}

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

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

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

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

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

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

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

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

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

.mb-9 {
  margin-bottom: 2.25rem;
}

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

.mb-11 {
  margin-bottom: 2.75rem;
}

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

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

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

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

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

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

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

.mb-36 {
  margin-bottom: 9rem;
}

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

.mb-44 {
  margin-bottom: 11rem;
}

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

.mb-52 {
  margin-bottom: 13rem;
}

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

.mb-60 {
  margin-bottom: 15rem;
}

.mb-64 {
  margin-bottom: 16rem;
}

.mb-72 {
  margin-bottom: 18rem;
}

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

.mb-96 {
  margin-bottom: 24rem;
}

.mb-auto {
  margin-bottom: auto;
}

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

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

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

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

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

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

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

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

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

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

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

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

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

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

.-mb-9 {
  margin-bottom: -2.25rem;
}

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

.-mb-11 {
  margin-bottom: -2.75rem;
}

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

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

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

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

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

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

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

.-mb-36 {
  margin-bottom: -9rem;
}

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

.-mb-44 {
  margin-bottom: -11rem;
}

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

.-mb-52 {
  margin-bottom: -13rem;
}

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

.-mb-60 {
  margin-bottom: -15rem;
}

.-mb-64 {
  margin-bottom: -16rem;
}

.-mb-72 {
  margin-bottom: -18rem;
}

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

.-mb-96 {
  margin-bottom: -24rem;
}

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

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

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

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

.-mb-3\.5 {
  margin-bottom: -0.875rem;
}

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

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

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

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

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

.ml-5 {
  margin-left: 1.25rem;
}

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

.ml-7 {
  margin-left: 1.75rem;
}

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

.ml-9 {
  margin-left: 2.25rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

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

.ml-14 {
  margin-left: 3.5rem;
}

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

.ml-20 {
  margin-left: 5rem;
}

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

.ml-28 {
  margin-left: 7rem;
}

.ml-32 {
  margin-left: 8rem;
}

.ml-36 {
  margin-left: 9rem;
}

.ml-40 {
  margin-left: 10rem;
}

.ml-44 {
  margin-left: 11rem;
}

.ml-48 {
  margin-left: 12rem;
}

.ml-52 {
  margin-left: 13rem;
}

.ml-56 {
  margin-left: 14rem;
}

.ml-60 {
  margin-left: 15rem;
}

.ml-64 {
  margin-left: 16rem;
}

.ml-72 {
  margin-left: 18rem;
}

.ml-80 {
  margin-left: 20rem;
}

.ml-96 {
  margin-left: 24rem;
}

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

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

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

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

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

.ml-3\.5 {
  margin-left: 0.875rem;
}

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

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

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

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

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

.-ml-5 {
  margin-left: -1.25rem;
}

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

.-ml-7 {
  margin-left: -1.75rem;
}

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

.-ml-9 {
  margin-left: -2.25rem;
}

.-ml-10 {
  margin-left: -2.5rem;
}

.-ml-11 {
  margin-left: -2.75rem;
}

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

.-ml-14 {
  margin-left: -3.5rem;
}

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

.-ml-20 {
  margin-left: -5rem;
}

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

.-ml-28 {
  margin-left: -7rem;
}

.-ml-32 {
  margin-left: -8rem;
}

.-ml-36 {
  margin-left: -9rem;
}

.-ml-40 {
  margin-left: -10rem;
}

.-ml-44 {
  margin-left: -11rem;
}

.-ml-48 {
  margin-left: -12rem;
}

.-ml-52 {
  margin-left: -13rem;
}

.-ml-56 {
  margin-left: -14rem;
}

.-ml-60 {
  margin-left: -15rem;
}

.-ml-64 {
  margin-left: -16rem;
}

.-ml-72 {
  margin-left: -18rem;
}

.-ml-80 {
  margin-left: -20rem;
}

.-ml-96 {
  margin-left: -24rem;
}

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

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

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

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

.-ml-3\.5 {
  margin-left: -0.875rem;
}

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

.box-content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.table {
  display: table;
}

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

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

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

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

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

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

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

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

.contents {
  display: contents;
}

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

.hidden {
  display: none;
}

.h-0 {
  height: 0px;
}

.h-1 {
  height: 0.25rem;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-52 {
  height: 13rem;
}

.h-56 {
  height: 14rem;
}

.h-60 {
  height: 15rem;
}

.h-64 {
  height: 16rem;
}

.h-72 {
  height: 18rem;
}

.h-80 {
  height: 20rem;
}

.h-96 {
  height: 24rem;
}

.h-auto {
  height: auto;
}

.h-px {
  height: 1px;
}

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

.h-1\.5 {
  height: 0.375rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-3\.5 {
  height: 0.875rem;
}

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

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

.h-2\/3 {
  height: 66.666667%;
}

.h-1\/4 {
  height: 25%;
}

.h-2\/4 {
  height: 50%;
}

.h-3\/4 {
  height: 75%;
}

.h-1\/5 {
  height: 20%;
}

.h-2\/5 {
  height: 40%;
}

.h-3\/5 {
  height: 60%;
}

.h-4\/5 {
  height: 80%;
}

.h-1\/6 {
  height: 16.666667%;
}

.h-2\/6 {
  height: 33.333333%;
}

.h-3\/6 {
  height: 50%;
}

.h-4\/6 {
  height: 66.666667%;
}

.h-5\/6 {
  height: 83.333333%;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

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

.max-h-1 {
  max-height: 0.25rem;
}

.max-h-2 {
  max-height: 0.5rem;
}

.max-h-3 {
  max-height: 0.75rem;
}

.max-h-4 {
  max-height: 1rem;
}

.max-h-5 {
  max-height: 1.25rem;
}

.max-h-6 {
  max-height: 1.5rem;
}

.max-h-7 {
  max-height: 1.75rem;
}

.max-h-8 {
  max-height: 2rem;
}

.max-h-9 {
  max-height: 2.25rem;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-11 {
  max-height: 2.75rem;
}

.max-h-12 {
  max-height: 3rem;
}

.max-h-14 {
  max-height: 3.5rem;
}

.max-h-16 {
  max-height: 4rem;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-24 {
  max-height: 6rem;
}

.max-h-28 {
  max-height: 7rem;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-36 {
  max-height: 9rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-44 {
  max-height: 11rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

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

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

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

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

.max-h-1\.5 {
  max-height: 0.375rem;
}

.max-h-2\.5 {
  max-height: 0.625rem;
}

.max-h-3\.5 {
  max-height: 0.875rem;
}

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

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

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

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

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

.w-0 {
  width: 0px;
}

.w-1 {
  width: 0.25rem;
}

.w-2 {
  width: 0.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-72 {
  width: 18rem;
}

.w-80 {
  width: 20rem;
}

.w-96 {
  width: 24rem;
}

.w-auto {
  width: auto;
}

.w-px {
  width: 1px;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-3\.5 {
  width: 0.875rem;
}

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

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

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

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

.w-1\/5 {
  width: 20%;
}

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

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

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

.w-4\/6 {
  width: 66.666667%;
}

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

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

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

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

.w-5\/12 {
  width: 41.666667%;
}

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

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

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

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

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

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-min {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.min-w-0 {
  min-width: 0px;
}

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

.min-w-min {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

.min-w-max {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.max-w-0 {
  max-width: 0rem;
}

.max-w-none {
  max-width: none;
}

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

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

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

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

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

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

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

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

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

.max-w-min {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}

.max-w-max {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.max-w-prose {
  max-width: 65ch;
}

.max-w-screen-sm {
  max-width: 640px;
}

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

.max-w-screen-lg {
  max-width: 1024px;
}

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

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

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-initial {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

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

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

.flex-grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

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

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

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.origin-center {
  -webkit-transform-origin: center;
          transform-origin: center;
}

.origin-top {
  -webkit-transform-origin: top;
          transform-origin: top;
}

.origin-top-right {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.origin-right {
  -webkit-transform-origin: right;
          transform-origin: right;
}

.origin-bottom-right {
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.origin-bottom {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.origin-bottom-left {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.origin-left {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.origin-top-left {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.transform {
  --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;
  -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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-gpu {
  --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;
  -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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 {
  -webkit-transform: none;
          transform: none;
}

.translate-x-0 {
  --tw-translate-x: 0px;
}

.translate-x-1 {
  --tw-translate-x: 0.25rem;
}

.translate-x-2 {
  --tw-translate-x: 0.5rem;
}

.translate-x-3 {
  --tw-translate-x: 0.75rem;
}

.translate-x-4 {
  --tw-translate-x: 1rem;
}

.translate-x-5 {
  --tw-translate-x: 1.25rem;
}

.translate-x-6 {
  --tw-translate-x: 1.5rem;
}

.translate-x-7 {
  --tw-translate-x: 1.75rem;
}

.translate-x-8 {
  --tw-translate-x: 2rem;
}

.translate-x-9 {
  --tw-translate-x: 2.25rem;
}

.translate-x-10 {
  --tw-translate-x: 2.5rem;
}

.translate-x-11 {
  --tw-translate-x: 2.75rem;
}

.translate-x-12 {
  --tw-translate-x: 3rem;
}

.translate-x-14 {
  --tw-translate-x: 3.5rem;
}

.translate-x-16 {
  --tw-translate-x: 4rem;
}

.translate-x-20 {
  --tw-translate-x: 5rem;
}

.translate-x-24 {
  --tw-translate-x: 6rem;
}

.translate-x-28 {
  --tw-translate-x: 7rem;
}

.translate-x-32 {
  --tw-translate-x: 8rem;
}

.translate-x-36 {
  --tw-translate-x: 9rem;
}

.translate-x-40 {
  --tw-translate-x: 10rem;
}

.translate-x-44 {
  --tw-translate-x: 11rem;
}

.translate-x-48 {
  --tw-translate-x: 12rem;
}

.translate-x-52 {
  --tw-translate-x: 13rem;
}

.translate-x-56 {
  --tw-translate-x: 14rem;
}

.translate-x-60 {
  --tw-translate-x: 15rem;
}

.translate-x-64 {
  --tw-translate-x: 16rem;
}

.translate-x-72 {
  --tw-translate-x: 18rem;
}

.translate-x-80 {
  --tw-translate-x: 20rem;
}

.translate-x-96 {
  --tw-translate-x: 24rem;
}

.translate-x-px {
  --tw-translate-x: 1px;
}

.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
}

.translate-x-1\.5 {
  --tw-translate-x: 0.375rem;
}

.translate-x-2\.5 {
  --tw-translate-x: 0.625rem;
}

.translate-x-3\.5 {
  --tw-translate-x: 0.875rem;
}

.-translate-x-0 {
  --tw-translate-x: 0px;
}

.-translate-x-1 {
  --tw-translate-x: -0.25rem;
}

.-translate-x-2 {
  --tw-translate-x: -0.5rem;
}

.-translate-x-3 {
  --tw-translate-x: -0.75rem;
}

.-translate-x-4 {
  --tw-translate-x: -1rem;
}

.-translate-x-5 {
  --tw-translate-x: -1.25rem;
}

.-translate-x-6 {
  --tw-translate-x: -1.5rem;
}

.-translate-x-7 {
  --tw-translate-x: -1.75rem;
}

.-translate-x-8 {
  --tw-translate-x: -2rem;
}

.-translate-x-9 {
  --tw-translate-x: -2.25rem;
}

.-translate-x-10 {
  --tw-translate-x: -2.5rem;
}

.-translate-x-11 {
  --tw-translate-x: -2.75rem;
}

.-translate-x-12 {
  --tw-translate-x: -3rem;
}

.-translate-x-14 {
  --tw-translate-x: -3.5rem;
}

.-translate-x-16 {
  --tw-translate-x: -4rem;
}

.-translate-x-20 {
  --tw-translate-x: -5rem;
}

.-translate-x-24 {
  --tw-translate-x: -6rem;
}

.-translate-x-28 {
  --tw-translate-x: -7rem;
}

.-translate-x-32 {
  --tw-translate-x: -8rem;
}

.-translate-x-36 {
  --tw-translate-x: -9rem;
}

.-translate-x-40 {
  --tw-translate-x: -10rem;
}

.-translate-x-44 {
  --tw-translate-x: -11rem;
}

.-translate-x-48 {
  --tw-translate-x: -12rem;
}

.-translate-x-52 {
  --tw-translate-x: -13rem;
}

.-translate-x-56 {
  --tw-translate-x: -14rem;
}

.-translate-x-60 {
  --tw-translate-x: -15rem;
}

.-translate-x-64 {
  --tw-translate-x: -16rem;
}

.-translate-x-72 {
  --tw-translate-x: -18rem;
}

.-translate-x-80 {
  --tw-translate-x: -20rem;
}

.-translate-x-96 {
  --tw-translate-x: -24rem;
}

.-translate-x-px {
  --tw-translate-x: -1px;
}

.-translate-x-0\.5 {
  --tw-translate-x: -0.125rem;
}

.-translate-x-1\.5 {
  --tw-translate-x: -0.375rem;
}

.-translate-x-2\.5 {
  --tw-translate-x: -0.625rem;
}

.-translate-x-3\.5 {
  --tw-translate-x: -0.875rem;
}

.translate-x-1\/2 {
  --tw-translate-x: 50%;
}

.translate-x-1\/3 {
  --tw-translate-x: 33.333333%;
}

.translate-x-2\/3 {
  --tw-translate-x: 66.666667%;
}

.translate-x-1\/4 {
  --tw-translate-x: 25%;
}

.translate-x-2\/4 {
  --tw-translate-x: 50%;
}

.translate-x-3\/4 {
  --tw-translate-x: 75%;
}

.translate-x-full {
  --tw-translate-x: 100%;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-translate-x-1\/3 {
  --tw-translate-x: -33.333333%;
}

.-translate-x-2\/3 {
  --tw-translate-x: -66.666667%;
}

.-translate-x-1\/4 {
  --tw-translate-x: -25%;
}

.-translate-x-2\/4 {
  --tw-translate-x: -50%;
}

.-translate-x-3\/4 {
  --tw-translate-x: -75%;
}

.-translate-x-full {
  --tw-translate-x: -100%;
}

.translate-y-0 {
  --tw-translate-y: 0px;
}

.translate-y-1 {
  --tw-translate-y: 0.25rem;
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
}

.translate-y-3 {
  --tw-translate-y: 0.75rem;
}

.translate-y-4 {
  --tw-translate-y: 1rem;
}

.translate-y-5 {
  --tw-translate-y: 1.25rem;
}

.translate-y-6 {
  --tw-translate-y: 1.5rem;
}

.translate-y-7 {
  --tw-translate-y: 1.75rem;
}

.translate-y-8 {
  --tw-translate-y: 2rem;
}

.translate-y-9 {
  --tw-translate-y: 2.25rem;
}

.translate-y-10 {
  --tw-translate-y: 2.5rem;
}

.translate-y-11 {
  --tw-translate-y: 2.75rem;
}

.translate-y-12 {
  --tw-translate-y: 3rem;
}

.translate-y-14 {
  --tw-translate-y: 3.5rem;
}

.translate-y-16 {
  --tw-translate-y: 4rem;
}

.translate-y-20 {
  --tw-translate-y: 5rem;
}

.translate-y-24 {
  --tw-translate-y: 6rem;
}

.translate-y-28 {
  --tw-translate-y: 7rem;
}

.translate-y-32 {
  --tw-translate-y: 8rem;
}

.translate-y-36 {
  --tw-translate-y: 9rem;
}

.translate-y-40 {
  --tw-translate-y: 10rem;
}

.translate-y-44 {
  --tw-translate-y: 11rem;
}

.translate-y-48 {
  --tw-translate-y: 12rem;
}

.translate-y-52 {
  --tw-translate-y: 13rem;
}

.translate-y-56 {
  --tw-translate-y: 14rem;
}

.translate-y-60 {
  --tw-translate-y: 15rem;
}

.translate-y-64 {
  --tw-translate-y: 16rem;
}

.translate-y-72 {
  --tw-translate-y: 18rem;
}

.translate-y-80 {
  --tw-translate-y: 20rem;
}

.translate-y-96 {
  --tw-translate-y: 24rem;
}

.translate-y-px {
  --tw-translate-y: 1px;
}

.translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
}

.translate-y-1\.5 {
  --tw-translate-y: 0.375rem;
}

.translate-y-2\.5 {
  --tw-translate-y: 0.625rem;
}

.translate-y-3\.5 {
  --tw-translate-y: 0.875rem;
}

.-translate-y-0 {
  --tw-translate-y: 0px;
}

.-translate-y-1 {
  --tw-translate-y: -0.25rem;
}

.-translate-y-2 {
  --tw-translate-y: -0.5rem;
}

.-translate-y-3 {
  --tw-translate-y: -0.75rem;
}

.-translate-y-4 {
  --tw-translate-y: -1rem;
}

.-translate-y-5 {
  --tw-translate-y: -1.25rem;
}

.-translate-y-6 {
  --tw-translate-y: -1.5rem;
}

.-translate-y-7 {
  --tw-translate-y: -1.75rem;
}

.-translate-y-8 {
  --tw-translate-y: -2rem;
}

.-translate-y-9 {
  --tw-translate-y: -2.25rem;
}

.-translate-y-10 {
  --tw-translate-y: -2.5rem;
}

.-translate-y-11 {
  --tw-translate-y: -2.75rem;
}

.-translate-y-12 {
  --tw-translate-y: -3rem;
}

.-translate-y-14 {
  --tw-translate-y: -3.5rem;
}

.-translate-y-16 {
  --tw-translate-y: -4rem;
}

.-translate-y-20 {
  --tw-translate-y: -5rem;
}

.-translate-y-24 {
  --tw-translate-y: -6rem;
}

.-translate-y-28 {
  --tw-translate-y: -7rem;
}

.-translate-y-32 {
  --tw-translate-y: -8rem;
}

.-translate-y-36 {
  --tw-translate-y: -9rem;
}

.-translate-y-40 {
  --tw-translate-y: -10rem;
}

.-translate-y-44 {
  --tw-translate-y: -11rem;
}

.-translate-y-48 {
  --tw-translate-y: -12rem;
}

.-translate-y-52 {
  --tw-translate-y: -13rem;
}

.-translate-y-56 {
  --tw-translate-y: -14rem;
}

.-translate-y-60 {
  --tw-translate-y: -15rem;
}

.-translate-y-64 {
  --tw-translate-y: -16rem;
}

.-translate-y-72 {
  --tw-translate-y: -18rem;
}

.-translate-y-80 {
  --tw-translate-y: -20rem;
}

.-translate-y-96 {
  --tw-translate-y: -24rem;
}

.-translate-y-px {
  --tw-translate-y: -1px;
}

.-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
}

.-translate-y-1\.5 {
  --tw-translate-y: -0.375rem;
}

.-translate-y-2\.5 {
  --tw-translate-y: -0.625rem;
}

.-translate-y-3\.5 {
  --tw-translate-y: -0.875rem;
}

.translate-y-1\/2 {
  --tw-translate-y: 50%;
}

.translate-y-1\/3 {
  --tw-translate-y: 33.333333%;
}

.translate-y-2\/3 {
  --tw-translate-y: 66.666667%;
}

.translate-y-1\/4 {
  --tw-translate-y: 25%;
}

.translate-y-2\/4 {
  --tw-translate-y: 50%;
}

.translate-y-3\/4 {
  --tw-translate-y: 75%;
}

.translate-y-full {
  --tw-translate-y: 100%;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.-translate-y-1\/3 {
  --tw-translate-y: -33.333333%;
}

.-translate-y-2\/3 {
  --tw-translate-y: -66.666667%;
}

.-translate-y-1\/4 {
  --tw-translate-y: -25%;
}

.-translate-y-2\/4 {
  --tw-translate-y: -50%;
}

.-translate-y-3\/4 {
  --tw-translate-y: -75%;
}

.-translate-y-full {
  --tw-translate-y: -100%;
}

.hover\:translate-x-0:hover {
  --tw-translate-x: 0px;
}

.hover\:translate-x-1:hover {
  --tw-translate-x: 0.25rem;
}

.hover\:translate-x-2:hover {
  --tw-translate-x: 0.5rem;
}

.hover\:translate-x-3:hover {
  --tw-translate-x: 0.75rem;
}

.hover\:translate-x-4:hover {
  --tw-translate-x: 1rem;
}

.hover\:translate-x-5:hover {
  --tw-translate-x: 1.25rem;
}

.hover\:translate-x-6:hover {
  --tw-translate-x: 1.5rem;
}

.hover\:translate-x-7:hover {
  --tw-translate-x: 1.75rem;
}

.hover\:translate-x-8:hover {
  --tw-translate-x: 2rem;
}

.hover\:translate-x-9:hover {
  --tw-translate-x: 2.25rem;
}

.hover\:translate-x-10:hover {
  --tw-translate-x: 2.5rem;
}

.hover\:translate-x-11:hover {
  --tw-translate-x: 2.75rem;
}

.hover\:translate-x-12:hover {
  --tw-translate-x: 3rem;
}

.hover\:translate-x-14:hover {
  --tw-translate-x: 3.5rem;
}

.hover\:translate-x-16:hover {
  --tw-translate-x: 4rem;
}

.hover\:translate-x-20:hover {
  --tw-translate-x: 5rem;
}

.hover\:translate-x-24:hover {
  --tw-translate-x: 6rem;
}

.hover\:translate-x-28:hover {
  --tw-translate-x: 7rem;
}

.hover\:translate-x-32:hover {
  --tw-translate-x: 8rem;
}

.hover\:translate-x-36:hover {
  --tw-translate-x: 9rem;
}

.hover\:translate-x-40:hover {
  --tw-translate-x: 10rem;
}

.hover\:translate-x-44:hover {
  --tw-translate-x: 11rem;
}

.hover\:translate-x-48:hover {
  --tw-translate-x: 12rem;
}

.hover\:translate-x-52:hover {
  --tw-translate-x: 13rem;
}

.hover\:translate-x-56:hover {
  --tw-translate-x: 14rem;
}

.hover\:translate-x-60:hover {
  --tw-translate-x: 15rem;
}

.hover\:translate-x-64:hover {
  --tw-translate-x: 16rem;
}

.hover\:translate-x-72:hover {
  --tw-translate-x: 18rem;
}

.hover\:translate-x-80:hover {
  --tw-translate-x: 20rem;
}

.hover\:translate-x-96:hover {
  --tw-translate-x: 24rem;
}

.hover\:translate-x-px:hover {
  --tw-translate-x: 1px;
}

.hover\:translate-x-0\.5:hover {
  --tw-translate-x: 0.125rem;
}

.hover\:translate-x-1\.5:hover {
  --tw-translate-x: 0.375rem;
}

.hover\:translate-x-2\.5:hover {
  --tw-translate-x: 0.625rem;
}

.hover\:translate-x-3\.5:hover {
  --tw-translate-x: 0.875rem;
}

.hover\:-translate-x-0:hover {
  --tw-translate-x: 0px;
}

.hover\:-translate-x-1:hover {
  --tw-translate-x: -0.25rem;
}

.hover\:-translate-x-2:hover {
  --tw-translate-x: -0.5rem;
}

.hover\:-translate-x-3:hover {
  --tw-translate-x: -0.75rem;
}

.hover\:-translate-x-4:hover {
  --tw-translate-x: -1rem;
}

.hover\:-translate-x-5:hover {
  --tw-translate-x: -1.25rem;
}

.hover\:-translate-x-6:hover {
  --tw-translate-x: -1.5rem;
}

.hover\:-translate-x-7:hover {
  --tw-translate-x: -1.75rem;
}

.hover\:-translate-x-8:hover {
  --tw-translate-x: -2rem;
}

.hover\:-translate-x-9:hover {
  --tw-translate-x: -2.25rem;
}

.hover\:-translate-x-10:hover {
  --tw-translate-x: -2.5rem;
}

.hover\:-translate-x-11:hover {
  --tw-translate-x: -2.75rem;
}

.hover\:-translate-x-12:hover {
  --tw-translate-x: -3rem;
}

.hover\:-translate-x-14:hover {
  --tw-translate-x: -3.5rem;
}

.hover\:-translate-x-16:hover {
  --tw-translate-x: -4rem;
}

.hover\:-translate-x-20:hover {
  --tw-translate-x: -5rem;
}

.hover\:-translate-x-24:hover {
  --tw-translate-x: -6rem;
}

.hover\:-translate-x-28:hover {
  --tw-translate-x: -7rem;
}

.hover\:-translate-x-32:hover {
  --tw-translate-x: -8rem;
}

.hover\:-translate-x-36:hover {
  --tw-translate-x: -9rem;
}

.hover\:-translate-x-40:hover {
  --tw-translate-x: -10rem;
}

.hover\:-translate-x-44:hover {
  --tw-translate-x: -11rem;
}

.hover\:-translate-x-48:hover {
  --tw-translate-x: -12rem;
}

.hover\:-translate-x-52:hover {
  --tw-translate-x: -13rem;
}

.hover\:-translate-x-56:hover {
  --tw-translate-x: -14rem;
}

.hover\:-translate-x-60:hover {
  --tw-translate-x: -15rem;
}

.hover\:-translate-x-64:hover {
  --tw-translate-x: -16rem;
}

.hover\:-translate-x-72:hover {
  --tw-translate-x: -18rem;
}

.hover\:-translate-x-80:hover {
  --tw-translate-x: -20rem;
}

.hover\:-translate-x-96:hover {
  --tw-translate-x: -24rem;
}

.hover\:-translate-x-px:hover {
  --tw-translate-x: -1px;
}

.hover\:-translate-x-0\.5:hover {
  --tw-translate-x: -0.125rem;
}

.hover\:-translate-x-1\.5:hover {
  --tw-translate-x: -0.375rem;
}

.hover\:-translate-x-2\.5:hover {
  --tw-translate-x: -0.625rem;
}

.hover\:-translate-x-3\.5:hover {
  --tw-translate-x: -0.875rem;
}

.hover\:translate-x-1\/2:hover {
  --tw-translate-x: 50%;
}

.hover\:translate-x-1\/3:hover {
  --tw-translate-x: 33.333333%;
}

.hover\:translate-x-2\/3:hover {
  --tw-translate-x: 66.666667%;
}

.hover\:translate-x-1\/4:hover {
  --tw-translate-x: 25%;
}

.hover\:translate-x-2\/4:hover {
  --tw-translate-x: 50%;
}

.hover\:translate-x-3\/4:hover {
  --tw-translate-x: 75%;
}

.hover\:translate-x-full:hover {
  --tw-translate-x: 100%;
}

.hover\:-translate-x-1\/2:hover {
  --tw-translate-x: -50%;
}

.hover\:-translate-x-1\/3:hover {
  --tw-translate-x: -33.333333%;
}

.hover\:-translate-x-2\/3:hover {
  --tw-translate-x: -66.666667%;
}

.hover\:-translate-x-1\/4:hover {
  --tw-translate-x: -25%;
}

.hover\:-translate-x-2\/4:hover {
  --tw-translate-x: -50%;
}

.hover\:-translate-x-3\/4:hover {
  --tw-translate-x: -75%;
}

.hover\:-translate-x-full:hover {
  --tw-translate-x: -100%;
}

.hover\:translate-y-0:hover {
  --tw-translate-y: 0px;
}

.hover\:translate-y-1:hover {
  --tw-translate-y: 0.25rem;
}

.hover\:translate-y-2:hover {
  --tw-translate-y: 0.5rem;
}

.hover\:translate-y-3:hover {
  --tw-translate-y: 0.75rem;
}

.hover\:translate-y-4:hover {
  --tw-translate-y: 1rem;
}

.hover\:translate-y-5:hover {
  --tw-translate-y: 1.25rem;
}

.hover\:translate-y-6:hover {
  --tw-translate-y: 1.5rem;
}

.hover\:translate-y-7:hover {
  --tw-translate-y: 1.75rem;
}

.hover\:translate-y-8:hover {
  --tw-translate-y: 2rem;
}

.hover\:translate-y-9:hover {
  --tw-translate-y: 2.25rem;
}

.hover\:translate-y-10:hover {
  --tw-translate-y: 2.5rem;
}

.hover\:translate-y-11:hover {
  --tw-translate-y: 2.75rem;
}

.hover\:translate-y-12:hover {
  --tw-translate-y: 3rem;
}

.hover\:translate-y-14:hover {
  --tw-translate-y: 3.5rem;
}

.hover\:translate-y-16:hover {
  --tw-translate-y: 4rem;
}

.hover\:translate-y-20:hover {
  --tw-translate-y: 5rem;
}

.hover\:translate-y-24:hover {
  --tw-translate-y: 6rem;
}

.hover\:translate-y-28:hover {
  --tw-translate-y: 7rem;
}

.hover\:translate-y-32:hover {
  --tw-translate-y: 8rem;
}

.hover\:translate-y-36:hover {
  --tw-translate-y: 9rem;
}

.hover\:translate-y-40:hover {
  --tw-translate-y: 10rem;
}

.hover\:translate-y-44:hover {
  --tw-translate-y: 11rem;
}

.hover\:translate-y-48:hover {
  --tw-translate-y: 12rem;
}

.hover\:translate-y-52:hover {
  --tw-translate-y: 13rem;
}

.hover\:translate-y-56:hover {
  --tw-translate-y: 14rem;
}

.hover\:translate-y-60:hover {
  --tw-translate-y: 15rem;
}

.hover\:translate-y-64:hover {
  --tw-translate-y: 16rem;
}

.hover\:translate-y-72:hover {
  --tw-translate-y: 18rem;
}

.hover\:translate-y-80:hover {
  --tw-translate-y: 20rem;
}

.hover\:translate-y-96:hover {
  --tw-translate-y: 24rem;
}

.hover\:translate-y-px:hover {
  --tw-translate-y: 1px;
}

.hover\:translate-y-0\.5:hover {
  --tw-translate-y: 0.125rem;
}

.hover\:translate-y-1\.5:hover {
  --tw-translate-y: 0.375rem;
}

.hover\:translate-y-2\.5:hover {
  --tw-translate-y: 0.625rem;
}

.hover\:translate-y-3\.5:hover {
  --tw-translate-y: 0.875rem;
}

.hover\:-translate-y-0:hover {
  --tw-translate-y: 0px;
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
}

.hover\:-translate-y-2:hover {
  --tw-translate-y: -0.5rem;
}

.hover\:-translate-y-3:hover {
  --tw-translate-y: -0.75rem;
}

.hover\:-translate-y-4:hover {
  --tw-translate-y: -1rem;
}

.hover\:-translate-y-5:hover {
  --tw-translate-y: -1.25rem;
}

.hover\:-translate-y-6:hover {
  --tw-translate-y: -1.5rem;
}

.hover\:-translate-y-7:hover {
  --tw-translate-y: -1.75rem;
}

.hover\:-translate-y-8:hover {
  --tw-translate-y: -2rem;
}

.hover\:-translate-y-9:hover {
  --tw-translate-y: -2.25rem;
}

.hover\:-translate-y-10:hover {
  --tw-translate-y: -2.5rem;
}

.hover\:-translate-y-11:hover {
  --tw-translate-y: -2.75rem;
}

.hover\:-translate-y-12:hover {
  --tw-translate-y: -3rem;
}

.hover\:-translate-y-14:hover {
  --tw-translate-y: -3.5rem;
}

.hover\:-translate-y-16:hover {
  --tw-translate-y: -4rem;
}

.hover\:-translate-y-20:hover {
  --tw-translate-y: -5rem;
}

.hover\:-translate-y-24:hover {
  --tw-translate-y: -6rem;
}

.hover\:-translate-y-28:hover {
  --tw-translate-y: -7rem;
}

.hover\:-translate-y-32:hover {
  --tw-translate-y: -8rem;
}

.hover\:-translate-y-36:hover {
  --tw-translate-y: -9rem;
}

.hover\:-translate-y-40:hover {
  --tw-translate-y: -10rem;
}

.hover\:-translate-y-44:hover {
  --tw-translate-y: -11rem;
}

.hover\:-translate-y-48:hover {
  --tw-translate-y: -12rem;
}

.hover\:-translate-y-52:hover {
  --tw-translate-y: -13rem;
}

.hover\:-translate-y-56:hover {
  --tw-translate-y: -14rem;
}

.hover\:-translate-y-60:hover {
  --tw-translate-y: -15rem;
}

.hover\:-translate-y-64:hover {
  --tw-translate-y: -16rem;
}

.hover\:-translate-y-72:hover {
  --tw-translate-y: -18rem;
}

.hover\:-translate-y-80:hover {
  --tw-translate-y: -20rem;
}

.hover\:-translate-y-96:hover {
  --tw-translate-y: -24rem;
}

.hover\:-translate-y-px:hover {
  --tw-translate-y: -1px;
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
}

.hover\:-translate-y-1\.5:hover {
  --tw-translate-y: -0.375rem;
}

.hover\:-translate-y-2\.5:hover {
  --tw-translate-y: -0.625rem;
}

.hover\:-translate-y-3\.5:hover {
  --tw-translate-y: -0.875rem;
}

.hover\:translate-y-1\/2:hover {
  --tw-translate-y: 50%;
}

.hover\:translate-y-1\/3:hover {
  --tw-translate-y: 33.333333%;
}

.hover\:translate-y-2\/3:hover {
  --tw-translate-y: 66.666667%;
}

.hover\:translate-y-1\/4:hover {
  --tw-translate-y: 25%;
}

.hover\:translate-y-2\/4:hover {
  --tw-translate-y: 50%;
}

.hover\:translate-y-3\/4:hover {
  --tw-translate-y: 75%;
}

.hover\:translate-y-full:hover {
  --tw-translate-y: 100%;
}

.hover\:-translate-y-1\/2:hover {
  --tw-translate-y: -50%;
}

.hover\:-translate-y-1\/3:hover {
  --tw-translate-y: -33.333333%;
}

.hover\:-translate-y-2\/3:hover {
  --tw-translate-y: -66.666667%;
}

.hover\:-translate-y-1\/4:hover {
  --tw-translate-y: -25%;
}

.hover\:-translate-y-2\/4:hover {
  --tw-translate-y: -50%;
}

.hover\:-translate-y-3\/4:hover {
  --tw-translate-y: -75%;
}

.hover\:-translate-y-full:hover {
  --tw-translate-y: -100%;
}

.focus\:translate-x-0:focus {
  --tw-translate-x: 0px;
}

.focus\:translate-x-1:focus {
  --tw-translate-x: 0.25rem;
}

.focus\:translate-x-2:focus {
  --tw-translate-x: 0.5rem;
}

.focus\:translate-x-3:focus {
  --tw-translate-x: 0.75rem;
}

.focus\:translate-x-4:focus {
  --tw-translate-x: 1rem;
}

.focus\:translate-x-5:focus {
  --tw-translate-x: 1.25rem;
}

.focus\:translate-x-6:focus {
  --tw-translate-x: 1.5rem;
}

.focus\:translate-x-7:focus {
  --tw-translate-x: 1.75rem;
}

.focus\:translate-x-8:focus {
  --tw-translate-x: 2rem;
}

.focus\:translate-x-9:focus {
  --tw-translate-x: 2.25rem;
}

.focus\:translate-x-10:focus {
  --tw-translate-x: 2.5rem;
}

.focus\:translate-x-11:focus {
  --tw-translate-x: 2.75rem;
}

.focus\:translate-x-12:focus {
  --tw-translate-x: 3rem;
}

.focus\:translate-x-14:focus {
  --tw-translate-x: 3.5rem;
}

.focus\:translate-x-16:focus {
  --tw-translate-x: 4rem;
}

.focus\:translate-x-20:focus {
  --tw-translate-x: 5rem;
}

.focus\:translate-x-24:focus {
  --tw-translate-x: 6rem;
}

.focus\:translate-x-28:focus {
  --tw-translate-x: 7rem;
}

.focus\:translate-x-32:focus {
  --tw-translate-x: 8rem;
}

.focus\:translate-x-36:focus {
  --tw-translate-x: 9rem;
}

.focus\:translate-x-40:focus {
  --tw-translate-x: 10rem;
}

.focus\:translate-x-44:focus {
  --tw-translate-x: 11rem;
}

.focus\:translate-x-48:focus {
  --tw-translate-x: 12rem;
}

.focus\:translate-x-52:focus {
  --tw-translate-x: 13rem;
}

.focus\:translate-x-56:focus {
  --tw-translate-x: 14rem;
}

.focus\:translate-x-60:focus {
  --tw-translate-x: 15rem;
}

.focus\:translate-x-64:focus {
  --tw-translate-x: 16rem;
}

.focus\:translate-x-72:focus {
  --tw-translate-x: 18rem;
}

.focus\:translate-x-80:focus {
  --tw-translate-x: 20rem;
}

.focus\:translate-x-96:focus {
  --tw-translate-x: 24rem;
}

.focus\:translate-x-px:focus {
  --tw-translate-x: 1px;
}

.focus\:translate-x-0\.5:focus {
  --tw-translate-x: 0.125rem;
}

.focus\:translate-x-1\.5:focus {
  --tw-translate-x: 0.375rem;
}

.focus\:translate-x-2\.5:focus {
  --tw-translate-x: 0.625rem;
}

.focus\:translate-x-3\.5:focus {
  --tw-translate-x: 0.875rem;
}

.focus\:-translate-x-0:focus {
  --tw-translate-x: 0px;
}

.focus\:-translate-x-1:focus {
  --tw-translate-x: -0.25rem;
}

.focus\:-translate-x-2:focus {
  --tw-translate-x: -0.5rem;
}

.focus\:-translate-x-3:focus {
  --tw-translate-x: -0.75rem;
}

.focus\:-translate-x-4:focus {
  --tw-translate-x: -1rem;
}

.focus\:-translate-x-5:focus {
  --tw-translate-x: -1.25rem;
}

.focus\:-translate-x-6:focus {
  --tw-translate-x: -1.5rem;
}

.focus\:-translate-x-7:focus {
  --tw-translate-x: -1.75rem;
}

.focus\:-translate-x-8:focus {
  --tw-translate-x: -2rem;
}

.focus\:-translate-x-9:focus {
  --tw-translate-x: -2.25rem;
}

.focus\:-translate-x-10:focus {
  --tw-translate-x: -2.5rem;
}

.focus\:-translate-x-11:focus {
  --tw-translate-x: -2.75rem;
}

.focus\:-translate-x-12:focus {
  --tw-translate-x: -3rem;
}

.focus\:-translate-x-14:focus {
  --tw-translate-x: -3.5rem;
}

.focus\:-translate-x-16:focus {
  --tw-translate-x: -4rem;
}

.focus\:-translate-x-20:focus {
  --tw-translate-x: -5rem;
}

.focus\:-translate-x-24:focus {
  --tw-translate-x: -6rem;
}

.focus\:-translate-x-28:focus {
  --tw-translate-x: -7rem;
}

.focus\:-translate-x-32:focus {
  --tw-translate-x: -8rem;
}

.focus\:-translate-x-36:focus {
  --tw-translate-x: -9rem;
}

.focus\:-translate-x-40:focus {
  --tw-translate-x: -10rem;
}

.focus\:-translate-x-44:focus {
  --tw-translate-x: -11rem;
}

.focus\:-translate-x-48:focus {
  --tw-translate-x: -12rem;
}

.focus\:-translate-x-52:focus {
  --tw-translate-x: -13rem;
}

.focus\:-translate-x-56:focus {
  --tw-translate-x: -14rem;
}

.focus\:-translate-x-60:focus {
  --tw-translate-x: -15rem;
}

.focus\:-translate-x-64:focus {
  --tw-translate-x: -16rem;
}

.focus\:-translate-x-72:focus {
  --tw-translate-x: -18rem;
}

.focus\:-translate-x-80:focus {
  --tw-translate-x: -20rem;
}

.focus\:-translate-x-96:focus {
  --tw-translate-x: -24rem;
}

.focus\:-translate-x-px:focus {
  --tw-translate-x: -1px;
}

.focus\:-translate-x-0\.5:focus {
  --tw-translate-x: -0.125rem;
}

.focus\:-translate-x-1\.5:focus {
  --tw-translate-x: -0.375rem;
}

.focus\:-translate-x-2\.5:focus {
  --tw-translate-x: -0.625rem;
}

.focus\:-translate-x-3\.5:focus {
  --tw-translate-x: -0.875rem;
}

.focus\:translate-x-1\/2:focus {
  --tw-translate-x: 50%;
}

.focus\:translate-x-1\/3:focus {
  --tw-translate-x: 33.333333%;
}

.focus\:translate-x-2\/3:focus {
  --tw-translate-x: 66.666667%;
}

.focus\:translate-x-1\/4:focus {
  --tw-translate-x: 25%;
}

.focus\:translate-x-2\/4:focus {
  --tw-translate-x: 50%;
}

.focus\:translate-x-3\/4:focus {
  --tw-translate-x: 75%;
}

.focus\:translate-x-full:focus {
  --tw-translate-x: 100%;
}

.focus\:-translate-x-1\/2:focus {
  --tw-translate-x: -50%;
}

.focus\:-translate-x-1\/3:focus {
  --tw-translate-x: -33.333333%;
}

.focus\:-translate-x-2\/3:focus {
  --tw-translate-x: -66.666667%;
}

.focus\:-translate-x-1\/4:focus {
  --tw-translate-x: -25%;
}

.focus\:-translate-x-2\/4:focus {
  --tw-translate-x: -50%;
}

.focus\:-translate-x-3\/4:focus {
  --tw-translate-x: -75%;
}

.focus\:-translate-x-full:focus {
  --tw-translate-x: -100%;
}

.focus\:translate-y-0:focus {
  --tw-translate-y: 0px;
}

.focus\:translate-y-1:focus {
  --tw-translate-y: 0.25rem;
}

.focus\:translate-y-2:focus {
  --tw-translate-y: 0.5rem;
}

.focus\:translate-y-3:focus {
  --tw-translate-y: 0.75rem;
}

.focus\:translate-y-4:focus {
  --tw-translate-y: 1rem;
}

.focus\:translate-y-5:focus {
  --tw-translate-y: 1.25rem;
}

.focus\:translate-y-6:focus {
  --tw-translate-y: 1.5rem;
}

.focus\:translate-y-7:focus {
  --tw-translate-y: 1.75rem;
}

.focus\:translate-y-8:focus {
  --tw-translate-y: 2rem;
}

.focus\:translate-y-9:focus {
  --tw-translate-y: 2.25rem;
}

.focus\:translate-y-10:focus {
  --tw-translate-y: 2.5rem;
}

.focus\:translate-y-11:focus {
  --tw-translate-y: 2.75rem;
}

.focus\:translate-y-12:focus {
  --tw-translate-y: 3rem;
}

.focus\:translate-y-14:focus {
  --tw-translate-y: 3.5rem;
}

.focus\:translate-y-16:focus {
  --tw-translate-y: 4rem;
}

.focus\:translate-y-20:focus {
  --tw-translate-y: 5rem;
}

.focus\:translate-y-24:focus {
  --tw-translate-y: 6rem;
}

.focus\:translate-y-28:focus {
  --tw-translate-y: 7rem;
}

.focus\:translate-y-32:focus {
  --tw-translate-y: 8rem;
}

.focus\:translate-y-36:focus {
  --tw-translate-y: 9rem;
}

.focus\:translate-y-40:focus {
  --tw-translate-y: 10rem;
}

.focus\:translate-y-44:focus {
  --tw-translate-y: 11rem;
}

.focus\:translate-y-48:focus {
  --tw-translate-y: 12rem;
}

.focus\:translate-y-52:focus {
  --tw-translate-y: 13rem;
}

.focus\:translate-y-56:focus {
  --tw-translate-y: 14rem;
}

.focus\:translate-y-60:focus {
  --tw-translate-y: 15rem;
}

.focus\:translate-y-64:focus {
  --tw-translate-y: 16rem;
}

.focus\:translate-y-72:focus {
  --tw-translate-y: 18rem;
}

.focus\:translate-y-80:focus {
  --tw-translate-y: 20rem;
}

.focus\:translate-y-96:focus {
  --tw-translate-y: 24rem;
}

.focus\:translate-y-px:focus {
  --tw-translate-y: 1px;
}

.focus\:translate-y-0\.5:focus {
  --tw-translate-y: 0.125rem;
}

.focus\:translate-y-1\.5:focus {
  --tw-translate-y: 0.375rem;
}

.focus\:translate-y-2\.5:focus {
  --tw-translate-y: 0.625rem;
}

.focus\:translate-y-3\.5:focus {
  --tw-translate-y: 0.875rem;
}

.focus\:-translate-y-0:focus {
  --tw-translate-y: 0px;
}

.focus\:-translate-y-1:focus {
  --tw-translate-y: -0.25rem;
}

.focus\:-translate-y-2:focus {
  --tw-translate-y: -0.5rem;
}

.focus\:-translate-y-3:focus {
  --tw-translate-y: -0.75rem;
}

.focus\:-translate-y-4:focus {
  --tw-translate-y: -1rem;
}

.focus\:-translate-y-5:focus {
  --tw-translate-y: -1.25rem;
}

.focus\:-translate-y-6:focus {
  --tw-translate-y: -1.5rem;
}

.focus\:-translate-y-7:focus {
  --tw-translate-y: -1.75rem;
}

.focus\:-translate-y-8:focus {
  --tw-translate-y: -2rem;
}

.focus\:-translate-y-9:focus {
  --tw-translate-y: -2.25rem;
}

.focus\:-translate-y-10:focus {
  --tw-translate-y: -2.5rem;
}

.focus\:-translate-y-11:focus {
  --tw-translate-y: -2.75rem;
}

.focus\:-translate-y-12:focus {
  --tw-translate-y: -3rem;
}

.focus\:-translate-y-14:focus {
  --tw-translate-y: -3.5rem;
}

.focus\:-translate-y-16:focus {
  --tw-translate-y: -4rem;
}

.focus\:-translate-y-20:focus {
  --tw-translate-y: -5rem;
}

.focus\:-translate-y-24:focus {
  --tw-translate-y: -6rem;
}

.focus\:-translate-y-28:focus {
  --tw-translate-y: -7rem;
}

.focus\:-translate-y-32:focus {
  --tw-translate-y: -8rem;
}

.focus\:-translate-y-36:focus {
  --tw-translate-y: -9rem;
}

.focus\:-translate-y-40:focus {
  --tw-translate-y: -10rem;
}

.focus\:-translate-y-44:focus {
  --tw-translate-y: -11rem;
}

.focus\:-translate-y-48:focus {
  --tw-translate-y: -12rem;
}

.focus\:-translate-y-52:focus {
  --tw-translate-y: -13rem;
}

.focus\:-translate-y-56:focus {
  --tw-translate-y: -14rem;
}

.focus\:-translate-y-60:focus {
  --tw-translate-y: -15rem;
}

.focus\:-translate-y-64:focus {
  --tw-translate-y: -16rem;
}

.focus\:-translate-y-72:focus {
  --tw-translate-y: -18rem;
}

.focus\:-translate-y-80:focus {
  --tw-translate-y: -20rem;
}

.focus\:-translate-y-96:focus {
  --tw-translate-y: -24rem;
}

.focus\:-translate-y-px:focus {
  --tw-translate-y: -1px;
}

.focus\:-translate-y-0\.5:focus {
  --tw-translate-y: -0.125rem;
}

.focus\:-translate-y-1\.5:focus {
  --tw-translate-y: -0.375rem;
}

.focus\:-translate-y-2\.5:focus {
  --tw-translate-y: -0.625rem;
}

.focus\:-translate-y-3\.5:focus {
  --tw-translate-y: -0.875rem;
}

.focus\:translate-y-1\/2:focus {
  --tw-translate-y: 50%;
}

.focus\:translate-y-1\/3:focus {
  --tw-translate-y: 33.333333%;
}

.focus\:translate-y-2\/3:focus {
  --tw-translate-y: 66.666667%;
}

.focus\:translate-y-1\/4:focus {
  --tw-translate-y: 25%;
}

.focus\:translate-y-2\/4:focus {
  --tw-translate-y: 50%;
}

.focus\:translate-y-3\/4:focus {
  --tw-translate-y: 75%;
}

.focus\:translate-y-full:focus {
  --tw-translate-y: 100%;
}

.focus\:-translate-y-1\/2:focus {
  --tw-translate-y: -50%;
}

.focus\:-translate-y-1\/3:focus {
  --tw-translate-y: -33.333333%;
}

.focus\:-translate-y-2\/3:focus {
  --tw-translate-y: -66.666667%;
}

.focus\:-translate-y-1\/4:focus {
  --tw-translate-y: -25%;
}

.focus\:-translate-y-2\/4:focus {
  --tw-translate-y: -50%;
}

.focus\:-translate-y-3\/4:focus {
  --tw-translate-y: -75%;
}

.focus\:-translate-y-full:focus {
  --tw-translate-y: -100%;
}

.rotate-0 {
  --tw-rotate: 0deg;
}

.rotate-1 {
  --tw-rotate: 1deg;
}

.rotate-2 {
  --tw-rotate: 2deg;
}

.rotate-3 {
  --tw-rotate: 3deg;
}

.rotate-6 {
  --tw-rotate: 6deg;
}

.rotate-12 {
  --tw-rotate: 12deg;
}

.rotate-45 {
  --tw-rotate: 45deg;
}

.rotate-90 {
  --tw-rotate: 90deg;
}

.rotate-180 {
  --tw-rotate: 180deg;
}

.-rotate-180 {
  --tw-rotate: -180deg;
}

.-rotate-90 {
  --tw-rotate: -90deg;
}

.-rotate-45 {
  --tw-rotate: -45deg;
}

.-rotate-12 {
  --tw-rotate: -12deg;
}

.-rotate-6 {
  --tw-rotate: -6deg;
}

.-rotate-3 {
  --tw-rotate: -3deg;
}

.-rotate-2 {
  --tw-rotate: -2deg;
}

.-rotate-1 {
  --tw-rotate: -1deg;
}

.hover\:rotate-0:hover {
  --tw-rotate: 0deg;
}

.hover\:rotate-1:hover {
  --tw-rotate: 1deg;
}

.hover\:rotate-2:hover {
  --tw-rotate: 2deg;
}

.hover\:rotate-3:hover {
  --tw-rotate: 3deg;
}

.hover\:rotate-6:hover {
  --tw-rotate: 6deg;
}

.hover\:rotate-12:hover {
  --tw-rotate: 12deg;
}

.hover\:rotate-45:hover {
  --tw-rotate: 45deg;
}

.hover\:rotate-90:hover {
  --tw-rotate: 90deg;
}

.hover\:rotate-180:hover {
  --tw-rotate: 180deg;
}

.hover\:-rotate-180:hover {
  --tw-rotate: -180deg;
}

.hover\:-rotate-90:hover {
  --tw-rotate: -90deg;
}

.hover\:-rotate-45:hover {
  --tw-rotate: -45deg;
}

.hover\:-rotate-12:hover {
  --tw-rotate: -12deg;
}

.hover\:-rotate-6:hover {
  --tw-rotate: -6deg;
}

.hover\:-rotate-3:hover {
  --tw-rotate: -3deg;
}

.hover\:-rotate-2:hover {
  --tw-rotate: -2deg;
}

.hover\:-rotate-1:hover {
  --tw-rotate: -1deg;
}

.focus\:rotate-0:focus {
  --tw-rotate: 0deg;
}

.focus\:rotate-1:focus {
  --tw-rotate: 1deg;
}

.focus\:rotate-2:focus {
  --tw-rotate: 2deg;
}

.focus\:rotate-3:focus {
  --tw-rotate: 3deg;
}

.focus\:rotate-6:focus {
  --tw-rotate: 6deg;
}

.focus\:rotate-12:focus {
  --tw-rotate: 12deg;
}

.focus\:rotate-45:focus {
  --tw-rotate: 45deg;
}

.focus\:rotate-90:focus {
  --tw-rotate: 90deg;
}

.focus\:rotate-180:focus {
  --tw-rotate: 180deg;
}

.focus\:-rotate-180:focus {
  --tw-rotate: -180deg;
}

.focus\:-rotate-90:focus {
  --tw-rotate: -90deg;
}

.focus\:-rotate-45:focus {
  --tw-rotate: -45deg;
}

.focus\:-rotate-12:focus {
  --tw-rotate: -12deg;
}

.focus\:-rotate-6:focus {
  --tw-rotate: -6deg;
}

.focus\:-rotate-3:focus {
  --tw-rotate: -3deg;
}

.focus\:-rotate-2:focus {
  --tw-rotate: -2deg;
}

.focus\:-rotate-1:focus {
  --tw-rotate: -1deg;
}

.skew-x-0 {
  --tw-skew-x: 0deg;
}

.skew-x-1 {
  --tw-skew-x: 1deg;
}

.skew-x-2 {
  --tw-skew-x: 2deg;
}

.skew-x-3 {
  --tw-skew-x: 3deg;
}

.skew-x-6 {
  --tw-skew-x: 6deg;
}

.skew-x-12 {
  --tw-skew-x: 12deg;
}

.-skew-x-12 {
  --tw-skew-x: -12deg;
}

.-skew-x-6 {
  --tw-skew-x: -6deg;
}

.-skew-x-3 {
  --tw-skew-x: -3deg;
}

.-skew-x-2 {
  --tw-skew-x: -2deg;
}

.-skew-x-1 {
  --tw-skew-x: -1deg;
}

.skew-y-0 {
  --tw-skew-y: 0deg;
}

.skew-y-1 {
  --tw-skew-y: 1deg;
}

.skew-y-2 {
  --tw-skew-y: 2deg;
}

.skew-y-3 {
  --tw-skew-y: 3deg;
}

.skew-y-6 {
  --tw-skew-y: 6deg;
}

.skew-y-12 {
  --tw-skew-y: 12deg;
}

.-skew-y-12 {
  --tw-skew-y: -12deg;
}

.-skew-y-6 {
  --tw-skew-y: -6deg;
}

.-skew-y-3 {
  --tw-skew-y: -3deg;
}

.-skew-y-2 {
  --tw-skew-y: -2deg;
}

.-skew-y-1 {
  --tw-skew-y: -1deg;
}

.hover\:skew-x-0:hover {
  --tw-skew-x: 0deg;
}

.hover\:skew-x-1:hover {
  --tw-skew-x: 1deg;
}

.hover\:skew-x-2:hover {
  --tw-skew-x: 2deg;
}

.hover\:skew-x-3:hover {
  --tw-skew-x: 3deg;
}

.hover\:skew-x-6:hover {
  --tw-skew-x: 6deg;
}

.hover\:skew-x-12:hover {
  --tw-skew-x: 12deg;
}

.hover\:-skew-x-12:hover {
  --tw-skew-x: -12deg;
}

.hover\:-skew-x-6:hover {
  --tw-skew-x: -6deg;
}

.hover\:-skew-x-3:hover {
  --tw-skew-x: -3deg;
}

.hover\:-skew-x-2:hover {
  --tw-skew-x: -2deg;
}

.hover\:-skew-x-1:hover {
  --tw-skew-x: -1deg;
}

.hover\:skew-y-0:hover {
  --tw-skew-y: 0deg;
}

.hover\:skew-y-1:hover {
  --tw-skew-y: 1deg;
}

.hover\:skew-y-2:hover {
  --tw-skew-y: 2deg;
}

.hover\:skew-y-3:hover {
  --tw-skew-y: 3deg;
}

.hover\:skew-y-6:hover {
  --tw-skew-y: 6deg;
}

.hover\:skew-y-12:hover {
  --tw-skew-y: 12deg;
}

.hover\:-skew-y-12:hover {
  --tw-skew-y: -12deg;
}

.hover\:-skew-y-6:hover {
  --tw-skew-y: -6deg;
}

.hover\:-skew-y-3:hover {
  --tw-skew-y: -3deg;
}

.hover\:-skew-y-2:hover {
  --tw-skew-y: -2deg;
}

.hover\:-skew-y-1:hover {
  --tw-skew-y: -1deg;
}

.focus\:skew-x-0:focus {
  --tw-skew-x: 0deg;
}

.focus\:skew-x-1:focus {
  --tw-skew-x: 1deg;
}

.focus\:skew-x-2:focus {
  --tw-skew-x: 2deg;
}

.focus\:skew-x-3:focus {
  --tw-skew-x: 3deg;
}

.focus\:skew-x-6:focus {
  --tw-skew-x: 6deg;
}

.focus\:skew-x-12:focus {
  --tw-skew-x: 12deg;
}

.focus\:-skew-x-12:focus {
  --tw-skew-x: -12deg;
}

.focus\:-skew-x-6:focus {
  --tw-skew-x: -6deg;
}

.focus\:-skew-x-3:focus {
  --tw-skew-x: -3deg;
}

.focus\:-skew-x-2:focus {
  --tw-skew-x: -2deg;
}

.focus\:-skew-x-1:focus {
  --tw-skew-x: -1deg;
}

.focus\:skew-y-0:focus {
  --tw-skew-y: 0deg;
}

.focus\:skew-y-1:focus {
  --tw-skew-y: 1deg;
}

.focus\:skew-y-2:focus {
  --tw-skew-y: 2deg;
}

.focus\:skew-y-3:focus {
  --tw-skew-y: 3deg;
}

.focus\:skew-y-6:focus {
  --tw-skew-y: 6deg;
}

.focus\:skew-y-12:focus {
  --tw-skew-y: 12deg;
}

.focus\:-skew-y-12:focus {
  --tw-skew-y: -12deg;
}

.focus\:-skew-y-6:focus {
  --tw-skew-y: -6deg;
}

.focus\:-skew-y-3:focus {
  --tw-skew-y: -3deg;
}

.focus\:-skew-y-2:focus {
  --tw-skew-y: -2deg;
}

.focus\:-skew-y-1:focus {
  --tw-skew-y: -1deg;
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
}

.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}

.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
}

.hover\:scale-0:hover {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.hover\:scale-50:hover {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
}

.hover\:scale-75:hover {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
}

.hover\:scale-90:hover {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
}

.hover\:scale-95:hover {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
}

.hover\:scale-100:hover {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}

.hover\:scale-150:hover {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
}

.focus\:scale-0:focus {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.focus\:scale-50:focus {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
}

.focus\:scale-75:focus {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
}

.focus\:scale-90:focus {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
}

.focus\:scale-95:focus {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
}

.focus\:scale-100:focus {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.focus\:scale-105:focus {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}

.focus\:scale-110:focus {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.focus\:scale-125:focus {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}

.focus\:scale-150:focus {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
}

.scale-x-0 {
  --tw-scale-x: 0;
}

.scale-x-50 {
  --tw-scale-x: .5;
}

.scale-x-75 {
  --tw-scale-x: .75;
}

.scale-x-90 {
  --tw-scale-x: .9;
}

.scale-x-95 {
  --tw-scale-x: .95;
}

.scale-x-100 {
  --tw-scale-x: 1;
}

.scale-x-105 {
  --tw-scale-x: 1.05;
}

.scale-x-110 {
  --tw-scale-x: 1.1;
}

.scale-x-125 {
  --tw-scale-x: 1.25;
}

.scale-x-150 {
  --tw-scale-x: 1.5;
}

.scale-y-0 {
  --tw-scale-y: 0;
}

.scale-y-50 {
  --tw-scale-y: .5;
}

.scale-y-75 {
  --tw-scale-y: .75;
}

.scale-y-90 {
  --tw-scale-y: .9;
}

.scale-y-95 {
  --tw-scale-y: .95;
}

.scale-y-100 {
  --tw-scale-y: 1;
}

.scale-y-105 {
  --tw-scale-y: 1.05;
}

.scale-y-110 {
  --tw-scale-y: 1.1;
}

.scale-y-125 {
  --tw-scale-y: 1.25;
}

.scale-y-150 {
  --tw-scale-y: 1.5;
}

.hover\:scale-x-0:hover {
  --tw-scale-x: 0;
}

.hover\:scale-x-50:hover {
  --tw-scale-x: .5;
}

.hover\:scale-x-75:hover {
  --tw-scale-x: .75;
}

.hover\:scale-x-90:hover {
  --tw-scale-x: .9;
}

.hover\:scale-x-95:hover {
  --tw-scale-x: .95;
}

.hover\:scale-x-100:hover {
  --tw-scale-x: 1;
}

.hover\:scale-x-105:hover {
  --tw-scale-x: 1.05;
}

.hover\:scale-x-110:hover {
  --tw-scale-x: 1.1;
}

.hover\:scale-x-125:hover {
  --tw-scale-x: 1.25;
}

.hover\:scale-x-150:hover {
  --tw-scale-x: 1.5;
}

.hover\:scale-y-0:hover {
  --tw-scale-y: 0;
}

.hover\:scale-y-50:hover {
  --tw-scale-y: .5;
}

.hover\:scale-y-75:hover {
  --tw-scale-y: .75;
}

.hover\:scale-y-90:hover {
  --tw-scale-y: .9;
}

.hover\:scale-y-95:hover {
  --tw-scale-y: .95;
}

.hover\:scale-y-100:hover {
  --tw-scale-y: 1;
}

.hover\:scale-y-105:hover {
  --tw-scale-y: 1.05;
}

.hover\:scale-y-110:hover {
  --tw-scale-y: 1.1;
}

.hover\:scale-y-125:hover {
  --tw-scale-y: 1.25;
}

.hover\:scale-y-150:hover {
  --tw-scale-y: 1.5;
}

.focus\:scale-x-0:focus {
  --tw-scale-x: 0;
}

.focus\:scale-x-50:focus {
  --tw-scale-x: .5;
}

.focus\:scale-x-75:focus {
  --tw-scale-x: .75;
}

.focus\:scale-x-90:focus {
  --tw-scale-x: .9;
}

.focus\:scale-x-95:focus {
  --tw-scale-x: .95;
}

.focus\:scale-x-100:focus {
  --tw-scale-x: 1;
}

.focus\:scale-x-105:focus {
  --tw-scale-x: 1.05;
}

.focus\:scale-x-110:focus {
  --tw-scale-x: 1.1;
}

.focus\:scale-x-125:focus {
  --tw-scale-x: 1.25;
}

.focus\:scale-x-150:focus {
  --tw-scale-x: 1.5;
}

.focus\:scale-y-0:focus {
  --tw-scale-y: 0;
}

.focus\:scale-y-50:focus {
  --tw-scale-y: .5;
}

.focus\:scale-y-75:focus {
  --tw-scale-y: .75;
}

.focus\:scale-y-90:focus {
  --tw-scale-y: .9;
}

.focus\:scale-y-95:focus {
  --tw-scale-y: .95;
}

.focus\:scale-y-100:focus {
  --tw-scale-y: 1;
}

.focus\:scale-y-105:focus {
  --tw-scale-y: 1.05;
}

.focus\:scale-y-110:focus {
  --tw-scale-y: 1.1;
}

.focus\:scale-y-125:focus {
  --tw-scale-y: 1.25;
}

.focus\:scale-y-150:focus {
  --tw-scale-y: 1.5;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

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

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

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

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

.animate-none {
  -webkit-animation: none;
          animation: none;
}

.animate-spin {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.animate-ping {
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

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

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

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-help {
  cursor: help;
}

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

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

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

.select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize {
  resize: both;
}

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

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

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

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

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

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

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

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

.grid-flow-row {
  grid-auto-flow: row;
}

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

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

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.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-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

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

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

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

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

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

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

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

.grid-cols-none {
  grid-template-columns: none;
}

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

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

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

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

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

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

.grid-rows-none {
  grid-template-rows: none;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

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

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

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

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

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

.place-content-end {
  place-content: end;
}

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

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

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

.place-content-stretch {
  place-content: stretch;
}

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

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

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

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

.content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.content-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.content-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.content-evenly {
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

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

.justify-items-end {
  justify-items: end;
}

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

.justify-items-stretch {
  justify-items: stretch;
}

.gap-0 {
  gap: 0px;
}

.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-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-28 {
  gap: 7rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-36 {
  gap: 9rem;
}

.gap-40 {
  gap: 10rem;
}

.gap-44 {
  gap: 11rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-52 {
  gap: 13rem;
}

.gap-56 {
  gap: 14rem;
}

.gap-60 {
  gap: 15rem;
}

.gap-64 {
  gap: 16rem;
}

.gap-72 {
  gap: 18rem;
}

.gap-80 {
  gap: 20rem;
}

.gap-96 {
  gap: 24rem;
}

.gap-px {
  gap: 1px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

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

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

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

.gap-x-0 {
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
}

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

.gap-x-2 {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}

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

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

.gap-x-5 {
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

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

.gap-x-7 {
  -webkit-column-gap: 1.75rem;
     -moz-column-gap: 1.75rem;
          column-gap: 1.75rem;
}

.gap-x-8 {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-x-9 {
  -webkit-column-gap: 2.25rem;
     -moz-column-gap: 2.25rem;
          column-gap: 2.25rem;
}

.gap-x-10 {
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}

.gap-x-11 {
  -webkit-column-gap: 2.75rem;
     -moz-column-gap: 2.75rem;
          column-gap: 2.75rem;
}

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

.gap-x-14 {
  -webkit-column-gap: 3.5rem;
     -moz-column-gap: 3.5rem;
          column-gap: 3.5rem;
}

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

.gap-x-20 {
  -webkit-column-gap: 5rem;
     -moz-column-gap: 5rem;
          column-gap: 5rem;
}

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

.gap-x-28 {
  -webkit-column-gap: 7rem;
     -moz-column-gap: 7rem;
          column-gap: 7rem;
}

.gap-x-32 {
  -webkit-column-gap: 8rem;
     -moz-column-gap: 8rem;
          column-gap: 8rem;
}

.gap-x-36 {
  -webkit-column-gap: 9rem;
     -moz-column-gap: 9rem;
          column-gap: 9rem;
}

.gap-x-40 {
  -webkit-column-gap: 10rem;
     -moz-column-gap: 10rem;
          column-gap: 10rem;
}

.gap-x-44 {
  -webkit-column-gap: 11rem;
     -moz-column-gap: 11rem;
          column-gap: 11rem;
}

.gap-x-48 {
  -webkit-column-gap: 12rem;
     -moz-column-gap: 12rem;
          column-gap: 12rem;
}

.gap-x-52 {
  -webkit-column-gap: 13rem;
     -moz-column-gap: 13rem;
          column-gap: 13rem;
}

.gap-x-56 {
  -webkit-column-gap: 14rem;
     -moz-column-gap: 14rem;
          column-gap: 14rem;
}

.gap-x-60 {
  -webkit-column-gap: 15rem;
     -moz-column-gap: 15rem;
          column-gap: 15rem;
}

.gap-x-64 {
  -webkit-column-gap: 16rem;
     -moz-column-gap: 16rem;
          column-gap: 16rem;
}

.gap-x-72 {
  -webkit-column-gap: 18rem;
     -moz-column-gap: 18rem;
          column-gap: 18rem;
}

.gap-x-80 {
  -webkit-column-gap: 20rem;
     -moz-column-gap: 20rem;
          column-gap: 20rem;
}

.gap-x-96 {
  -webkit-column-gap: 24rem;
     -moz-column-gap: 24rem;
          column-gap: 24rem;
}

.gap-x-px {
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
}

.gap-x-0\.5 {
  -webkit-column-gap: 0.125rem;
     -moz-column-gap: 0.125rem;
          column-gap: 0.125rem;
}

.gap-x-1\.5 {
  -webkit-column-gap: 0.375rem;
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
}

.gap-x-2\.5 {
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}

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

.gap-y-0 {
  row-gap: 0px;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

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

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

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

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-7 {
  row-gap: 1.75rem;
}

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

.gap-y-9 {
  row-gap: 2.25rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-11 {
  row-gap: 2.75rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

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

.gap-y-24 {
  row-gap: 6rem;
}

.gap-y-28 {
  row-gap: 7rem;
}

.gap-y-32 {
  row-gap: 8rem;
}

.gap-y-36 {
  row-gap: 9rem;
}

.gap-y-40 {
  row-gap: 10rem;
}

.gap-y-44 {
  row-gap: 11rem;
}

.gap-y-48 {
  row-gap: 12rem;
}

.gap-y-52 {
  row-gap: 13rem;
}

.gap-y-56 {
  row-gap: 14rem;
}

.gap-y-60 {
  row-gap: 15rem;
}

.gap-y-64 {
  row-gap: 16rem;
}

.gap-y-72 {
  row-gap: 18rem;
}

.gap-y-80 {
  row-gap: 20rem;
}

.gap-y-96 {
  row-gap: 24rem;
}

.gap-y-px {
  row-gap: 1px;
}

.gap-y-0\.5 {
  row-gap: 0.125rem;
}

.gap-y-1\.5 {
  row-gap: 0.375rem;
}

.gap-y-2\.5 {
  row-gap: 0.625rem;
}

.gap-y-3\.5 {
  row-gap: 0.875rem;
}

.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-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-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
  margin-left: calc(1.75rem * 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-x-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.space-x-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1px * var(--tw-space-x-reverse));
  margin-left: calc(1px * 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\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

.-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-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-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
  margin-left: calc(-1.75rem * 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-x-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-space-x-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * 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\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

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

.-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.875rem * 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-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.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-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * 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));
}

.space-y-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-11 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

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

.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}

.space-y-24 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
}

.space-y-28 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(7rem * var(--tw-space-y-reverse));
}

.space-y-32 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8rem * var(--tw-space-y-reverse));
}

.space-y-36 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(9rem * var(--tw-space-y-reverse));
}

.space-y-40 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10rem * var(--tw-space-y-reverse));
}

.space-y-44 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(11rem * var(--tw-space-y-reverse));
}

.space-y-48 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12rem * var(--tw-space-y-reverse));
}

.space-y-52 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(13rem * var(--tw-space-y-reverse));
}

.space-y-56 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(14rem * var(--tw-space-y-reverse));
}

.space-y-60 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(15rem * var(--tw-space-y-reverse));
}

.space-y-64 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16rem * var(--tw-space-y-reverse));
}

.space-y-72 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(18rem * var(--tw-space-y-reverse));
}

.space-y-80 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20rem * var(--tw-space-y-reverse));
}

.space-y-96 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24rem * var(--tw-space-y-reverse));
}

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

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * 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\.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\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-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-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
}

.-space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
}

.-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-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-1.75rem * 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));
}

.-space-y-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
}

.-space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
}

.-space-y-11 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
}

.-space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
}

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

.-space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
}

.-space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
}

.-space-y-24 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
}

.-space-y-28 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
}

.-space-y-32 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
}

.-space-y-36 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
}

.-space-y-40 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
}

.-space-y-44 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
}

.-space-y-48 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
}

.-space-y-52 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
}

.-space-y-56 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
}

.-space-y-60 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
}

.-space-y-64 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
}

.-space-y-72 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
}

.-space-y-80 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
}

.-space-y-96 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
}

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

.-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-0.125rem * 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\.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\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

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

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

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

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

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

.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
  --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));
}

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

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

.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(8px * var(--tw-divide-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-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 1;
}

.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}

.divide-solid > :not([hidden]) ~ :not([hidden]) {
  border-style: solid;
}

.divide-dashed > :not([hidden]) ~ :not([hidden]) {
  border-style: dashed;
}

.divide-dotted > :not([hidden]) ~ :not([hidden]) {
  border-style: dotted;
}

.divide-double > :not([hidden]) ~ :not([hidden]) {
  border-style: double;
}

.divide-none > :not([hidden]) ~ :not([hidden]) {
  border-style: none;
}

.divide-transparent > :not([hidden]) ~ :not([hidden]) {
  border-color: transparent;
}

.divide-current > :not([hidden]) ~ :not([hidden]) {
  border-color: currentColor;
}

.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
}

.divide-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
}

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
}

.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
}

.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
}

.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
}

.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
}

.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
}

.divide-red-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
}

.divide-red-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
}

.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
}

.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
}

.divide-red-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
}

.divide-red-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
}

.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
}

.divide-red-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
}

.divide-red-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
}

.divide-red-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
}

.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
}

.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
}

.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
}

.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
}

.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
}

.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
}

.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
}

.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
}

.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
}

.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
}

.divide-green-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
}

.divide-green-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
}

.divide-green-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
}

.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
}

.divide-green-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
}

.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
}

.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
}

.divide-green-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
}

.divide-green-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
}

.divide-green-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
}

.divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
}

.divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
}

.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
}

.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
}

.divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
}

.divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
}

.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
}

.divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
}

.divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
}

.divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
}

.divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
}

.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
}

.divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
}

.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
}

.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
}

.divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
}

.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
}

.divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
}

.divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
}

.divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
}

.divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
}

.divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
}

.divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
}

.divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
}

.divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
}

.divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
}

.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
}

.divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
}

.divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
}

.divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
}

.divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
}

.divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
}

.divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
}

.divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
}

.divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
}

.divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
}

.divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
}

.divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
}

.divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
}

.divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
}

.divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0;
}

.divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.05;
}

.divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.1;
}

.divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.2;
}

.divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.25;
}

.divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.3;
}

.divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.4;
}

.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.5;
}

.divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.6;
}

.divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.7;
}

.divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.75;
}

.divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.8;
}

.divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.9;
}

.divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.95;
}

.divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
}

.place-self-auto {
  place-self: auto;
}

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

.place-self-end {
  place-self: end;
}

.place-self-center {
  place-self: center;
}

.place-self-stretch {
  place-self: stretch;
}

.self-auto {
  -ms-flex-item-align: auto;
      align-self: auto;
}

.self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.self-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

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

.justify-self-stretch {
  justify-self: stretch;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.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-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overscroll-auto {
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

.overscroll-contain {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.overscroll-none {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.overscroll-y-none {
  overscroll-behavior-y: none;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain;
}

.overscroll-x-none {
  overscroll-behavior-x: none;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.overflow-clip {
  text-overflow: clip;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}

.rounded-tl {
  border-top-left-radius: 0.25rem;
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-none {
  border-top-right-radius: 0px;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

.rounded-tr {
  border-top-right-radius: 0.25rem;
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-none {
  border-bottom-right-radius: 0px;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

.rounded-br {
  border-bottom-right-radius: 0.25rem;
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border {
  border-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-t {
  border-top-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-r {
  border-right-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-l {
  border-left-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

.border-transparent {
  border-color: transparent;
}

.border-current {
  border-color: currentColor;
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
}

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
}

.border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}

.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
}

.border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
}

.border-yellow-50 {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
}

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
}

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
}

.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
}

.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
}

.border-yellow-900 {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
}

.border-green-50 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
}

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
}

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
}

.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
}

.border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
}

.border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}

.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
}

.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
}

.border-indigo-50 {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
}

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}

.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
}

.border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
}

.border-indigo-800 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
}

.border-indigo-900 {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
}

.border-purple-50 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
}

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
}

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
}

.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
}

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
}

.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
}

.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
}

.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
}

.border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
}

.border-pink-50 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
}

.border-pink-100 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
}

.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
}

.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
}

.border-pink-400 {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
}

.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
}

.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
}

.border-pink-700 {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
}

.border-pink-800 {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
}

.border-pink-900 {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-transparent {
  border-color: transparent;
}

.group:hover .group-hover\:border-current {
  border-color: currentColor;
}

.group:hover .group-hover\:border-black {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-50 {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-yellow-900 {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-50 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-50 {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-800 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-indigo-900 {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-50 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-50 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-100 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-400 {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-700 {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-800 {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
}

.group:hover .group-hover\:border-pink-900 {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
}

.focus-within\:border-transparent:focus-within {
  border-color: transparent;
}

.focus-within\:border-current:focus-within {
  border-color: currentColor;
}

.focus-within\:border-black:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.focus-within\:border-white:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.focus-within\:border-gray-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
}

.focus-within\:border-gray-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.focus-within\:border-gray-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.focus-within\:border-gray-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.focus-within\:border-gray-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.focus-within\:border-gray-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.focus-within\:border-gray-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.focus-within\:border-gray-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.focus-within\:border-gray-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
}

.focus-within\:border-gray-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
}

.focus-within\:border-red-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
}

.focus-within\:border-red-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
}

.focus-within\:border-red-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.focus-within\:border-red-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}

.focus-within\:border-red-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.focus-within\:border-red-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}

.focus-within\:border-red-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}

.focus-within\:border-red-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}

.focus-within\:border-red-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
}

.focus-within\:border-red-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
}

.focus-within\:border-yellow-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
}

.focus-within\:border-yellow-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
}

.focus-within\:border-yellow-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
}

.focus-within\:border-yellow-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
}

.focus-within\:border-yellow-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
}

.focus-within\:border-yellow-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

.focus-within\:border-yellow-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
}

.focus-within\:border-yellow-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
}

.focus-within\:border-yellow-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
}

.focus-within\:border-yellow-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
}

.focus-within\:border-green-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
}

.focus-within\:border-green-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
}

.focus-within\:border-green-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
}

.focus-within\:border-green-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
}

.focus-within\:border-green-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}

.focus-within\:border-green-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.focus-within\:border-green-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}

.focus-within\:border-green-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
}

.focus-within\:border-green-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
}

.focus-within\:border-green-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
}

.focus-within\:border-blue-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
}

.focus-within\:border-blue-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
}

.focus-within\:border-blue-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
}

.focus-within\:border-blue-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}

.focus-within\:border-blue-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}

.focus-within\:border-blue-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.focus-within\:border-blue-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.focus-within\:border-blue-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}

.focus-within\:border-blue-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
}

.focus-within\:border-blue-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
}

.focus-within\:border-indigo-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
}

.focus-within\:border-indigo-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
}

.focus-within\:border-indigo-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.focus-within\:border-indigo-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
}

.focus-within\:border-indigo-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
}

.focus-within\:border-indigo-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}

.focus-within\:border-indigo-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
}

.focus-within\:border-indigo-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
}

.focus-within\:border-indigo-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
}

.focus-within\:border-indigo-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
}

.focus-within\:border-purple-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
}

.focus-within\:border-purple-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
}

.focus-within\:border-purple-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
}

.focus-within\:border-purple-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
}

.focus-within\:border-purple-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
}

.focus-within\:border-purple-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
}

.focus-within\:border-purple-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
}

.focus-within\:border-purple-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
}

.focus-within\:border-purple-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
}

.focus-within\:border-purple-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
}

.focus-within\:border-pink-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
}

.focus-within\:border-pink-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
}

.focus-within\:border-pink-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
}

.focus-within\:border-pink-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
}

.focus-within\:border-pink-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
}

.focus-within\:border-pink-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
}

.focus-within\:border-pink-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
}

.focus-within\:border-pink-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
}

.focus-within\:border-pink-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
}

.focus-within\:border-pink-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-current:hover {
  border-color: currentColor;
}

.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.hover\:border-gray-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
}

.hover\:border-gray-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.hover\:border-gray-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.hover\:border-gray-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.hover\:border-gray-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
}

.hover\:border-gray-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
}

.hover\:border-red-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
}

.hover\:border-red-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
}

.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}

.hover\:border-red-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.hover\:border-red-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}

.hover\:border-red-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}

.hover\:border-red-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}

.hover\:border-red-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
}

.hover\:border-red-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
}

.hover\:border-yellow-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
}

.hover\:border-yellow-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
}

.hover\:border-yellow-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
}

.hover\:border-yellow-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
}

.hover\:border-yellow-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
}

.hover\:border-yellow-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

.hover\:border-yellow-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
}

.hover\:border-yellow-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
}

.hover\:border-yellow-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
}

.hover\:border-yellow-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
}

.hover\:border-green-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
}

.hover\:border-green-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
}

.hover\:border-green-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
}

.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
}

.hover\:border-green-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}

.hover\:border-green-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.hover\:border-green-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}

.hover\:border-green-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
}

.hover\:border-green-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
}

.hover\:border-green-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
}

.hover\:border-blue-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
}

.hover\:border-blue-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
}

.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}

.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.hover\:border-blue-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.hover\:border-blue-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}

.hover\:border-blue-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
}

.hover\:border-blue-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
}

.hover\:border-indigo-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
}

.hover\:border-indigo-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
}

.hover\:border-indigo-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
}

.hover\:border-indigo-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
}

.hover\:border-indigo-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}

.hover\:border-indigo-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
}

.hover\:border-indigo-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
}

.hover\:border-indigo-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
}

.hover\:border-indigo-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
}

.hover\:border-purple-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
}

.hover\:border-purple-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
}

.hover\:border-purple-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
}

.hover\:border-purple-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
}

.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
}

.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
}

.hover\:border-purple-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
}

.hover\:border-purple-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
}

.hover\:border-purple-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
}

.hover\:border-purple-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
}

.hover\:border-pink-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
}

.hover\:border-pink-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
}

.hover\:border-pink-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
}

.hover\:border-pink-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
}

.hover\:border-pink-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
}

.hover\:border-pink-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
}

.hover\:border-pink-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
}

.hover\:border-pink-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
}

.hover\:border-pink-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
}

.hover\:border-pink-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:border-current:focus {
  border-color: currentColor;
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.focus\:border-white:focus {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.focus\:border-gray-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
}

.focus\:border-gray-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.focus\:border-gray-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.focus\:border-gray-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}

.focus\:border-gray-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
}

.focus\:border-gray-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.focus\:border-gray-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
}

.focus\:border-gray-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
}

.focus\:border-red-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
}

.focus\:border-red-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
}

.focus\:border-red-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.focus\:border-red-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
}

.focus\:border-red-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}

.focus\:border-red-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}

.focus\:border-red-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}

.focus\:border-red-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
}

.focus\:border-red-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
}

.focus\:border-yellow-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
}

.focus\:border-yellow-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
}

.focus\:border-yellow-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
}

.focus\:border-yellow-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
}

.focus\:border-yellow-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
}

.focus\:border-yellow-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

.focus\:border-yellow-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
}

.focus\:border-yellow-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
}

.focus\:border-yellow-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
}

.focus\:border-yellow-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
}

.focus\:border-green-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
}

.focus\:border-green-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
}

.focus\:border-green-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
}

.focus\:border-green-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
}

.focus\:border-green-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
}

.focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.focus\:border-green-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}

.focus\:border-green-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
}

.focus\:border-green-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
}

.focus\:border-green-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
}

.focus\:border-blue-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
}

.focus\:border-blue-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
}

.focus\:border-blue-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
}

.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
}

.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.focus\:border-blue-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}

.focus\:border-blue-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
}

.focus\:border-blue-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
}

.focus\:border-indigo-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
}

.focus\:border-indigo-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
}

.focus\:border-indigo-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
}

.focus\:border-indigo-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
}

.focus\:border-indigo-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}

.focus\:border-indigo-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
}

.focus\:border-indigo-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
}

.focus\:border-indigo-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
}

.focus\:border-indigo-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
}

.focus\:border-purple-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
}

.focus\:border-purple-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
}

.focus\:border-purple-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
}

.focus\:border-purple-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
}

.focus\:border-purple-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
}

.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
}

.focus\:border-purple-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
}

.focus\:border-purple-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
}

.focus\:border-purple-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
}

.focus\:border-purple-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
}

.focus\:border-pink-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
}

.focus\:border-pink-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
}

.focus\:border-pink-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
}

.focus\:border-pink-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
}

.focus\:border-pink-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
}

.focus\:border-pink-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
}

.focus\:border-pink-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
}

.focus\:border-pink-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
}

.focus\:border-pink-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
}

.focus\:border-pink-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
}

.border-opacity-0 {
  --tw-border-opacity: 0;
}

.border-opacity-5 {
  --tw-border-opacity: 0.05;
}

.border-opacity-10 {
  --tw-border-opacity: 0.1;
}

.border-opacity-20 {
  --tw-border-opacity: 0.2;
}

.border-opacity-25 {
  --tw-border-opacity: 0.25;
}

.border-opacity-30 {
  --tw-border-opacity: 0.3;
}

.border-opacity-40 {
  --tw-border-opacity: 0.4;
}

.border-opacity-50 {
  --tw-border-opacity: 0.5;
}

.border-opacity-60 {
  --tw-border-opacity: 0.6;
}

.border-opacity-70 {
  --tw-border-opacity: 0.7;
}

.border-opacity-75 {
  --tw-border-opacity: 0.75;
}

.border-opacity-80 {
  --tw-border-opacity: 0.8;
}

.border-opacity-90 {
  --tw-border-opacity: 0.9;
}

.border-opacity-95 {
  --tw-border-opacity: 0.95;
}

.border-opacity-100 {
  --tw-border-opacity: 1;
}

.group:hover .group-hover\:border-opacity-0 {
  --tw-border-opacity: 0;
}

.group:hover .group-hover\:border-opacity-5 {
  --tw-border-opacity: 0.05;
}

.group:hover .group-hover\:border-opacity-10 {
  --tw-border-opacity: 0.1;
}

.group:hover .group-hover\:border-opacity-20 {
  --tw-border-opacity: 0.2;
}

.group:hover .group-hover\:border-opacity-25 {
  --tw-border-opacity: 0.25;
}

.group:hover .group-hover\:border-opacity-30 {
  --tw-border-opacity: 0.3;
}

.group:hover .group-hover\:border-opacity-40 {
  --tw-border-opacity: 0.4;
}

.group:hover .group-hover\:border-opacity-50 {
  --tw-border-opacity: 0.5;
}

.group:hover .group-hover\:border-opacity-60 {
  --tw-border-opacity: 0.6;
}

.group:hover .group-hover\:border-opacity-70 {
  --tw-border-opacity: 0.7;
}

.group:hover .group-hover\:border-opacity-75 {
  --tw-border-opacity: 0.75;
}

.group:hover .group-hover\:border-opacity-80 {
  --tw-border-opacity: 0.8;
}

.group:hover .group-hover\:border-opacity-90 {
  --tw-border-opacity: 0.9;
}

.group:hover .group-hover\:border-opacity-95 {
  --tw-border-opacity: 0.95;
}

.group:hover .group-hover\:border-opacity-100 {
  --tw-border-opacity: 1;
}

.focus-within\:border-opacity-0:focus-within {
  --tw-border-opacity: 0;
}

.focus-within\:border-opacity-5:focus-within {
  --tw-border-opacity: 0.05;
}

.focus-within\:border-opacity-10:focus-within {
  --tw-border-opacity: 0.1;
}

.focus-within\:border-opacity-20:focus-within {
  --tw-border-opacity: 0.2;
}

.focus-within\:border-opacity-25:focus-within {
  --tw-border-opacity: 0.25;
}

.focus-within\:border-opacity-30:focus-within {
  --tw-border-opacity: 0.3;
}

.focus-within\:border-opacity-40:focus-within {
  --tw-border-opacity: 0.4;
}

.focus-within\:border-opacity-50:focus-within {
  --tw-border-opacity: 0.5;
}

.focus-within\:border-opacity-60:focus-within {
  --tw-border-opacity: 0.6;
}

.focus-within\:border-opacity-70:focus-within {
  --tw-border-opacity: 0.7;
}

.focus-within\:border-opacity-75:focus-within {
  --tw-border-opacity: 0.75;
}

.focus-within\:border-opacity-80:focus-within {
  --tw-border-opacity: 0.8;
}

.focus-within\:border-opacity-90:focus-within {
  --tw-border-opacity: 0.9;
}

.focus-within\:border-opacity-95:focus-within {
  --tw-border-opacity: 0.95;
}

.focus-within\:border-opacity-100:focus-within {
  --tw-border-opacity: 1;
}

.hover\:border-opacity-0:hover {
  --tw-border-opacity: 0;
}

.hover\:border-opacity-5:hover {
  --tw-border-opacity: 0.05;
}

.hover\:border-opacity-10:hover {
  --tw-border-opacity: 0.1;
}

.hover\:border-opacity-20:hover {
  --tw-border-opacity: 0.2;
}

.hover\:border-opacity-25:hover {
  --tw-border-opacity: 0.25;
}

.hover\:border-opacity-30:hover {
  --tw-border-opacity: 0.3;
}

.hover\:border-opacity-40:hover {
  --tw-border-opacity: 0.4;
}

.hover\:border-opacity-50:hover {
  --tw-border-opacity: 0.5;
}

.hover\:border-opacity-60:hover {
  --tw-border-opacity: 0.6;
}

.hover\:border-opacity-70:hover {
  --tw-border-opacity: 0.7;
}

.hover\:border-opacity-75:hover {
  --tw-border-opacity: 0.75;
}

.hover\:border-opacity-80:hover {
  --tw-border-opacity: 0.8;
}

.hover\:border-opacity-90:hover {
  --tw-border-opacity: 0.9;
}

.hover\:border-opacity-95:hover {
  --tw-border-opacity: 0.95;
}

.hover\:border-opacity-100:hover {
  --tw-border-opacity: 1;
}

.focus\:border-opacity-0:focus {
  --tw-border-opacity: 0;
}

.focus\:border-opacity-5:focus {
  --tw-border-opacity: 0.05;
}

.focus\:border-opacity-10:focus {
  --tw-border-opacity: 0.1;
}

.focus\:border-opacity-20:focus {
  --tw-border-opacity: 0.2;
}

.focus\:border-opacity-25:focus {
  --tw-border-opacity: 0.25;
}

.focus\:border-opacity-30:focus {
  --tw-border-opacity: 0.3;
}

.focus\:border-opacity-40:focus {
  --tw-border-opacity: 0.4;
}

.focus\:border-opacity-50:focus {
  --tw-border-opacity: 0.5;
}

.focus\:border-opacity-60:focus {
  --tw-border-opacity: 0.6;
}

.focus\:border-opacity-70:focus {
  --tw-border-opacity: 0.7;
}

.focus\:border-opacity-75:focus {
  --tw-border-opacity: 0.75;
}

.focus\:border-opacity-80:focus {
  --tw-border-opacity: 0.8;
}

.focus\:border-opacity-90:focus {
  --tw-border-opacity: 0.9;
}

.focus\:border-opacity-95:focus {
  --tw-border-opacity: 0.95;
}

.focus\:border-opacity-100:focus {
  --tw-border-opacity: 1;
}

.bg-transparent {
  background-color: transparent;
}

.bg-current {
  background-color: currentColor;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}

.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
}

.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}

.bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
}

.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
}

.bg-indigo-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
}

.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}

.bg-indigo-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}

.bg-indigo-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}

.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
}

.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
}

.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}

.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}

.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
}

.bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
}

.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
}

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
}

.bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
}

.bg-pink-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
}

.bg-pink-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
}

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
}

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
}

.bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
}

.bg-pink-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
}

.bg-pink-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-transparent {
  background-color: transparent;
}

.group:hover .group-hover\:bg-current {
  background-color: currentColor;
}

.group:hover .group-hover\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-indigo-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-pink-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
}

.focus-within\:bg-transparent:focus-within {
  background-color: transparent;
}

.focus-within\:bg-current:focus-within {
  background-color: currentColor;
}

.focus-within\:bg-black:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.focus-within\:bg-white:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.focus-within\:bg-gray-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.focus-within\:bg-red-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}

.focus-within\:bg-red-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.focus-within\:bg-red-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.focus-within\:bg-red-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.focus-within\:bg-red-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.focus-within\:bg-red-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.focus-within\:bg-red-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.focus-within\:bg-red-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.focus-within\:bg-red-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}

.focus-within\:bg-red-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
}

.focus-within\:bg-yellow-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
}

.focus-within\:bg-green-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
}

.focus-within\:bg-green-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}

.focus-within\:bg-green-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.focus-within\:bg-green-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.focus-within\:bg-green-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.focus-within\:bg-green-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.focus-within\:bg-green-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}

.focus-within\:bg-green-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}

.focus-within\:bg-green-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
}

.focus-within\:bg-green-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.focus-within\:bg-blue-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}

.focus-within\:bg-indigo-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
}

.focus-within\:bg-purple-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
}

.focus-within\:bg-pink-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-current:hover {
  background-color: currentColor;
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}

.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.hover\:bg-red-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}

.hover\:bg-red-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
}

.hover\:bg-yellow-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
}

.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

.hover\:bg-yellow-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
}

.hover\:bg-yellow-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
}

.hover\:bg-yellow-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}

.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
}

.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}

.hover\:bg-yellow-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
}

.hover\:bg-yellow-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
}

.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
}

.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}

.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.hover\:bg-green-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.hover\:bg-green-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}

.hover\:bg-green-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
}

.hover\:bg-green-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.hover\:bg-blue-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.hover\:bg-blue-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}

.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}

.hover\:bg-indigo-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.hover\:bg-indigo-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
}

.hover\:bg-indigo-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
}

.hover\:bg-indigo-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}

.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}

.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}

.hover\:bg-indigo-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}

.hover\:bg-indigo-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
}

.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
}

.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}

.hover\:bg-purple-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
}

.hover\:bg-purple-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
}

.hover\:bg-purple-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
}

.hover\:bg-purple-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}

.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}

.hover\:bg-purple-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
}

.hover\:bg-purple-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
}

.hover\:bg-pink-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
}

.hover\:bg-pink-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
}

.hover\:bg-pink-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
}

.hover\:bg-pink-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
}

.hover\:bg-pink-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
}

.hover\:bg-pink-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
}

.hover\:bg-pink-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
}

.hover\:bg-pink-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
}

.hover\:bg-pink-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
}

.hover\:bg-pink-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-current:focus {
  background-color: currentColor;
}

.focus\:bg-black:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.focus\:bg-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.focus\:bg-gray-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.focus\:bg-gray-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.focus\:bg-gray-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}

.focus\:bg-gray-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.focus\:bg-gray-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}

.focus\:bg-gray-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}

.focus\:bg-gray-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.focus\:bg-gray-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.focus\:bg-red-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}

.focus\:bg-red-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.focus\:bg-red-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.focus\:bg-red-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.focus\:bg-red-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.focus\:bg-red-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.focus\:bg-red-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.focus\:bg-red-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.focus\:bg-red-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}

.focus\:bg-red-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
}

.focus\:bg-yellow-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
}

.focus\:bg-yellow-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.focus\:bg-yellow-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

.focus\:bg-yellow-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
}

.focus\:bg-yellow-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
}

.focus\:bg-yellow-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}

.focus\:bg-yellow-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
}

.focus\:bg-yellow-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}

.focus\:bg-yellow-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
}

.focus\:bg-yellow-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
}

.focus\:bg-green-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
}

.focus\:bg-green-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}

.focus\:bg-green-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.focus\:bg-green-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.focus\:bg-green-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
}

.focus\:bg-green-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.focus\:bg-green-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
}

.focus\:bg-green-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}

.focus\:bg-green-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
}

.focus\:bg-green-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
}

.focus\:bg-blue-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.focus\:bg-blue-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.focus\:bg-blue-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

.focus\:bg-blue-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.focus\:bg-blue-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
}

.focus\:bg-blue-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.focus\:bg-blue-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.focus\:bg-blue-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.focus\:bg-blue-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.focus\:bg-blue-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
}

.focus\:bg-indigo-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
}

.focus\:bg-indigo-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.focus\:bg-indigo-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
}

.focus\:bg-indigo-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
}

.focus\:bg-indigo-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
}

.focus\:bg-indigo-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}

.focus\:bg-indigo-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.focus\:bg-indigo-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}

.focus\:bg-indigo-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}

.focus\:bg-indigo-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
}

.focus\:bg-purple-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
}

.focus\:bg-purple-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}

.focus\:bg-purple-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
}

.focus\:bg-purple-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
}

.focus\:bg-purple-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
}

.focus\:bg-purple-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
}

.focus\:bg-purple-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}

.focus\:bg-purple-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}

.focus\:bg-purple-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
}

.focus\:bg-purple-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
}

.focus\:bg-pink-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
}

.focus\:bg-pink-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
}

.focus\:bg-pink-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
}

.focus\:bg-pink-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
}

.focus\:bg-pink-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
}

.focus\:bg-pink-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
}

.focus\:bg-pink-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
}

.focus\:bg-pink-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
}

.focus\:bg-pink-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
}

.focus\:bg-pink-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
}

.bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.group:hover .group-hover\:bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.group:hover .group-hover\:bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.group:hover .group-hover\:bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.group:hover .group-hover\:bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.group:hover .group-hover\:bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.group:hover .group-hover\:bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.group:hover .group-hover\:bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.group:hover .group-hover\:bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.group:hover .group-hover\:bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.group:hover .group-hover\:bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.group:hover .group-hover\:bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.group:hover .group-hover\:bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.group:hover .group-hover\:bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.group:hover .group-hover\:bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.group:hover .group-hover\:bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.focus-within\:bg-opacity-0:focus-within {
  --tw-bg-opacity: 0;
}

.focus-within\:bg-opacity-5:focus-within {
  --tw-bg-opacity: 0.05;
}

.focus-within\:bg-opacity-10:focus-within {
  --tw-bg-opacity: 0.1;
}

.focus-within\:bg-opacity-20:focus-within {
  --tw-bg-opacity: 0.2;
}

.focus-within\:bg-opacity-25:focus-within {
  --tw-bg-opacity: 0.25;
}

.focus-within\:bg-opacity-30:focus-within {
  --tw-bg-opacity: 0.3;
}

.focus-within\:bg-opacity-40:focus-within {
  --tw-bg-opacity: 0.4;
}

.focus-within\:bg-opacity-50:focus-within {
  --tw-bg-opacity: 0.5;
}

.focus-within\:bg-opacity-60:focus-within {
  --tw-bg-opacity: 0.6;
}

.focus-within\:bg-opacity-70:focus-within {
  --tw-bg-opacity: 0.7;
}

.focus-within\:bg-opacity-75:focus-within {
  --tw-bg-opacity: 0.75;
}

.focus-within\:bg-opacity-80:focus-within {
  --tw-bg-opacity: 0.8;
}

.focus-within\:bg-opacity-90:focus-within {
  --tw-bg-opacity: 0.9;
}

.focus-within\:bg-opacity-95:focus-within {
  --tw-bg-opacity: 0.95;
}

.focus-within\:bg-opacity-100:focus-within {
  --tw-bg-opacity: 1;
}

.hover\:bg-opacity-0:hover {
  --tw-bg-opacity: 0;
}

.hover\:bg-opacity-5:hover {
  --tw-bg-opacity: 0.05;
}

.hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1;
}

.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2;
}

.hover\:bg-opacity-25:hover {
  --tw-bg-opacity: 0.25;
}

.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

.hover\:bg-opacity-40:hover {
  --tw-bg-opacity: 0.4;
}

.hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}

.hover\:bg-opacity-60:hover {
  --tw-bg-opacity: 0.6;
}

.hover\:bg-opacity-70:hover {
  --tw-bg-opacity: 0.7;
}

.hover\:bg-opacity-75:hover {
  --tw-bg-opacity: 0.75;
}

.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}

.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}

.hover\:bg-opacity-95:hover {
  --tw-bg-opacity: 0.95;
}

.hover\:bg-opacity-100:hover {
  --tw-bg-opacity: 1;
}

.focus\:bg-opacity-0:focus {
  --tw-bg-opacity: 0;
}

.focus\:bg-opacity-5:focus {
  --tw-bg-opacity: 0.05;
}

.focus\:bg-opacity-10:focus {
  --tw-bg-opacity: 0.1;
}

.focus\:bg-opacity-20:focus {
  --tw-bg-opacity: 0.2;
}

.focus\:bg-opacity-25:focus {
  --tw-bg-opacity: 0.25;
}

.focus\:bg-opacity-30:focus {
  --tw-bg-opacity: 0.3;
}

.focus\:bg-opacity-40:focus {
  --tw-bg-opacity: 0.4;
}

.focus\:bg-opacity-50:focus {
  --tw-bg-opacity: 0.5;
}

.focus\:bg-opacity-60:focus {
  --tw-bg-opacity: 0.6;
}

.focus\:bg-opacity-70:focus {
  --tw-bg-opacity: 0.7;
}

.focus\:bg-opacity-75:focus {
  --tw-bg-opacity: 0.75;
}

.focus\:bg-opacity-80:focus {
  --tw-bg-opacity: 0.8;
}

.focus\:bg-opacity-90:focus {
  --tw-bg-opacity: 0.9;
}

.focus\:bg-opacity-95:focus {
  --tw-bg-opacity: 0.95;
}

.focus\:bg-opacity-100:focus {
  --tw-bg-opacity: 1;
}

.bg-none {
  background-image: none;
}

.bg-gradient-to-t {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-b {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-bl {
  background-image: -webkit-gradient(linear, right top, left bottom, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-tl {
  background-image: -webkit-gradient(linear, right bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.from-current {
  --tw-gradient-from: currentColor;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.from-black {
  --tw-gradient-from: #000;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.from-white {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.from-gray-50 {
  --tw-gradient-from: #f9fafb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.from-gray-100 {
  --tw-gradient-from: #f3f4f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.from-gray-200 {
  --tw-gradient-from: #e5e7eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.from-gray-300 {
  --tw-gradient-from: #d1d5db;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
}

.from-gray-400 {
  --tw-gradient-from: #9ca3af;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
}

.from-gray-500 {
  --tw-gradient-from: #6b7280;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
}

.from-gray-600 {
  --tw-gradient-from: #4b5563;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
}

.from-gray-700 {
  --tw-gradient-from: #374151;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
}

.from-gray-800 {
  --tw-gradient-from: #1f2937;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
}

.from-gray-900 {
  --tw-gradient-from: #111827;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
}

.from-red-50 {
  --tw-gradient-from: #fef2f2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.from-red-100 {
  --tw-gradient-from: #fee2e2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
}

.from-red-200 {
  --tw-gradient-from: #fecaca;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
}

.from-red-300 {
  --tw-gradient-from: #fca5a5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
}

.from-red-400 {
  --tw-gradient-from: #f87171;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
}

.from-red-500 {
  --tw-gradient-from: #ef4444;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.from-red-600 {
  --tw-gradient-from: #dc2626;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.from-red-700 {
  --tw-gradient-from: #b91c1c;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
}

.from-red-800 {
  --tw-gradient-from: #991b1b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
}

.from-red-900 {
  --tw-gradient-from: #7f1d1d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
}

.from-yellow-50 {
  --tw-gradient-from: #fffbeb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
}

.from-yellow-100 {
  --tw-gradient-from: #fef3c7;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
}

.from-yellow-200 {
  --tw-gradient-from: #fde68a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
}

.from-yellow-300 {
  --tw-gradient-from: #fcd34d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
}

.from-yellow-400 {
  --tw-gradient-from: #fbbf24;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
}

.from-yellow-500 {
  --tw-gradient-from: #f59e0b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
}

.from-yellow-600 {
  --tw-gradient-from: #d97706;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
}

.from-yellow-700 {
  --tw-gradient-from: #b45309;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
}

.from-yellow-800 {
  --tw-gradient-from: #92400e;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
}

.from-yellow-900 {
  --tw-gradient-from: #78350f;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
}

.from-green-50 {
  --tw-gradient-from: #ecfdf5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.from-green-100 {
  --tw-gradient-from: #d1fae5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}

.from-green-200 {
  --tw-gradient-from: #a7f3d0;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
}

.from-green-300 {
  --tw-gradient-from: #6ee7b7;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
}

.from-green-400 {
  --tw-gradient-from: #34d399;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
}

.from-green-500 {
  --tw-gradient-from: #10b981;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.from-green-600 {
  --tw-gradient-from: #059669;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
}

.from-green-700 {
  --tw-gradient-from: #047857;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
}

.from-green-800 {
  --tw-gradient-from: #065f46;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
}

.from-green-900 {
  --tw-gradient-from: #064e3b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.from-blue-100 {
  --tw-gradient-from: #dbeafe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
}

.from-blue-200 {
  --tw-gradient-from: #bfdbfe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
}

.from-blue-300 {
  --tw-gradient-from: #93c5fd;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
}

.from-blue-400 {
  --tw-gradient-from: #60a5fa;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.from-blue-600 {
  --tw-gradient-from: #2563eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
}

.from-blue-700 {
  --tw-gradient-from: #1d4ed8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
}

.from-blue-800 {
  --tw-gradient-from: #1e40af;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
}

.from-blue-900 {
  --tw-gradient-from: #1e3a8a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.from-indigo-50 {
  --tw-gradient-from: #eef2ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
}

.from-indigo-100 {
  --tw-gradient-from: #e0e7ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
}

.from-indigo-200 {
  --tw-gradient-from: #c7d2fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
}

.from-indigo-300 {
  --tw-gradient-from: #a5b4fc;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
}

.from-indigo-400 {
  --tw-gradient-from: #818cf8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
}

.from-indigo-600 {
  --tw-gradient-from: #4f46e5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
}

.from-indigo-700 {
  --tw-gradient-from: #4338ca;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
}

.from-indigo-800 {
  --tw-gradient-from: #3730a3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
}

.from-indigo-900 {
  --tw-gradient-from: #312e81;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
}

.from-purple-50 {
  --tw-gradient-from: #f5f3ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
}

.from-purple-100 {
  --tw-gradient-from: #ede9fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
}

.from-purple-200 {
  --tw-gradient-from: #ddd6fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
}

.from-purple-300 {
  --tw-gradient-from: #c4b5fd;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
}

.from-purple-400 {
  --tw-gradient-from: #a78bfa;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
}

.from-purple-500 {
  --tw-gradient-from: #8b5cf6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
}

.from-purple-600 {
  --tw-gradient-from: #7c3aed;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
}

.from-purple-700 {
  --tw-gradient-from: #6d28d9;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
}

.from-purple-800 {
  --tw-gradient-from: #5b21b6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
}

.from-purple-900 {
  --tw-gradient-from: #4c1d95;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
}

.from-pink-50 {
  --tw-gradient-from: #fdf2f8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
}

.from-pink-100 {
  --tw-gradient-from: #fce7f3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
}

.from-pink-200 {
  --tw-gradient-from: #fbcfe8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
}

.from-pink-300 {
  --tw-gradient-from: #f9a8d4;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
}

.from-pink-400 {
  --tw-gradient-from: #f472b6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
}

.from-pink-500 {
  --tw-gradient-from: #ec4899;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
}

.from-pink-600 {
  --tw-gradient-from: #db2777;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
}

.from-pink-700 {
  --tw-gradient-from: #be185d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
}

.from-pink-800 {
  --tw-gradient-from: #9d174d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
}

.from-pink-900 {
  --tw-gradient-from: #831843;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
}

.hover\:from-transparent:hover {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.hover\:from-current:hover {
  --tw-gradient-from: currentColor;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.hover\:from-black:hover {
  --tw-gradient-from: #000;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.hover\:from-white:hover {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.hover\:from-gray-50:hover {
  --tw-gradient-from: #f9fafb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.hover\:from-gray-100:hover {
  --tw-gradient-from: #f3f4f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.hover\:from-gray-200:hover {
  --tw-gradient-from: #e5e7eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.hover\:from-gray-300:hover {
  --tw-gradient-from: #d1d5db;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
}

.hover\:from-gray-400:hover {
  --tw-gradient-from: #9ca3af;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
}

.hover\:from-gray-500:hover {
  --tw-gradient-from: #6b7280;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
}

.hover\:from-gray-600:hover {
  --tw-gradient-from: #4b5563;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
}

.hover\:from-gray-700:hover {
  --tw-gradient-from: #374151;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
}

.hover\:from-gray-800:hover {
  --tw-gradient-from: #1f2937;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
}

.hover\:from-gray-900:hover {
  --tw-gradient-from: #111827;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
}

.hover\:from-red-50:hover {
  --tw-gradient-from: #fef2f2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.hover\:from-red-100:hover {
  --tw-gradient-from: #fee2e2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
}

.hover\:from-red-200:hover {
  --tw-gradient-from: #fecaca;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
}

.hover\:from-red-300:hover {
  --tw-gradient-from: #fca5a5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
}

.hover\:from-red-400:hover {
  --tw-gradient-from: #f87171;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
}

.hover\:from-red-500:hover {
  --tw-gradient-from: #ef4444;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.hover\:from-red-600:hover {
  --tw-gradient-from: #dc2626;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.hover\:from-red-700:hover {
  --tw-gradient-from: #b91c1c;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
}

.hover\:from-red-800:hover {
  --tw-gradient-from: #991b1b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
}

.hover\:from-red-900:hover {
  --tw-gradient-from: #7f1d1d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
}

.hover\:from-yellow-50:hover {
  --tw-gradient-from: #fffbeb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
}

.hover\:from-yellow-100:hover {
  --tw-gradient-from: #fef3c7;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
}

.hover\:from-yellow-200:hover {
  --tw-gradient-from: #fde68a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
}

.hover\:from-yellow-300:hover {
  --tw-gradient-from: #fcd34d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
}

.hover\:from-yellow-400:hover {
  --tw-gradient-from: #fbbf24;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
}

.hover\:from-yellow-500:hover {
  --tw-gradient-from: #f59e0b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
}

.hover\:from-yellow-600:hover {
  --tw-gradient-from: #d97706;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
}

.hover\:from-yellow-700:hover {
  --tw-gradient-from: #b45309;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
}

.hover\:from-yellow-800:hover {
  --tw-gradient-from: #92400e;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
}

.hover\:from-yellow-900:hover {
  --tw-gradient-from: #78350f;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
}

.hover\:from-green-50:hover {
  --tw-gradient-from: #ecfdf5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.hover\:from-green-100:hover {
  --tw-gradient-from: #d1fae5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}

.hover\:from-green-200:hover {
  --tw-gradient-from: #a7f3d0;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
}

.hover\:from-green-300:hover {
  --tw-gradient-from: #6ee7b7;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
}

.hover\:from-green-400:hover {
  --tw-gradient-from: #34d399;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
}

.hover\:from-green-500:hover {
  --tw-gradient-from: #10b981;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.hover\:from-green-600:hover {
  --tw-gradient-from: #059669;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
}

.hover\:from-green-700:hover {
  --tw-gradient-from: #047857;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
}

.hover\:from-green-800:hover {
  --tw-gradient-from: #065f46;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
}

.hover\:from-green-900:hover {
  --tw-gradient-from: #064e3b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
}

.hover\:from-blue-50:hover {
  --tw-gradient-from: #eff6ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.hover\:from-blue-100:hover {
  --tw-gradient-from: #dbeafe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
}

.hover\:from-blue-200:hover {
  --tw-gradient-from: #bfdbfe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
}

.hover\:from-blue-300:hover {
  --tw-gradient-from: #93c5fd;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
}

.hover\:from-blue-400:hover {
  --tw-gradient-from: #60a5fa;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.hover\:from-blue-500:hover {
  --tw-gradient-from: #3b82f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.hover\:from-blue-600:hover {
  --tw-gradient-from: #2563eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #1d4ed8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
}

.hover\:from-blue-800:hover {
  --tw-gradient-from: #1e40af;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
}

.hover\:from-blue-900:hover {
  --tw-gradient-from: #1e3a8a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.hover\:from-indigo-50:hover {
  --tw-gradient-from: #eef2ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
}

.hover\:from-indigo-100:hover {
  --tw-gradient-from: #e0e7ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
}

.hover\:from-indigo-200:hover {
  --tw-gradient-from: #c7d2fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
}

.hover\:from-indigo-300:hover {
  --tw-gradient-from: #a5b4fc;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
}

.hover\:from-indigo-400:hover {
  --tw-gradient-from: #818cf8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

.hover\:from-indigo-500:hover {
  --tw-gradient-from: #6366f1;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
}

.hover\:from-indigo-600:hover {
  --tw-gradient-from: #4f46e5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
}

.hover\:from-indigo-700:hover {
  --tw-gradient-from: #4338ca;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
}

.hover\:from-indigo-800:hover {
  --tw-gradient-from: #3730a3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
}

.hover\:from-indigo-900:hover {
  --tw-gradient-from: #312e81;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
}

.hover\:from-purple-50:hover {
  --tw-gradient-from: #f5f3ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
}

.hover\:from-purple-100:hover {
  --tw-gradient-from: #ede9fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
}

.hover\:from-purple-200:hover {
  --tw-gradient-from: #ddd6fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
}

.hover\:from-purple-300:hover {
  --tw-gradient-from: #c4b5fd;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
}

.hover\:from-purple-400:hover {
  --tw-gradient-from: #a78bfa;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
}

.hover\:from-purple-500:hover {
  --tw-gradient-from: #8b5cf6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
}

.hover\:from-purple-600:hover {
  --tw-gradient-from: #7c3aed;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
}

.hover\:from-purple-700:hover {
  --tw-gradient-from: #6d28d9;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
}

.hover\:from-purple-800:hover {
  --tw-gradient-from: #5b21b6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
}

.hover\:from-purple-900:hover {
  --tw-gradient-from: #4c1d95;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
}

.hover\:from-pink-50:hover {
  --tw-gradient-from: #fdf2f8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
}

.hover\:from-pink-100:hover {
  --tw-gradient-from: #fce7f3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
}

.hover\:from-pink-200:hover {
  --tw-gradient-from: #fbcfe8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
}

.hover\:from-pink-300:hover {
  --tw-gradient-from: #f9a8d4;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
}

.hover\:from-pink-400:hover {
  --tw-gradient-from: #f472b6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
}

.hover\:from-pink-500:hover {
  --tw-gradient-from: #ec4899;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
}

.hover\:from-pink-600:hover {
  --tw-gradient-from: #db2777;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
}

.hover\:from-pink-700:hover {
  --tw-gradient-from: #be185d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
}

.hover\:from-pink-800:hover {
  --tw-gradient-from: #9d174d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
}

.hover\:from-pink-900:hover {
  --tw-gradient-from: #831843;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
}

.focus\:from-transparent:focus {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.focus\:from-current:focus {
  --tw-gradient-from: currentColor;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.focus\:from-black:focus {
  --tw-gradient-from: #000;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.focus\:from-white:focus {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.focus\:from-gray-50:focus {
  --tw-gradient-from: #f9fafb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.focus\:from-gray-100:focus {
  --tw-gradient-from: #f3f4f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.focus\:from-gray-200:focus {
  --tw-gradient-from: #e5e7eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.focus\:from-gray-300:focus {
  --tw-gradient-from: #d1d5db;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
}

.focus\:from-gray-400:focus {
  --tw-gradient-from: #9ca3af;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
}

.focus\:from-gray-500:focus {
  --tw-gradient-from: #6b7280;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
}

.focus\:from-gray-600:focus {
  --tw-gradient-from: #4b5563;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
}

.focus\:from-gray-700:focus {
  --tw-gradient-from: #374151;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
}

.focus\:from-gray-800:focus {
  --tw-gradient-from: #1f2937;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
}

.focus\:from-gray-900:focus {
  --tw-gradient-from: #111827;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
}

.focus\:from-red-50:focus {
  --tw-gradient-from: #fef2f2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.focus\:from-red-100:focus {
  --tw-gradient-from: #fee2e2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
}

.focus\:from-red-200:focus {
  --tw-gradient-from: #fecaca;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
}

.focus\:from-red-300:focus {
  --tw-gradient-from: #fca5a5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
}

.focus\:from-red-400:focus {
  --tw-gradient-from: #f87171;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
}

.focus\:from-red-500:focus {
  --tw-gradient-from: #ef4444;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.focus\:from-red-600:focus {
  --tw-gradient-from: #dc2626;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.focus\:from-red-700:focus {
  --tw-gradient-from: #b91c1c;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
}

.focus\:from-red-800:focus {
  --tw-gradient-from: #991b1b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
}

.focus\:from-red-900:focus {
  --tw-gradient-from: #7f1d1d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
}

.focus\:from-yellow-50:focus {
  --tw-gradient-from: #fffbeb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
}

.focus\:from-yellow-100:focus {
  --tw-gradient-from: #fef3c7;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
}

.focus\:from-yellow-200:focus {
  --tw-gradient-from: #fde68a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
}

.focus\:from-yellow-300:focus {
  --tw-gradient-from: #fcd34d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
}

.focus\:from-yellow-400:focus {
  --tw-gradient-from: #fbbf24;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
}

.focus\:from-yellow-500:focus {
  --tw-gradient-from: #f59e0b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
}

.focus\:from-yellow-600:focus {
  --tw-gradient-from: #d97706;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
}

.focus\:from-yellow-700:focus {
  --tw-gradient-from: #b45309;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
}

.focus\:from-yellow-800:focus {
  --tw-gradient-from: #92400e;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
}

.focus\:from-yellow-900:focus {
  --tw-gradient-from: #78350f;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
}

.focus\:from-green-50:focus {
  --tw-gradient-from: #ecfdf5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.focus\:from-green-100:focus {
  --tw-gradient-from: #d1fae5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
}

.focus\:from-green-200:focus {
  --tw-gradient-from: #a7f3d0;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
}

.focus\:from-green-300:focus {
  --tw-gradient-from: #6ee7b7;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
}

.focus\:from-green-400:focus {
  --tw-gradient-from: #34d399;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
}

.focus\:from-green-500:focus {
  --tw-gradient-from: #10b981;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.focus\:from-green-600:focus {
  --tw-gradient-from: #059669;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
}

.focus\:from-green-700:focus {
  --tw-gradient-from: #047857;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
}

.focus\:from-green-800:focus {
  --tw-gradient-from: #065f46;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
}

.focus\:from-green-900:focus {
  --tw-gradient-from: #064e3b;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
}

.focus\:from-blue-50:focus {
  --tw-gradient-from: #eff6ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.focus\:from-blue-100:focus {
  --tw-gradient-from: #dbeafe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
}

.focus\:from-blue-200:focus {
  --tw-gradient-from: #bfdbfe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
}

.focus\:from-blue-300:focus {
  --tw-gradient-from: #93c5fd;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
}

.focus\:from-blue-400:focus {
  --tw-gradient-from: #60a5fa;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.focus\:from-blue-500:focus {
  --tw-gradient-from: #3b82f6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.focus\:from-blue-600:focus {
  --tw-gradient-from: #2563eb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
}

.focus\:from-blue-700:focus {
  --tw-gradient-from: #1d4ed8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
}

.focus\:from-blue-800:focus {
  --tw-gradient-from: #1e40af;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
}

.focus\:from-blue-900:focus {
  --tw-gradient-from: #1e3a8a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.focus\:from-indigo-50:focus {
  --tw-gradient-from: #eef2ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
}

.focus\:from-indigo-100:focus {
  --tw-gradient-from: #e0e7ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
}

.focus\:from-indigo-200:focus {
  --tw-gradient-from: #c7d2fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
}

.focus\:from-indigo-300:focus {
  --tw-gradient-from: #a5b4fc;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
}

.focus\:from-indigo-400:focus {
  --tw-gradient-from: #818cf8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

.focus\:from-indigo-500:focus {
  --tw-gradient-from: #6366f1;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
}

.focus\:from-indigo-600:focus {
  --tw-gradient-from: #4f46e5;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
}

.focus\:from-indigo-700:focus {
  --tw-gradient-from: #4338ca;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
}

.focus\:from-indigo-800:focus {
  --tw-gradient-from: #3730a3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
}

.focus\:from-indigo-900:focus {
  --tw-gradient-from: #312e81;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
}

.focus\:from-purple-50:focus {
  --tw-gradient-from: #f5f3ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
}

.focus\:from-purple-100:focus {
  --tw-gradient-from: #ede9fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
}

.focus\:from-purple-200:focus {
  --tw-gradient-from: #ddd6fe;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
}

.focus\:from-purple-300:focus {
  --tw-gradient-from: #c4b5fd;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
}

.focus\:from-purple-400:focus {
  --tw-gradient-from: #a78bfa;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
}

.focus\:from-purple-500:focus {
  --tw-gradient-from: #8b5cf6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
}

.focus\:from-purple-600:focus {
  --tw-gradient-from: #7c3aed;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
}

.focus\:from-purple-700:focus {
  --tw-gradient-from: #6d28d9;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
}

.focus\:from-purple-800:focus {
  --tw-gradient-from: #5b21b6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
}

.focus\:from-purple-900:focus {
  --tw-gradient-from: #4c1d95;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
}

.focus\:from-pink-50:focus {
  --tw-gradient-from: #fdf2f8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
}

.focus\:from-pink-100:focus {
  --tw-gradient-from: #fce7f3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
}

.focus\:from-pink-200:focus {
  --tw-gradient-from: #fbcfe8;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
}

.focus\:from-pink-300:focus {
  --tw-gradient-from: #f9a8d4;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
}

.focus\:from-pink-400:focus {
  --tw-gradient-from: #f472b6;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
}

.focus\:from-pink-500:focus {
  --tw-gradient-from: #ec4899;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
}

.focus\:from-pink-600:focus {
  --tw-gradient-from: #db2777;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
}

.focus\:from-pink-700:focus {
  --tw-gradient-from: #be185d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
}

.focus\:from-pink-800:focus {
  --tw-gradient-from: #9d174d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
}

.focus\:from-pink-900:focus {
  --tw-gradient-from: #831843;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
}

.via-transparent {
  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.via-current {
  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.via-black {
  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.via-white {
  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.via-gray-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.via-gray-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.via-gray-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.via-gray-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
}

.via-gray-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
}

.via-gray-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
}

.via-gray-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
}

.via-gray-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
}

.via-gray-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
}

.via-gray-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
}

.via-red-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.via-red-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
}

.via-red-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
}

.via-red-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
}

.via-red-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
}

.via-red-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.via-red-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.via-red-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
}

.via-red-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
}

.via-red-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
}

.via-yellow-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
}

.via-yellow-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
}

.via-yellow-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
}

.via-yellow-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
}

.via-yellow-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
}

.via-yellow-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
}

.via-yellow-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
}

.via-yellow-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
}

.via-yellow-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
}

.via-yellow-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
}

.via-green-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.via-green-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
}

.via-green-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
}

.via-green-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
}

.via-green-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
}

.via-green-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.via-green-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
}

.via-green-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
}

.via-green-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
}

.via-green-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
}

.via-blue-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.via-blue-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
}

.via-blue-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
}

.via-blue-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
}

.via-blue-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.via-blue-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.via-blue-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
}

.via-blue-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
}

.via-blue-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
}

.via-blue-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.via-indigo-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
}

.via-indigo-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
}

.via-indigo-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
}

.via-indigo-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
}

.via-indigo-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

.via-indigo-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
}

.via-indigo-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
}

.via-indigo-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
}

.via-indigo-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
}

.via-indigo-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
}

.via-purple-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
}

.via-purple-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
}

.via-purple-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
}

.via-purple-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
}

.via-purple-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
}

.via-purple-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
}

.via-purple-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
}

.via-purple-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
}

.via-purple-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
}

.via-purple-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
}

.via-pink-50 {
  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
}

.via-pink-100 {
  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
}

.via-pink-200 {
  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
}

.via-pink-300 {
  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
}

.via-pink-400 {
  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
}

.via-pink-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
}

.via-pink-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
}

.via-pink-700 {
  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
}

.via-pink-800 {
  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
}

.via-pink-900 {
  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
}

.hover\:via-transparent:hover {
  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.hover\:via-current:hover {
  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.hover\:via-black:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.hover\:via-white:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.hover\:via-gray-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.hover\:via-gray-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.hover\:via-gray-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.hover\:via-gray-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
}

.hover\:via-gray-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
}

.hover\:via-gray-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
}

.hover\:via-gray-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
}

.hover\:via-gray-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
}

.hover\:via-gray-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
}

.hover\:via-gray-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
}

.hover\:via-red-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.hover\:via-red-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
}

.hover\:via-red-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
}

.hover\:via-red-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
}

.hover\:via-red-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
}

.hover\:via-red-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.hover\:via-red-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.hover\:via-red-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
}

.hover\:via-red-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
}

.hover\:via-red-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
}

.hover\:via-yellow-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
}

.hover\:via-yellow-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
}

.hover\:via-yellow-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
}

.hover\:via-yellow-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
}

.hover\:via-yellow-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
}

.hover\:via-yellow-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
}

.hover\:via-yellow-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
}

.hover\:via-yellow-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
}

.hover\:via-yellow-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
}

.hover\:via-yellow-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
}

.hover\:via-green-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.hover\:via-green-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
}

.hover\:via-green-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
}

.hover\:via-green-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
}

.hover\:via-green-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
}

.hover\:via-green-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.hover\:via-green-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
}

.hover\:via-green-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
}

.hover\:via-green-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
}

.hover\:via-green-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
}

.hover\:via-blue-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.hover\:via-blue-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
}

.hover\:via-blue-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
}

.hover\:via-blue-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
}

.hover\:via-blue-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.hover\:via-blue-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.hover\:via-blue-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
}

.hover\:via-blue-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
}

.hover\:via-blue-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
}

.hover\:via-blue-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.hover\:via-indigo-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
}

.hover\:via-indigo-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
}

.hover\:via-indigo-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
}

.hover\:via-indigo-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
}

.hover\:via-indigo-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

.hover\:via-indigo-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
}

.hover\:via-indigo-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
}

.hover\:via-indigo-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
}

.hover\:via-indigo-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
}

.hover\:via-indigo-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
}

.hover\:via-purple-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
}

.hover\:via-purple-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
}

.hover\:via-purple-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
}

.hover\:via-purple-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
}

.hover\:via-purple-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
}

.hover\:via-purple-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
}

.hover\:via-purple-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
}

.hover\:via-purple-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
}

.hover\:via-purple-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
}

.hover\:via-purple-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
}

.hover\:via-pink-50:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
}

.hover\:via-pink-100:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
}

.hover\:via-pink-200:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
}

.hover\:via-pink-300:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
}

.hover\:via-pink-400:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
}

.hover\:via-pink-500:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
}

.hover\:via-pink-600:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
}

.hover\:via-pink-700:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
}

.hover\:via-pink-800:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
}

.hover\:via-pink-900:hover {
  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
}

.focus\:via-transparent:focus {
  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.focus\:via-current:focus {
  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.focus\:via-black:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.focus\:via-white:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.focus\:via-gray-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
}

.focus\:via-gray-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
}

.focus\:via-gray-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
}

.focus\:via-gray-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
}

.focus\:via-gray-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
}

.focus\:via-gray-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
}

.focus\:via-gray-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
}

.focus\:via-gray-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
}

.focus\:via-gray-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
}

.focus\:via-gray-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
}

.focus\:via-red-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.focus\:via-red-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
}

.focus\:via-red-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
}

.focus\:via-red-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
}

.focus\:via-red-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
}

.focus\:via-red-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.focus\:via-red-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.focus\:via-red-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
}

.focus\:via-red-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
}

.focus\:via-red-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
}

.focus\:via-yellow-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
}

.focus\:via-yellow-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
}

.focus\:via-yellow-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
}

.focus\:via-yellow-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
}

.focus\:via-yellow-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
}

.focus\:via-yellow-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
}

.focus\:via-yellow-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
}

.focus\:via-yellow-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
}

.focus\:via-yellow-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
}

.focus\:via-yellow-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
}

.focus\:via-green-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.focus\:via-green-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
}

.focus\:via-green-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
}

.focus\:via-green-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
}

.focus\:via-green-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
}

.focus\:via-green-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.focus\:via-green-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
}

.focus\:via-green-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
}

.focus\:via-green-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
}

.focus\:via-green-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
}

.focus\:via-blue-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.focus\:via-blue-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
}

.focus\:via-blue-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
}

.focus\:via-blue-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
}

.focus\:via-blue-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.focus\:via-blue-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.focus\:via-blue-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
}

.focus\:via-blue-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
}

.focus\:via-blue-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
}

.focus\:via-blue-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.focus\:via-indigo-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
}

.focus\:via-indigo-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
}

.focus\:via-indigo-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
}

.focus\:via-indigo-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
}

.focus\:via-indigo-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

.focus\:via-indigo-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
}

.focus\:via-indigo-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
}

.focus\:via-indigo-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
}

.focus\:via-indigo-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
}

.focus\:via-indigo-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
}

.focus\:via-purple-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
}

.focus\:via-purple-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
}

.focus\:via-purple-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
}

.focus\:via-purple-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
}

.focus\:via-purple-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
}

.focus\:via-purple-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
}

.focus\:via-purple-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
}

.focus\:via-purple-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
}

.focus\:via-purple-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
}

.focus\:via-purple-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
}

.focus\:via-pink-50:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
}

.focus\:via-pink-100:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
}

.focus\:via-pink-200:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
}

.focus\:via-pink-300:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
}

.focus\:via-pink-400:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
}

.focus\:via-pink-500:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
}

.focus\:via-pink-600:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
}

.focus\:via-pink-700:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
}

.focus\:via-pink-800:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
}

.focus\:via-pink-900:focus {
  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
}

.to-transparent {
  --tw-gradient-to: transparent;
}

.to-current {
  --tw-gradient-to: currentColor;
}

.to-black {
  --tw-gradient-to: #000;
}

.to-white {
  --tw-gradient-to: #fff;
}

.to-gray-50 {
  --tw-gradient-to: #f9fafb;
}

.to-gray-100 {
  --tw-gradient-to: #f3f4f6;
}

.to-gray-200 {
  --tw-gradient-to: #e5e7eb;
}

.to-gray-300 {
  --tw-gradient-to: #d1d5db;
}

.to-gray-400 {
  --tw-gradient-to: #9ca3af;
}

.to-gray-500 {
  --tw-gradient-to: #6b7280;
}

.to-gray-600 {
  --tw-gradient-to: #4b5563;
}

.to-gray-700 {
  --tw-gradient-to: #374151;
}

.to-gray-800 {
  --tw-gradient-to: #1f2937;
}

.to-gray-900 {
  --tw-gradient-to: #111827;
}

.to-red-50 {
  --tw-gradient-to: #fef2f2;
}

.to-red-100 {
  --tw-gradient-to: #fee2e2;
}

.to-red-200 {
  --tw-gradient-to: #fecaca;
}

.to-red-300 {
  --tw-gradient-to: #fca5a5;
}

.to-red-400 {
  --tw-gradient-to: #f87171;
}

.to-red-500 {
  --tw-gradient-to: #ef4444;
}

.to-red-600 {
  --tw-gradient-to: #dc2626;
}

.to-red-700 {
  --tw-gradient-to: #b91c1c;
}

.to-red-800 {
  --tw-gradient-to: #991b1b;
}

.to-red-900 {
  --tw-gradient-to: #7f1d1d;
}

.to-yellow-50 {
  --tw-gradient-to: #fffbeb;
}

.to-yellow-100 {
  --tw-gradient-to: #fef3c7;
}

.to-yellow-200 {
  --tw-gradient-to: #fde68a;
}

.to-yellow-300 {
  --tw-gradient-to: #fcd34d;
}

.to-yellow-400 {
  --tw-gradient-to: #fbbf24;
}

.to-yellow-500 {
  --tw-gradient-to: #f59e0b;
}

.to-yellow-600 {
  --tw-gradient-to: #d97706;
}

.to-yellow-700 {
  --tw-gradient-to: #b45309;
}

.to-yellow-800 {
  --tw-gradient-to: #92400e;
}

.to-yellow-900 {
  --tw-gradient-to: #78350f;
}

.to-green-50 {
  --tw-gradient-to: #ecfdf5;
}

.to-green-100 {
  --tw-gradient-to: #d1fae5;
}

.to-green-200 {
  --tw-gradient-to: #a7f3d0;
}

.to-green-300 {
  --tw-gradient-to: #6ee7b7;
}

.to-green-400 {
  --tw-gradient-to: #34d399;
}

.to-green-500 {
  --tw-gradient-to: #10b981;
}

.to-green-600 {
  --tw-gradient-to: #059669;
}

.to-green-700 {
  --tw-gradient-to: #047857;
}

.to-green-800 {
  --tw-gradient-to: #065f46;
}

.to-green-900 {
  --tw-gradient-to: #064e3b;
}

.to-blue-50 {
  --tw-gradient-to: #eff6ff;
}

.to-blue-100 {
  --tw-gradient-to: #dbeafe;
}

.to-blue-200 {
  --tw-gradient-to: #bfdbfe;
}

.to-blue-300 {
  --tw-gradient-to: #93c5fd;
}

.to-blue-400 {
  --tw-gradient-to: #60a5fa;
}

.to-blue-500 {
  --tw-gradient-to: #3b82f6;
}

.to-blue-600 {
  --tw-gradient-to: #2563eb;
}

.to-blue-700 {
  --tw-gradient-to: #1d4ed8;
}

.to-blue-800 {
  --tw-gradient-to: #1e40af;
}

.to-blue-900 {
  --tw-gradient-to: #1e3a8a;
}

.to-indigo-50 {
  --tw-gradient-to: #eef2ff;
}

.to-indigo-100 {
  --tw-gradient-to: #e0e7ff;
}

.to-indigo-200 {
  --tw-gradient-to: #c7d2fe;
}

.to-indigo-300 {
  --tw-gradient-to: #a5b4fc;
}

.to-indigo-400 {
  --tw-gradient-to: #818cf8;
}

.to-indigo-500 {
  --tw-gradient-to: #6366f1;
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5;
}

.to-indigo-700 {
  --tw-gradient-to: #4338ca;
}

.to-indigo-800 {
  --tw-gradient-to: #3730a3;
}

.to-indigo-900 {
  --tw-gradient-to: #312e81;
}

.to-purple-50 {
  --tw-gradient-to: #f5f3ff;
}

.to-purple-100 {
  --tw-gradient-to: #ede9fe;
}

.to-purple-200 {
  --tw-gradient-to: #ddd6fe;
}

.to-purple-300 {
  --tw-gradient-to: #c4b5fd;
}

.to-purple-400 {
  --tw-gradient-to: #a78bfa;
}

.to-purple-500 {
  --tw-gradient-to: #8b5cf6;
}

.to-purple-600 {
  --tw-gradient-to: #7c3aed;
}

.to-purple-700 {
  --tw-gradient-to: #6d28d9;
}

.to-purple-800 {
  --tw-gradient-to: #5b21b6;
}

.to-purple-900 {
  --tw-gradient-to: #4c1d95;
}

.to-pink-50 {
  --tw-gradient-to: #fdf2f8;
}

.to-pink-100 {
  --tw-gradient-to: #fce7f3;
}

.to-pink-200 {
  --tw-gradient-to: #fbcfe8;
}

.to-pink-300 {
  --tw-gradient-to: #f9a8d4;
}

.to-pink-400 {
  --tw-gradient-to: #f472b6;
}

.to-pink-500 {
  --tw-gradient-to: #ec4899;
}

.to-pink-600 {
  --tw-gradient-to: #db2777;
}

.to-pink-700 {
  --tw-gradient-to: #be185d;
}

.to-pink-800 {
  --tw-gradient-to: #9d174d;
}

.to-pink-900 {
  --tw-gradient-to: #831843;
}

.hover\:to-transparent:hover {
  --tw-gradient-to: transparent;
}

.hover\:to-current:hover {
  --tw-gradient-to: currentColor;
}

.hover\:to-black:hover {
  --tw-gradient-to: #000;
}

.hover\:to-white:hover {
  --tw-gradient-to: #fff;
}

.hover\:to-gray-50:hover {
  --tw-gradient-to: #f9fafb;
}

.hover\:to-gray-100:hover {
  --tw-gradient-to: #f3f4f6;
}

.hover\:to-gray-200:hover {
  --tw-gradient-to: #e5e7eb;
}

.hover\:to-gray-300:hover {
  --tw-gradient-to: #d1d5db;
}

.hover\:to-gray-400:hover {
  --tw-gradient-to: #9ca3af;
}

.hover\:to-gray-500:hover {
  --tw-gradient-to: #6b7280;
}

.hover\:to-gray-600:hover {
  --tw-gradient-to: #4b5563;
}

.hover\:to-gray-700:hover {
  --tw-gradient-to: #374151;
}

.hover\:to-gray-800:hover {
  --tw-gradient-to: #1f2937;
}

.hover\:to-gray-900:hover {
  --tw-gradient-to: #111827;
}

.hover\:to-red-50:hover {
  --tw-gradient-to: #fef2f2;
}

.hover\:to-red-100:hover {
  --tw-gradient-to: #fee2e2;
}

.hover\:to-red-200:hover {
  --tw-gradient-to: #fecaca;
}

.hover\:to-red-300:hover {
  --tw-gradient-to: #fca5a5;
}

.hover\:to-red-400:hover {
  --tw-gradient-to: #f87171;
}

.hover\:to-red-500:hover {
  --tw-gradient-to: #ef4444;
}

.hover\:to-red-600:hover {
  --tw-gradient-to: #dc2626;
}

.hover\:to-red-700:hover {
  --tw-gradient-to: #b91c1c;
}

.hover\:to-red-800:hover {
  --tw-gradient-to: #991b1b;
}

.hover\:to-red-900:hover {
  --tw-gradient-to: #7f1d1d;
}

.hover\:to-yellow-50:hover {
  --tw-gradient-to: #fffbeb;
}

.hover\:to-yellow-100:hover {
  --tw-gradient-to: #fef3c7;
}

.hover\:to-yellow-200:hover {
  --tw-gradient-to: #fde68a;
}

.hover\:to-yellow-300:hover {
  --tw-gradient-to: #fcd34d;
}

.hover\:to-yellow-400:hover {
  --tw-gradient-to: #fbbf24;
}

.hover\:to-yellow-500:hover {
  --tw-gradient-to: #f59e0b;
}

.hover\:to-yellow-600:hover {
  --tw-gradient-to: #d97706;
}

.hover\:to-yellow-700:hover {
  --tw-gradient-to: #b45309;
}

.hover\:to-yellow-800:hover {
  --tw-gradient-to: #92400e;
}

.hover\:to-yellow-900:hover {
  --tw-gradient-to: #78350f;
}

.hover\:to-green-50:hover {
  --tw-gradient-to: #ecfdf5;
}

.hover\:to-green-100:hover {
  --tw-gradient-to: #d1fae5;
}

.hover\:to-green-200:hover {
  --tw-gradient-to: #a7f3d0;
}

.hover\:to-green-300:hover {
  --tw-gradient-to: #6ee7b7;
}

.hover\:to-green-400:hover {
  --tw-gradient-to: #34d399;
}

.hover\:to-green-500:hover {
  --tw-gradient-to: #10b981;
}

.hover\:to-green-600:hover {
  --tw-gradient-to: #059669;
}

.hover\:to-green-700:hover {
  --tw-gradient-to: #047857;
}

.hover\:to-green-800:hover {
  --tw-gradient-to: #065f46;
}

.hover\:to-green-900:hover {
  --tw-gradient-to: #064e3b;
}

.hover\:to-blue-50:hover {
  --tw-gradient-to: #eff6ff;
}

.hover\:to-blue-100:hover {
  --tw-gradient-to: #dbeafe;
}

.hover\:to-blue-200:hover {
  --tw-gradient-to: #bfdbfe;
}

.hover\:to-blue-300:hover {
  --tw-gradient-to: #93c5fd;
}

.hover\:to-blue-400:hover {
  --tw-gradient-to: #60a5fa;
}

.hover\:to-blue-500:hover {
  --tw-gradient-to: #3b82f6;
}

.hover\:to-blue-600:hover {
  --tw-gradient-to: #2563eb;
}

.hover\:to-blue-700:hover {
  --tw-gradient-to: #1d4ed8;
}

.hover\:to-blue-800:hover {
  --tw-gradient-to: #1e40af;
}

.hover\:to-blue-900:hover {
  --tw-gradient-to: #1e3a8a;
}

.hover\:to-indigo-50:hover {
  --tw-gradient-to: #eef2ff;
}

.hover\:to-indigo-100:hover {
  --tw-gradient-to: #e0e7ff;
}

.hover\:to-indigo-200:hover {
  --tw-gradient-to: #c7d2fe;
}

.hover\:to-indigo-300:hover {
  --tw-gradient-to: #a5b4fc;
}

.hover\:to-indigo-400:hover {
  --tw-gradient-to: #818cf8;
}

.hover\:to-indigo-500:hover {
  --tw-gradient-to: #6366f1;
}

.hover\:to-indigo-600:hover {
  --tw-gradient-to: #4f46e5;
}

.hover\:to-indigo-700:hover {
  --tw-gradient-to: #4338ca;
}

.hover\:to-indigo-800:hover {
  --tw-gradient-to: #3730a3;
}

.hover\:to-indigo-900:hover {
  --tw-gradient-to: #312e81;
}

.hover\:to-purple-50:hover {
  --tw-gradient-to: #f5f3ff;
}

.hover\:to-purple-100:hover {
  --tw-gradient-to: #ede9fe;
}

.hover\:to-purple-200:hover {
  --tw-gradient-to: #ddd6fe;
}

.hover\:to-purple-300:hover {
  --tw-gradient-to: #c4b5fd;
}

.hover\:to-purple-400:hover {
  --tw-gradient-to: #a78bfa;
}

.hover\:to-purple-500:hover {
  --tw-gradient-to: #8b5cf6;
}

.hover\:to-purple-600:hover {
  --tw-gradient-to: #7c3aed;
}

.hover\:to-purple-700:hover {
  --tw-gradient-to: #6d28d9;
}

.hover\:to-purple-800:hover {
  --tw-gradient-to: #5b21b6;
}

.hover\:to-purple-900:hover {
  --tw-gradient-to: #4c1d95;
}

.hover\:to-pink-50:hover {
  --tw-gradient-to: #fdf2f8;
}

.hover\:to-pink-100:hover {
  --tw-gradient-to: #fce7f3;
}

.hover\:to-pink-200:hover {
  --tw-gradient-to: #fbcfe8;
}

.hover\:to-pink-300:hover {
  --tw-gradient-to: #f9a8d4;
}

.hover\:to-pink-400:hover {
  --tw-gradient-to: #f472b6;
}

.hover\:to-pink-500:hover {
  --tw-gradient-to: #ec4899;
}

.hover\:to-pink-600:hover {
  --tw-gradient-to: #db2777;
}

.hover\:to-pink-700:hover {
  --tw-gradient-to: #be185d;
}

.hover\:to-pink-800:hover {
  --tw-gradient-to: #9d174d;
}

.hover\:to-pink-900:hover {
  --tw-gradient-to: #831843;
}

.focus\:to-transparent:focus {
  --tw-gradient-to: transparent;
}

.focus\:to-current:focus {
  --tw-gradient-to: currentColor;
}

.focus\:to-black:focus {
  --tw-gradient-to: #000;
}

.focus\:to-white:focus {
  --tw-gradient-to: #fff;
}

.focus\:to-gray-50:focus {
  --tw-gradient-to: #f9fafb;
}

.focus\:to-gray-100:focus {
  --tw-gradient-to: #f3f4f6;
}

.focus\:to-gray-200:focus {
  --tw-gradient-to: #e5e7eb;
}

.focus\:to-gray-300:focus {
  --tw-gradient-to: #d1d5db;
}

.focus\:to-gray-400:focus {
  --tw-gradient-to: #9ca3af;
}

.focus\:to-gray-500:focus {
  --tw-gradient-to: #6b7280;
}

.focus\:to-gray-600:focus {
  --tw-gradient-to: #4b5563;
}

.focus\:to-gray-700:focus {
  --tw-gradient-to: #374151;
}

.focus\:to-gray-800:focus {
  --tw-gradient-to: #1f2937;
}

.focus\:to-gray-900:focus {
  --tw-gradient-to: #111827;
}

.focus\:to-red-50:focus {
  --tw-gradient-to: #fef2f2;
}

.focus\:to-red-100:focus {
  --tw-gradient-to: #fee2e2;
}

.focus\:to-red-200:focus {
  --tw-gradient-to: #fecaca;
}

.focus\:to-red-300:focus {
  --tw-gradient-to: #fca5a5;
}

.focus\:to-red-400:focus {
  --tw-gradient-to: #f87171;
}

.focus\:to-red-500:focus {
  --tw-gradient-to: #ef4444;
}

.focus\:to-red-600:focus {
  --tw-gradient-to: #dc2626;
}

.focus\:to-red-700:focus {
  --tw-gradient-to: #b91c1c;
}

.focus\:to-red-800:focus {
  --tw-gradient-to: #991b1b;
}

.focus\:to-red-900:focus {
  --tw-gradient-to: #7f1d1d;
}

.focus\:to-yellow-50:focus {
  --tw-gradient-to: #fffbeb;
}

.focus\:to-yellow-100:focus {
  --tw-gradient-to: #fef3c7;
}

.focus\:to-yellow-200:focus {
  --tw-gradient-to: #fde68a;
}

.focus\:to-yellow-300:focus {
  --tw-gradient-to: #fcd34d;
}

.focus\:to-yellow-400:focus {
  --tw-gradient-to: #fbbf24;
}

.focus\:to-yellow-500:focus {
  --tw-gradient-to: #f59e0b;
}

.focus\:to-yellow-600:focus {
  --tw-gradient-to: #d97706;
}

.focus\:to-yellow-700:focus {
  --tw-gradient-to: #b45309;
}

.focus\:to-yellow-800:focus {
  --tw-gradient-to: #92400e;
}

.focus\:to-yellow-900:focus {
  --tw-gradient-to: #78350f;
}

.focus\:to-green-50:focus {
  --tw-gradient-to: #ecfdf5;
}

.focus\:to-green-100:focus {
  --tw-gradient-to: #d1fae5;
}

.focus\:to-green-200:focus {
  --tw-gradient-to: #a7f3d0;
}

.focus\:to-green-300:focus {
  --tw-gradient-to: #6ee7b7;
}

.focus\:to-green-400:focus {
  --tw-gradient-to: #34d399;
}

.focus\:to-green-500:focus {
  --tw-gradient-to: #10b981;
}

.focus\:to-green-600:focus {
  --tw-gradient-to: #059669;
}

.focus\:to-green-700:focus {
  --tw-gradient-to: #047857;
}

.focus\:to-green-800:focus {
  --tw-gradient-to: #065f46;
}

.focus\:to-green-900:focus {
  --tw-gradient-to: #064e3b;
}

.focus\:to-blue-50:focus {
  --tw-gradient-to: #eff6ff;
}

.focus\:to-blue-100:focus {
  --tw-gradient-to: #dbeafe;
}

.focus\:to-blue-200:focus {
  --tw-gradient-to: #bfdbfe;
}

.focus\:to-blue-300:focus {
  --tw-gradient-to: #93c5fd;
}

.focus\:to-blue-400:focus {
  --tw-gradient-to: #60a5fa;
}

.focus\:to-blue-500:focus {
  --tw-gradient-to: #3b82f6;
}

.focus\:to-blue-600:focus {
  --tw-gradient-to: #2563eb;
}

.focus\:to-blue-700:focus {
  --tw-gradient-to: #1d4ed8;
}

.focus\:to-blue-800:focus {
  --tw-gradient-to: #1e40af;
}

.focus\:to-blue-900:focus {
  --tw-gradient-to: #1e3a8a;
}

.focus\:to-indigo-50:focus {
  --tw-gradient-to: #eef2ff;
}

.focus\:to-indigo-100:focus {
  --tw-gradient-to: #e0e7ff;
}

.focus\:to-indigo-200:focus {
  --tw-gradient-to: #c7d2fe;
}

.focus\:to-indigo-300:focus {
  --tw-gradient-to: #a5b4fc;
}

.focus\:to-indigo-400:focus {
  --tw-gradient-to: #818cf8;
}

.focus\:to-indigo-500:focus {
  --tw-gradient-to: #6366f1;
}

.focus\:to-indigo-600:focus {
  --tw-gradient-to: #4f46e5;
}

.focus\:to-indigo-700:focus {
  --tw-gradient-to: #4338ca;
}

.focus\:to-indigo-800:focus {
  --tw-gradient-to: #3730a3;
}

.focus\:to-indigo-900:focus {
  --tw-gradient-to: #312e81;
}

.focus\:to-purple-50:focus {
  --tw-gradient-to: #f5f3ff;
}

.focus\:to-purple-100:focus {
  --tw-gradient-to: #ede9fe;
}

.focus\:to-purple-200:focus {
  --tw-gradient-to: #ddd6fe;
}

.focus\:to-purple-300:focus {
  --tw-gradient-to: #c4b5fd;
}

.focus\:to-purple-400:focus {
  --tw-gradient-to: #a78bfa;
}

.focus\:to-purple-500:focus {
  --tw-gradient-to: #8b5cf6;
}

.focus\:to-purple-600:focus {
  --tw-gradient-to: #7c3aed;
}

.focus\:to-purple-700:focus {
  --tw-gradient-to: #6d28d9;
}

.focus\:to-purple-800:focus {
  --tw-gradient-to: #5b21b6;
}

.focus\:to-purple-900:focus {
  --tw-gradient-to: #4c1d95;
}

.focus\:to-pink-50:focus {
  --tw-gradient-to: #fdf2f8;
}

.focus\:to-pink-100:focus {
  --tw-gradient-to: #fce7f3;
}

.focus\:to-pink-200:focus {
  --tw-gradient-to: #fbcfe8;
}

.focus\:to-pink-300:focus {
  --tw-gradient-to: #f9a8d4;
}

.focus\:to-pink-400:focus {
  --tw-gradient-to: #f472b6;
}

.focus\:to-pink-500:focus {
  --tw-gradient-to: #ec4899;
}

.focus\:to-pink-600:focus {
  --tw-gradient-to: #db2777;
}

.focus\:to-pink-700:focus {
  --tw-gradient-to: #be185d;
}

.focus\:to-pink-800:focus {
  --tw-gradient-to: #9d174d;
}

.focus\:to-pink-900:focus {
  --tw-gradient-to: #831843;
}

.decoration-slice {
  -webkit-box-decoration-break: slice;
          box-decoration-break: slice;
}

.decoration-clone {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

.bg-clip-border {
  background-clip: border-box;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.bg-clip-content {
  background-clip: content-box;
}

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

.bg-origin-border {
  background-origin: border-box;
}

.bg-origin-padding {
  background-origin: padding-box;
}

.bg-origin-content {
  background-origin: content-box;
}

.fill-current {
  fill: currentColor;
}

.stroke-current {
  stroke: currentColor;
}

.stroke-0 {
  stroke-width: 0;
}

.stroke-1 {
  stroke-width: 1;
}

.stroke-2 {
  stroke-width: 2;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none {
  -o-object-fit: none;
     object-fit: none;
}

.object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-left {
  -o-object-position: left;
     object-position: left;
}

.object-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-left-top {
  -o-object-position: left top;
     object-position: left top;
}

.object-right {
  -o-object-position: right;
     object-position: right;
}

.object-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-right-top {
  -o-object-position: right top;
     object-position: right top;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-11 {
  padding: 2.75rem;
}

.p-12 {
  padding: 3rem;
}

.p-14 {
  padding: 3.5rem;
}

.p-16 {
  padding: 4rem;
}

.p-20 {
  padding: 5rem;
}

.p-24 {
  padding: 6rem;
}

.p-28 {
  padding: 7rem;
}

.p-32 {
  padding: 8rem;
}

.p-36 {
  padding: 9rem;
}

.p-40 {
  padding: 10rem;
}

.p-44 {
  padding: 11rem;
}

.p-48 {
  padding: 12rem;
}

.p-52 {
  padding: 13rem;
}

.p-56 {
  padding: 14rem;
}

.p-60 {
  padding: 15rem;
}

.p-64 {
  padding: 16rem;
}

.p-72 {
  padding: 18rem;
}

.p-80 {
  padding: 20rem;
}

.p-96 {
  padding: 24rem;
}

.p-px {
  padding: 1px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.px-28 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.px-36 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.px-44 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.px-52 {
  padding-left: 13rem;
  padding-right: 13rem;
}

.px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.px-60 {
  padding-left: 15rem;
  padding-right: 15rem;
}

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.px-72 {
  padding-left: 18rem;
  padding-right: 18rem;
}

.px-80 {
  padding-left: 20rem;
  padding-right: 20rem;
}

.px-96 {
  padding-left: 24rem;
  padding-right: 24rem;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

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

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

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.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-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py-36 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.py-44 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.py-52 {
  padding-top: 13rem;
  padding-bottom: 13rem;
}

.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.py-60 {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.py-72 {
  padding-top: 18rem;
  padding-bottom: 18rem;
}

.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

.py-96 {
  padding-top: 24rem;
  padding-bottom: 24rem;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

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

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

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.pt-0 {
  padding-top: 0px;
}

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

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-11 {
  padding-top: 2.75rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-28 {
  padding-top: 7rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pt-36 {
  padding-top: 9rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pt-44 {
  padding-top: 11rem;
}

.pt-48 {
  padding-top: 12rem;
}

.pt-52 {
  padding-top: 13rem;
}

.pt-56 {
  padding-top: 14rem;
}

.pt-60 {
  padding-top: 15rem;
}

.pt-64 {
  padding-top: 16rem;
}

.pt-72 {
  padding-top: 18rem;
}

.pt-80 {
  padding-top: 20rem;
}

.pt-96 {
  padding-top: 24rem;
}

.pt-px {
  padding-top: 1px;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

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

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

.pt-3\.5 {
  padding-top: 0.875rem;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 0.25rem;
}

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

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-11 {
  padding-right: 2.75rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-14 {
  padding-right: 3.5rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pr-28 {
  padding-right: 7rem;
}

.pr-32 {
  padding-right: 8rem;
}

.pr-36 {
  padding-right: 9rem;
}

.pr-40 {
  padding-right: 10rem;
}

.pr-44 {
  padding-right: 11rem;
}

.pr-48 {
  padding-right: 12rem;
}

.pr-52 {
  padding-right: 13rem;
}

.pr-56 {
  padding-right: 14rem;
}

.pr-60 {
  padding-right: 15rem;
}

.pr-64 {
  padding-right: 16rem;
}

.pr-72 {
  padding-right: 18rem;
}

.pr-80 {
  padding-right: 20rem;
}

.pr-96 {
  padding-right: 24rem;
}

.pr-px {
  padding-right: 1px;
}

.pr-0\.5 {
  padding-right: 0.125rem;
}

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

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

.pr-3\.5 {
  padding-right: 0.875rem;
}

.pb-0 {
  padding-bottom: 0px;
}

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

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

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

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-11 {
  padding-bottom: 2.75rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-28 {
  padding-bottom: 7rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pb-36 {
  padding-bottom: 9rem;
}

.pb-40 {
  padding-bottom: 10rem;
}

.pb-44 {
  padding-bottom: 11rem;
}

.pb-48 {
  padding-bottom: 12rem;
}

.pb-52 {
  padding-bottom: 13rem;
}

.pb-56 {
  padding-bottom: 14rem;
}

.pb-60 {
  padding-bottom: 15rem;
}

.pb-64 {
  padding-bottom: 16rem;
}

.pb-72 {
  padding-bottom: 18rem;
}

.pb-80 {
  padding-bottom: 20rem;
}

.pb-96 {
  padding-bottom: 24rem;
}

.pb-px {
  padding-bottom: 1px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

.pl-0 {
  padding-left: 0px;
}

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

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pl-28 {
  padding-left: 7rem;
}

.pl-32 {
  padding-left: 8rem;
}

.pl-36 {
  padding-left: 9rem;
}

.pl-40 {
  padding-left: 10rem;
}

.pl-44 {
  padding-left: 11rem;
}

.pl-48 {
  padding-left: 12rem;
}

.pl-52 {
  padding-left: 13rem;
}

.pl-56 {
  padding-left: 14rem;
}

.pl-60 {
  padding-left: 15rem;
}

.pl-64 {
  padding-left: 16rem;
}

.pl-72 {
  padding-left: 18rem;
}

.pl-80 {
  padding-left: 20rem;
}

.pl-96 {
  padding-left: 24rem;
}

.pl-px {
  padding-left: 1px;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

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

.pl-3\.5 {
  padding-left: 0.875rem;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

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

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.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-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  line-height: 1;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.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, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.normal-nums {
  font-variant-numeric: normal;
}

.ordinal {
  --tw-ordinal: ordinal;
}

.slashed-zero {
  --tw-slashed-zero: slashed-zero;
}

.lining-nums {
  --tw-numeric-figure: lining-nums;
}

.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
}

.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
}

.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
}

.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.text-transparent {
  color: transparent;
}

.text-current {
  color: currentColor;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.text-red-50 {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity));
}

.text-red-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity));
}

.text-red-200 {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.text-yellow-50 {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity));
}

.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity));
}

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity));
}

.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity));
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity));
}

.text-green-50 {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity));
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity));
}

.text-green-200 {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity));
}

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity));
}

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity));
}

.text-indigo-50 {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity));
}

.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity));
}

.text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity));
}

.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity));
}

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity));
}

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity));
}

.text-purple-50 {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity));
}

.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity));
}

.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity));
}

.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity));
}

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity));
}

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity));
}

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity));
}

.text-pink-50 {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity));
}

.text-pink-100 {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity));
}

.text-pink-200 {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity));
}

.text-pink-300 {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity));
}

.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity));
}

.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity));
}

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity));
}

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity));
}

.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity));
}

.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-transparent {
  color: transparent;
}

.group:hover .group-hover\:text-current {
  color: currentColor;
}

.group:hover .group-hover\:text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-50 {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-200 {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-800 {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-red-900 {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-50 {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-50 {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-100 {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-200 {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-300 {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-400 {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-700 {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-800 {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-green-900 {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-50 {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-100 {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-200 {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-300 {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-900 {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-50 {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-50 {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-100 {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-200 {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-300 {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-400 {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-500 {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-600 {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-700 {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-800 {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-purple-900 {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-50 {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-100 {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-200 {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-300 {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-400 {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-500 {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-600 {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-700 {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-800 {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity));
}

.group:hover .group-hover\:text-pink-900 {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity));
}

.focus-within\:text-transparent:focus-within {
  color: transparent;
}

.focus-within\:text-current:focus-within {
  color: currentColor;
}

.focus-within\:text-black:focus-within {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.focus-within\:text-white:focus-within {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.focus-within\:text-gray-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity));
}

.focus-within\:text-gray-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.focus-within\:text-gray-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.focus-within\:text-gray-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.focus-within\:text-gray-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.focus-within\:text-gray-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.focus-within\:text-gray-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.focus-within\:text-gray-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.focus-within\:text-gray-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.focus-within\:text-gray-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.focus-within\:text-red-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity));
}

.focus-within\:text-red-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity));
}

.focus-within\:text-red-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity));
}

.focus-within\:text-red-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.focus-within\:text-red-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.focus-within\:text-red-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.focus-within\:text-red-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.focus-within\:text-red-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.focus-within\:text-red-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity));
}

.focus-within\:text-red-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.focus-within\:text-yellow-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity));
}

.focus-within\:text-yellow-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity));
}

.focus-within\:text-yellow-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity));
}

.focus-within\:text-yellow-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity));
}

.focus-within\:text-yellow-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}

.focus-within\:text-yellow-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity));
}

.focus-within\:text-yellow-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity));
}

.focus-within\:text-yellow-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.focus-within\:text-yellow-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity));
}

.focus-within\:text-yellow-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity));
}

.focus-within\:text-green-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity));
}

.focus-within\:text-green-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity));
}

.focus-within\:text-green-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity));
}

.focus-within\:text-green-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity));
}

.focus-within\:text-green-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity));
}

.focus-within\:text-green-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity));
}

.focus-within\:text-green-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.focus-within\:text-green-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.focus-within\:text-green-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity));
}

.focus-within\:text-green-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.focus-within\:text-blue-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity));
}

.focus-within\:text-blue-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity));
}

.focus-within\:text-blue-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity));
}

.focus-within\:text-blue-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

.focus-within\:text-blue-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

.focus-within\:text-blue-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.focus-within\:text-blue-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.focus-within\:text-blue-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.focus-within\:text-blue-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity));
}

.focus-within\:text-blue-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity));
}

.focus-within\:text-indigo-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity));
}

.focus-within\:text-indigo-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity));
}

.focus-within\:text-indigo-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity));
}

.focus-within\:text-indigo-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity));
}

.focus-within\:text-indigo-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity));
}

.focus-within\:text-indigo-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
}

.focus-within\:text-indigo-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.focus-within\:text-indigo-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity));
}

.focus-within\:text-indigo-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity));
}

.focus-within\:text-indigo-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity));
}

.focus-within\:text-purple-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity));
}

.focus-within\:text-purple-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity));
}

.focus-within\:text-purple-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity));
}

.focus-within\:text-purple-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity));
}

.focus-within\:text-purple-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity));
}

.focus-within\:text-purple-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity));
}

.focus-within\:text-purple-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity));
}

.focus-within\:text-purple-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity));
}

.focus-within\:text-purple-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity));
}

.focus-within\:text-purple-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity));
}

.focus-within\:text-pink-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity));
}

.focus-within\:text-pink-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity));
}

.focus-within\:text-pink-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity));
}

.focus-within\:text-pink-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity));
}

.focus-within\:text-pink-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity));
}

.focus-within\:text-pink-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity));
}

.focus-within\:text-pink-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity));
}

.focus-within\:text-pink-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity));
}

.focus-within\:text-pink-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity));
}

.focus-within\:text-pink-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity));
}

.hover\:text-transparent:hover {
  color: transparent;
}

.hover\:text-current:hover {
  color: currentColor;
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-gray-50:hover {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity));
}

.hover\:text-gray-100:hover {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity));
}

.hover\:text-red-100:hover {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity));
}

.hover\:text-red-200:hover {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity));
}

.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity));
}

.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.hover\:text-yellow-50:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity));
}

.hover\:text-yellow-100:hover {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity));
}

.hover\:text-yellow-200:hover {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity));
}

.hover\:text-yellow-300:hover {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity));
}

.hover\:text-yellow-400:hover {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}

.hover\:text-yellow-500:hover {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity));
}

.hover\:text-yellow-600:hover {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity));
}

.hover\:text-yellow-700:hover {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.hover\:text-yellow-800:hover {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity));
}

.hover\:text-yellow-900:hover {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity));
}

.hover\:text-green-50:hover {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity));
}

.hover\:text-green-100:hover {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity));
}

.hover\:text-green-200:hover {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity));
}

.hover\:text-green-300:hover {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity));
}

.hover\:text-green-400:hover {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity));
}

.hover\:text-green-500:hover {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity));
}

.hover\:text-green-600:hover {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity));
}

.hover\:text-green-900:hover {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.hover\:text-blue-50:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity));
}

.hover\:text-blue-100:hover {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity));
}

.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity));
}

.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity));
}

.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity));
}

.hover\:text-indigo-50:hover {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity));
}

.hover\:text-indigo-100:hover {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity));
}

.hover\:text-indigo-200:hover {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity));
}

.hover\:text-indigo-300:hover {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity));
}

.hover\:text-indigo-400:hover {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity));
}

.hover\:text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity));
}

.hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity));
}

.hover\:text-purple-50:hover {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity));
}

.hover\:text-purple-100:hover {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity));
}

.hover\:text-purple-200:hover {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity));
}

.hover\:text-purple-300:hover {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity));
}

.hover\:text-purple-400:hover {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity));
}

.hover\:text-purple-500:hover {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity));
}

.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity));
}

.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity));
}

.hover\:text-purple-800:hover {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity));
}

.hover\:text-purple-900:hover {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity));
}

.hover\:text-pink-50:hover {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity));
}

.hover\:text-pink-100:hover {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity));
}

.hover\:text-pink-200:hover {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity));
}

.hover\:text-pink-300:hover {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity));
}

.hover\:text-pink-400:hover {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity));
}

.hover\:text-pink-500:hover {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity));
}

.hover\:text-pink-600:hover {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity));
}

.hover\:text-pink-700:hover {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity));
}

.hover\:text-pink-800:hover {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity));
}

.hover\:text-pink-900:hover {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity));
}

.focus\:text-transparent:focus {
  color: transparent;
}

.focus\:text-current:focus {
  color: currentColor;
}

.focus\:text-black:focus {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.focus\:text-gray-50:focus {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity));
}

.focus\:text-gray-100:focus {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.focus\:text-gray-200:focus {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.focus\:text-gray-300:focus {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.focus\:text-gray-400:focus {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.focus\:text-gray-500:focus {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.focus\:text-gray-600:focus {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.focus\:text-gray-800:focus {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.focus\:text-gray-900:focus {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.focus\:text-red-50:focus {
  --tw-text-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-text-opacity));
}

.focus\:text-red-100:focus {
  --tw-text-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-text-opacity));
}

.focus\:text-red-200:focus {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity));
}

.focus\:text-red-300:focus {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.focus\:text-red-400:focus {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.focus\:text-red-500:focus {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.focus\:text-red-600:focus {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.focus\:text-red-700:focus {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.focus\:text-red-800:focus {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity));
}

.focus\:text-red-900:focus {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.focus\:text-yellow-50:focus {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity));
}

.focus\:text-yellow-100:focus {
  --tw-text-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-text-opacity));
}

.focus\:text-yellow-200:focus {
  --tw-text-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-text-opacity));
}

.focus\:text-yellow-300:focus {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity));
}

.focus\:text-yellow-400:focus {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}

.focus\:text-yellow-500:focus {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity));
}

.focus\:text-yellow-600:focus {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity));
}

.focus\:text-yellow-700:focus {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.focus\:text-yellow-800:focus {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity));
}

.focus\:text-yellow-900:focus {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity));
}

.focus\:text-green-50:focus {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity));
}

.focus\:text-green-100:focus {
  --tw-text-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-text-opacity));
}

.focus\:text-green-200:focus {
  --tw-text-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-text-opacity));
}

.focus\:text-green-300:focus {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity));
}

.focus\:text-green-400:focus {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity));
}

.focus\:text-green-500:focus {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity));
}

.focus\:text-green-600:focus {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.focus\:text-green-700:focus {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.focus\:text-green-800:focus {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity));
}

.focus\:text-green-900:focus {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.focus\:text-blue-50:focus {
  --tw-text-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-text-opacity));
}

.focus\:text-blue-100:focus {
  --tw-text-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-text-opacity));
}

.focus\:text-blue-200:focus {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity));
}

.focus\:text-blue-300:focus {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

.focus\:text-blue-400:focus {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

.focus\:text-blue-500:focus {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.focus\:text-blue-600:focus {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.focus\:text-blue-700:focus {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.focus\:text-blue-800:focus {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity));
}

.focus\:text-blue-900:focus {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity));
}

.focus\:text-indigo-50:focus {
  --tw-text-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-text-opacity));
}

.focus\:text-indigo-100:focus {
  --tw-text-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-text-opacity));
}

.focus\:text-indigo-200:focus {
  --tw-text-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-text-opacity));
}

.focus\:text-indigo-300:focus {
  --tw-text-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-text-opacity));
}

.focus\:text-indigo-400:focus {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity));
}

.focus\:text-indigo-500:focus {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
}

.focus\:text-indigo-600:focus {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.focus\:text-indigo-700:focus {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity));
}

.focus\:text-indigo-800:focus {
  --tw-text-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-text-opacity));
}

.focus\:text-indigo-900:focus {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity));
}

.focus\:text-purple-50:focus {
  --tw-text-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-text-opacity));
}

.focus\:text-purple-100:focus {
  --tw-text-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-text-opacity));
}

.focus\:text-purple-200:focus {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity));
}

.focus\:text-purple-300:focus {
  --tw-text-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-text-opacity));
}

.focus\:text-purple-400:focus {
  --tw-text-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-text-opacity));
}

.focus\:text-purple-500:focus {
  --tw-text-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-text-opacity));
}

.focus\:text-purple-600:focus {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity));
}

.focus\:text-purple-700:focus {
  --tw-text-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-text-opacity));
}

.focus\:text-purple-800:focus {
  --tw-text-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-text-opacity));
}

.focus\:text-purple-900:focus {
  --tw-text-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-text-opacity));
}

.focus\:text-pink-50:focus {
  --tw-text-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-text-opacity));
}

.focus\:text-pink-100:focus {
  --tw-text-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-text-opacity));
}

.focus\:text-pink-200:focus {
  --tw-text-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-text-opacity));
}

.focus\:text-pink-300:focus {
  --tw-text-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-text-opacity));
}

.focus\:text-pink-400:focus {
  --tw-text-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-text-opacity));
}

.focus\:text-pink-500:focus {
  --tw-text-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-text-opacity));
}

.focus\:text-pink-600:focus {
  --tw-text-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-text-opacity));
}

.focus\:text-pink-700:focus {
  --tw-text-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-text-opacity));
}

.focus\:text-pink-800:focus {
  --tw-text-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-text-opacity));
}

.focus\:text-pink-900:focus {
  --tw-text-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-text-opacity));
}

.text-opacity-0 {
  --tw-text-opacity: 0;
}

.text-opacity-5 {
  --tw-text-opacity: 0.05;
}

.text-opacity-10 {
  --tw-text-opacity: 0.1;
}

.text-opacity-20 {
  --tw-text-opacity: 0.2;
}

.text-opacity-25 {
  --tw-text-opacity: 0.25;
}

.text-opacity-30 {
  --tw-text-opacity: 0.3;
}

.text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.text-opacity-90 {
  --tw-text-opacity: 0.9;
}

.text-opacity-95 {
  --tw-text-opacity: 0.95;
}

.text-opacity-100 {
  --tw-text-opacity: 1;
}

.group:hover .group-hover\:text-opacity-0 {
  --tw-text-opacity: 0;
}

.group:hover .group-hover\:text-opacity-5 {
  --tw-text-opacity: 0.05;
}

.group:hover .group-hover\:text-opacity-10 {
  --tw-text-opacity: 0.1;
}

.group:hover .group-hover\:text-opacity-20 {
  --tw-text-opacity: 0.2;
}

.group:hover .group-hover\:text-opacity-25 {
  --tw-text-opacity: 0.25;
}

.group:hover .group-hover\:text-opacity-30 {
  --tw-text-opacity: 0.3;
}

.group:hover .group-hover\:text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.group:hover .group-hover\:text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.group:hover .group-hover\:text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.group:hover .group-hover\:text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.group:hover .group-hover\:text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.group:hover .group-hover\:text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.group:hover .group-hover\:text-opacity-90 {
  --tw-text-opacity: 0.9;
}

.group:hover .group-hover\:text-opacity-95 {
  --tw-text-opacity: 0.95;
}

.group:hover .group-hover\:text-opacity-100 {
  --tw-text-opacity: 1;
}

.focus-within\:text-opacity-0:focus-within {
  --tw-text-opacity: 0;
}

.focus-within\:text-opacity-5:focus-within {
  --tw-text-opacity: 0.05;
}

.focus-within\:text-opacity-10:focus-within {
  --tw-text-opacity: 0.1;
}

.focus-within\:text-opacity-20:focus-within {
  --tw-text-opacity: 0.2;
}

.focus-within\:text-opacity-25:focus-within {
  --tw-text-opacity: 0.25;
}

.focus-within\:text-opacity-30:focus-within {
  --tw-text-opacity: 0.3;
}

.focus-within\:text-opacity-40:focus-within {
  --tw-text-opacity: 0.4;
}

.focus-within\:text-opacity-50:focus-within {
  --tw-text-opacity: 0.5;
}

.focus-within\:text-opacity-60:focus-within {
  --tw-text-opacity: 0.6;
}

.focus-within\:text-opacity-70:focus-within {
  --tw-text-opacity: 0.7;
}

.focus-within\:text-opacity-75:focus-within {
  --tw-text-opacity: 0.75;
}

.focus-within\:text-opacity-80:focus-within {
  --tw-text-opacity: 0.8;
}

.focus-within\:text-opacity-90:focus-within {
  --tw-text-opacity: 0.9;
}

.focus-within\:text-opacity-95:focus-within {
  --tw-text-opacity: 0.95;
}

.focus-within\:text-opacity-100:focus-within {
  --tw-text-opacity: 1;
}

.hover\:text-opacity-0:hover {
  --tw-text-opacity: 0;
}

.hover\:text-opacity-5:hover {
  --tw-text-opacity: 0.05;
}

.hover\:text-opacity-10:hover {
  --tw-text-opacity: 0.1;
}

.hover\:text-opacity-20:hover {
  --tw-text-opacity: 0.2;
}

.hover\:text-opacity-25:hover {
  --tw-text-opacity: 0.25;
}

.hover\:text-opacity-30:hover {
  --tw-text-opacity: 0.3;
}

.hover\:text-opacity-40:hover {
  --tw-text-opacity: 0.4;
}

.hover\:text-opacity-50:hover {
  --tw-text-opacity: 0.5;
}

.hover\:text-opacity-60:hover {
  --tw-text-opacity: 0.6;
}

.hover\:text-opacity-70:hover {
  --tw-text-opacity: 0.7;
}

.hover\:text-opacity-75:hover {
  --tw-text-opacity: 0.75;
}

.hover\:text-opacity-80:hover {
  --tw-text-opacity: 0.8;
}

.hover\:text-opacity-90:hover {
  --tw-text-opacity: 0.9;
}

.hover\:text-opacity-95:hover {
  --tw-text-opacity: 0.95;
}

.hover\:text-opacity-100:hover {
  --tw-text-opacity: 1;
}

.focus\:text-opacity-0:focus {
  --tw-text-opacity: 0;
}

.focus\:text-opacity-5:focus {
  --tw-text-opacity: 0.05;
}

.focus\:text-opacity-10:focus {
  --tw-text-opacity: 0.1;
}

.focus\:text-opacity-20:focus {
  --tw-text-opacity: 0.2;
}

.focus\:text-opacity-25:focus {
  --tw-text-opacity: 0.25;
}

.focus\:text-opacity-30:focus {
  --tw-text-opacity: 0.3;
}

.focus\:text-opacity-40:focus {
  --tw-text-opacity: 0.4;
}

.focus\:text-opacity-50:focus {
  --tw-text-opacity: 0.5;
}

.focus\:text-opacity-60:focus {
  --tw-text-opacity: 0.6;
}

.focus\:text-opacity-70:focus {
  --tw-text-opacity: 0.7;
}

.focus\:text-opacity-75:focus {
  --tw-text-opacity: 0.75;
}

.focus\:text-opacity-80:focus {
  --tw-text-opacity: 0.8;
}

.focus\:text-opacity-90:focus {
  --tw-text-opacity: 0.9;
}

.focus\:text-opacity-95:focus {
  --tw-text-opacity: 0.95;
}

.focus\:text-opacity-100:focus {
  --tw-text-opacity: 1;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.group:hover .group-hover\:underline {
  text-decoration: underline;
}

.group:hover .group-hover\:line-through {
  text-decoration: line-through;
}

.group:hover .group-hover\:no-underline {
  text-decoration: none;
}

.focus-within\:underline:focus-within {
  text-decoration: underline;
}

.focus-within\:line-through:focus-within {
  text-decoration: line-through;
}

.focus-within\:no-underline:focus-within {
  text-decoration: none;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:line-through:hover {
  text-decoration: line-through;
}

.hover\:no-underline:hover {
  text-decoration: none;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.focus\:line-through:focus {
  text-decoration: line-through;
}

.focus\:no-underline:focus {
  text-decoration: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.placeholder-transparent::-webkit-input-placeholder {
  color: transparent;
}

.placeholder-transparent::-moz-placeholder {
  color: transparent;
}

.placeholder-transparent:-ms-input-placeholder {
  color: transparent;
}

.placeholder-transparent::-ms-input-placeholder {
  color: transparent;
}

.placeholder-transparent::placeholder {
  color: transparent;
}

.placeholder-current::-webkit-input-placeholder {
  color: currentColor;
}

.placeholder-current::-moz-placeholder {
  color: currentColor;
}

.placeholder-current:-ms-input-placeholder {
  color: currentColor;
}

.placeholder-current::-ms-input-placeholder {
  color: currentColor;
}

.placeholder-current::placeholder {
  color: currentColor;
}

.placeholder-black::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.placeholder-black::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.placeholder-black:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.placeholder-black::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.placeholder-black::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.placeholder-white::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.placeholder-white::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.placeholder-white:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.placeholder-white::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.placeholder-white::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.placeholder-gray-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.placeholder-gray-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.placeholder-gray-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.placeholder-gray-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.placeholder-gray-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.placeholder-gray-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.placeholder-gray-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.placeholder-gray-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.placeholder-gray-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.placeholder-gray-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.placeholder-gray-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.placeholder-gray-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.placeholder-gray-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.placeholder-gray-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.placeholder-gray-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.placeholder-gray-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.placeholder-gray-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.placeholder-gray-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.placeholder-gray-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.placeholder-gray-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.placeholder-gray-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.placeholder-gray-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.placeholder-gray-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.placeholder-gray-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.placeholder-gray-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.placeholder-gray-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.placeholder-gray-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.placeholder-gray-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.placeholder-gray-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.placeholder-gray-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.placeholder-gray-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.placeholder-gray-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.placeholder-gray-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.placeholder-gray-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.placeholder-gray-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.placeholder-gray-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.placeholder-gray-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.placeholder-gray-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.placeholder-gray-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.placeholder-gray-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.placeholder-gray-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.placeholder-gray-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.placeholder-gray-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.placeholder-gray-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.placeholder-gray-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.placeholder-gray-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.placeholder-gray-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.placeholder-red-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.placeholder-red-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.placeholder-red-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.placeholder-red-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.placeholder-red-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.placeholder-red-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.placeholder-red-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.placeholder-red-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.placeholder-red-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.placeholder-red-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.placeholder-red-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.placeholder-red-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.placeholder-red-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.placeholder-red-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.placeholder-red-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.placeholder-red-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.placeholder-red-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.placeholder-red-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.placeholder-red-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.placeholder-red-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.placeholder-red-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.placeholder-red-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.placeholder-red-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.placeholder-red-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.placeholder-red-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.placeholder-red-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.placeholder-red-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.placeholder-red-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.placeholder-red-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.placeholder-red-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.placeholder-red-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.placeholder-red-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.placeholder-red-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.placeholder-red-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.placeholder-red-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.placeholder-red-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.placeholder-red-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.placeholder-red-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.placeholder-red-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.placeholder-red-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.placeholder-red-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.placeholder-red-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.placeholder-red-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.placeholder-red-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.placeholder-red-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.placeholder-red-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.placeholder-red-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.placeholder-red-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.placeholder-red-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.placeholder-red-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.placeholder-yellow-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.placeholder-yellow-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.placeholder-yellow-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.placeholder-yellow-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.placeholder-yellow-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.placeholder-yellow-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.placeholder-yellow-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.placeholder-yellow-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.placeholder-yellow-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.placeholder-yellow-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.placeholder-yellow-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.placeholder-yellow-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.placeholder-yellow-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.placeholder-yellow-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.placeholder-yellow-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.placeholder-yellow-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.placeholder-yellow-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.placeholder-yellow-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.placeholder-yellow-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.placeholder-yellow-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.placeholder-yellow-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.placeholder-yellow-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.placeholder-yellow-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.placeholder-yellow-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.placeholder-yellow-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.placeholder-yellow-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.placeholder-yellow-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.placeholder-yellow-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.placeholder-yellow-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.placeholder-yellow-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.placeholder-yellow-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.placeholder-yellow-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.placeholder-yellow-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.placeholder-yellow-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.placeholder-yellow-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.placeholder-yellow-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.placeholder-yellow-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.placeholder-yellow-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.placeholder-yellow-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.placeholder-yellow-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.placeholder-yellow-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.placeholder-yellow-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.placeholder-yellow-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.placeholder-yellow-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.placeholder-yellow-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.placeholder-yellow-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.placeholder-yellow-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.placeholder-yellow-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.placeholder-yellow-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.placeholder-yellow-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.placeholder-green-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.placeholder-green-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.placeholder-green-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.placeholder-green-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.placeholder-green-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.placeholder-green-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.placeholder-green-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.placeholder-green-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.placeholder-green-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.placeholder-green-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.placeholder-green-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.placeholder-green-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.placeholder-green-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.placeholder-green-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.placeholder-green-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.placeholder-green-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.placeholder-green-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.placeholder-green-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.placeholder-green-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.placeholder-green-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.placeholder-green-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.placeholder-green-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.placeholder-green-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.placeholder-green-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.placeholder-green-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.placeholder-green-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.placeholder-green-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.placeholder-green-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.placeholder-green-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.placeholder-green-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.placeholder-green-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.placeholder-green-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.placeholder-green-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.placeholder-green-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.placeholder-green-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.placeholder-green-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.placeholder-green-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.placeholder-green-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.placeholder-green-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.placeholder-green-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.placeholder-green-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.placeholder-green-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.placeholder-green-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.placeholder-green-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.placeholder-green-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.placeholder-green-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.placeholder-green-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.placeholder-green-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.placeholder-green-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.placeholder-green-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.placeholder-blue-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.placeholder-blue-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.placeholder-blue-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.placeholder-blue-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.placeholder-blue-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.placeholder-blue-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.placeholder-blue-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.placeholder-blue-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.placeholder-blue-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.placeholder-blue-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.placeholder-blue-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.placeholder-blue-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.placeholder-blue-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.placeholder-blue-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.placeholder-blue-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.placeholder-blue-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.placeholder-blue-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.placeholder-blue-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.placeholder-blue-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.placeholder-blue-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.placeholder-blue-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.placeholder-blue-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.placeholder-blue-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.placeholder-blue-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.placeholder-blue-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.placeholder-blue-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.placeholder-blue-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.placeholder-blue-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.placeholder-blue-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.placeholder-blue-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.placeholder-blue-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.placeholder-blue-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.placeholder-blue-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.placeholder-blue-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.placeholder-blue-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.placeholder-blue-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.placeholder-blue-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.placeholder-blue-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.placeholder-blue-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.placeholder-blue-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.placeholder-blue-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.placeholder-indigo-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.placeholder-indigo-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.placeholder-indigo-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.placeholder-indigo-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.placeholder-indigo-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.placeholder-indigo-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.placeholder-indigo-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.placeholder-indigo-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.placeholder-indigo-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.placeholder-indigo-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.placeholder-indigo-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.placeholder-indigo-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.placeholder-indigo-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.placeholder-indigo-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.placeholder-indigo-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.placeholder-indigo-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.placeholder-indigo-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.placeholder-indigo-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.placeholder-indigo-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.placeholder-indigo-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.placeholder-indigo-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.placeholder-indigo-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.placeholder-indigo-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.placeholder-indigo-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.placeholder-indigo-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.placeholder-indigo-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.placeholder-indigo-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.placeholder-indigo-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.placeholder-indigo-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.placeholder-indigo-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.placeholder-indigo-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.placeholder-indigo-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.placeholder-indigo-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.placeholder-indigo-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.placeholder-indigo-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.placeholder-indigo-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.placeholder-indigo-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.placeholder-indigo-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.placeholder-indigo-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.placeholder-indigo-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.placeholder-indigo-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.placeholder-purple-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.placeholder-purple-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.placeholder-purple-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.placeholder-purple-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.placeholder-purple-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.placeholder-purple-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.placeholder-purple-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.placeholder-purple-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.placeholder-purple-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.placeholder-purple-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.placeholder-purple-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.placeholder-purple-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.placeholder-purple-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.placeholder-purple-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.placeholder-purple-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.placeholder-purple-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.placeholder-purple-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.placeholder-purple-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.placeholder-purple-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.placeholder-purple-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.placeholder-purple-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.placeholder-purple-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.placeholder-purple-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.placeholder-purple-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.placeholder-purple-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.placeholder-purple-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.placeholder-purple-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.placeholder-purple-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.placeholder-purple-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.placeholder-purple-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.placeholder-purple-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.placeholder-purple-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.placeholder-purple-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.placeholder-purple-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.placeholder-purple-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.placeholder-purple-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.placeholder-purple-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.placeholder-purple-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.placeholder-purple-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.placeholder-purple-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.placeholder-purple-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.placeholder-pink-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.placeholder-pink-50::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.placeholder-pink-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.placeholder-pink-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.placeholder-pink-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.placeholder-pink-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.placeholder-pink-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.placeholder-pink-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.placeholder-pink-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.placeholder-pink-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.placeholder-pink-200::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.placeholder-pink-200::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.placeholder-pink-200:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.placeholder-pink-200::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.placeholder-pink-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.placeholder-pink-300::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.placeholder-pink-300::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.placeholder-pink-300:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.placeholder-pink-300::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.placeholder-pink-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.placeholder-pink-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.placeholder-pink-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.placeholder-pink-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.placeholder-pink-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.placeholder-pink-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.placeholder-pink-500::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.placeholder-pink-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.placeholder-pink-500:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.placeholder-pink-500::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.placeholder-pink-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.placeholder-pink-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.placeholder-pink-600::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.placeholder-pink-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.placeholder-pink-600::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.placeholder-pink-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.placeholder-pink-700::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.placeholder-pink-700::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.placeholder-pink-700:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.placeholder-pink-700::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.placeholder-pink-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.placeholder-pink-800::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.placeholder-pink-800::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.placeholder-pink-800:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.placeholder-pink-800::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.placeholder-pink-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.placeholder-pink-900::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.placeholder-pink-900::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.placeholder-pink-900:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.placeholder-pink-900::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.placeholder-pink-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.focus\:placeholder-transparent:focus::-webkit-input-placeholder {
  color: transparent;
}

.focus\:placeholder-transparent:focus::-moz-placeholder {
  color: transparent;
}

.focus\:placeholder-transparent:focus:-ms-input-placeholder {
  color: transparent;
}

.focus\:placeholder-transparent:focus::-ms-input-placeholder {
  color: transparent;
}

.focus\:placeholder-transparent:focus::placeholder {
  color: transparent;
}

.focus\:placeholder-current:focus::-webkit-input-placeholder {
  color: currentColor;
}

.focus\:placeholder-current:focus::-moz-placeholder {
  color: currentColor;
}

.focus\:placeholder-current:focus:-ms-input-placeholder {
  color: currentColor;
}

.focus\:placeholder-current:focus::-ms-input-placeholder {
  color: currentColor;
}

.focus\:placeholder-current:focus::placeholder {
  color: currentColor;
}

.focus\:placeholder-black:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.focus\:placeholder-black:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.focus\:placeholder-black:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.focus\:placeholder-black:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.focus\:placeholder-black:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.focus\:placeholder-white:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-white:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-white:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-white:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-white:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.focus\:placeholder-red-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.focus\:placeholder-green-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-blue-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-indigo-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.focus\:placeholder-purple-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-200:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-200:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-200:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-300:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-300:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-300:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-400:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-400:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-500:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-500:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-500:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-600:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-600:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-600:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-700:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-700:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-700:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-800:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-800:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-800:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-900:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-900:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-900:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.focus\:placeholder-pink-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
}

.placeholder-opacity-0::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0;
}

.placeholder-opacity-0::-moz-placeholder {
  --tw-placeholder-opacity: 0;
}

.placeholder-opacity-0:-ms-input-placeholder {
  --tw-placeholder-opacity: 0;
}

.placeholder-opacity-0::-ms-input-placeholder {
  --tw-placeholder-opacity: 0;
}

.placeholder-opacity-0::placeholder {
  --tw-placeholder-opacity: 0;
}

.placeholder-opacity-5::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.placeholder-opacity-5::-moz-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.placeholder-opacity-5:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.placeholder-opacity-5::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.placeholder-opacity-5::placeholder {
  --tw-placeholder-opacity: 0.05;
}

.placeholder-opacity-10::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.placeholder-opacity-10::-moz-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.placeholder-opacity-10:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.placeholder-opacity-10::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.placeholder-opacity-10::placeholder {
  --tw-placeholder-opacity: 0.1;
}

.placeholder-opacity-20::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.placeholder-opacity-20::-moz-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.placeholder-opacity-20:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.placeholder-opacity-20::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.placeholder-opacity-20::placeholder {
  --tw-placeholder-opacity: 0.2;
}

.placeholder-opacity-25::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.placeholder-opacity-25::-moz-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.placeholder-opacity-25:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.placeholder-opacity-25::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.placeholder-opacity-25::placeholder {
  --tw-placeholder-opacity: 0.25;
}

.placeholder-opacity-30::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.placeholder-opacity-30::-moz-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.placeholder-opacity-30:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.placeholder-opacity-30::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.placeholder-opacity-30::placeholder {
  --tw-placeholder-opacity: 0.3;
}

.placeholder-opacity-40::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.placeholder-opacity-40::-moz-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.placeholder-opacity-40:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.placeholder-opacity-40::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.placeholder-opacity-40::placeholder {
  --tw-placeholder-opacity: 0.4;
}

.placeholder-opacity-50::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-50::-moz-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-50:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-50::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-50::placeholder {
  --tw-placeholder-opacity: 0.5;
}

.placeholder-opacity-60::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.placeholder-opacity-60::-moz-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.placeholder-opacity-60:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.placeholder-opacity-60::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.placeholder-opacity-60::placeholder {
  --tw-placeholder-opacity: 0.6;
}

.placeholder-opacity-70::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.placeholder-opacity-70::-moz-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.placeholder-opacity-70:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.placeholder-opacity-70::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.placeholder-opacity-70::placeholder {
  --tw-placeholder-opacity: 0.7;
}

.placeholder-opacity-75::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.placeholder-opacity-75::-moz-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.placeholder-opacity-75:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.placeholder-opacity-75::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.placeholder-opacity-75::placeholder {
  --tw-placeholder-opacity: 0.75;
}

.placeholder-opacity-80::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.placeholder-opacity-80::-moz-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.placeholder-opacity-80:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.placeholder-opacity-80::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.placeholder-opacity-80::placeholder {
  --tw-placeholder-opacity: 0.8;
}

.placeholder-opacity-90::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.placeholder-opacity-90::-moz-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.placeholder-opacity-90:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.placeholder-opacity-90::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.placeholder-opacity-90::placeholder {
  --tw-placeholder-opacity: 0.9;
}

.placeholder-opacity-95::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.placeholder-opacity-95::-moz-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.placeholder-opacity-95:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.placeholder-opacity-95::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.placeholder-opacity-95::placeholder {
  --tw-placeholder-opacity: 0.95;
}

.placeholder-opacity-100::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
}

.placeholder-opacity-100::-moz-placeholder {
  --tw-placeholder-opacity: 1;
}

.placeholder-opacity-100:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
}

.placeholder-opacity-100::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
}

.placeholder-opacity-100::placeholder {
  --tw-placeholder-opacity: 1;
}

.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus::placeholder {
  --tw-placeholder-opacity: 0;
}

.focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.focus\:placeholder-opacity-5:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.05;
}

.focus\:placeholder-opacity-5:focus::placeholder {
  --tw-placeholder-opacity: 0.05;
}

.focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.focus\:placeholder-opacity-10:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.1;
}

.focus\:placeholder-opacity-10:focus::placeholder {
  --tw-placeholder-opacity: 0.1;
}

.focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.focus\:placeholder-opacity-20:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.2;
}

.focus\:placeholder-opacity-20:focus::placeholder {
  --tw-placeholder-opacity: 0.2;
}

.focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus::placeholder {
  --tw-placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.focus\:placeholder-opacity-30:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.3;
}

.focus\:placeholder-opacity-30:focus::placeholder {
  --tw-placeholder-opacity: 0.3;
}

.focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.focus\:placeholder-opacity-40:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.4;
}

.focus\:placeholder-opacity-40:focus::placeholder {
  --tw-placeholder-opacity: 0.4;
}

.focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus::placeholder {
  --tw-placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.focus\:placeholder-opacity-60:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.6;
}

.focus\:placeholder-opacity-60:focus::placeholder {
  --tw-placeholder-opacity: 0.6;
}

.focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.focus\:placeholder-opacity-70:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.7;
}

.focus\:placeholder-opacity-70:focus::placeholder {
  --tw-placeholder-opacity: 0.7;
}

.focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus::placeholder {
  --tw-placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.focus\:placeholder-opacity-80:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.8;
}

.focus\:placeholder-opacity-80:focus::placeholder {
  --tw-placeholder-opacity: 0.8;
}

.focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.focus\:placeholder-opacity-90:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.9;
}

.focus\:placeholder-opacity-90:focus::placeholder {
  --tw-placeholder-opacity: 0.9;
}

.focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.focus\:placeholder-opacity-95:focus::-moz-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 0.95;
}

.focus\:placeholder-opacity-95:focus::placeholder {
  --tw-placeholder-opacity: 0.95;
}

.focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
}

.caret-transparent {
  caret-color: transparent;
}

.caret-current {
  caret-color: currentColor;
}

.caret-black {
  caret-color: #000;
}

.caret-white {
  caret-color: #fff;
}

.caret-gray-50 {
  caret-color: #f9fafb;
}

.caret-gray-100 {
  caret-color: #f3f4f6;
}

.caret-gray-200 {
  caret-color: #e5e7eb;
}

.caret-gray-300 {
  caret-color: #d1d5db;
}

.caret-gray-400 {
  caret-color: #9ca3af;
}

.caret-gray-500 {
  caret-color: #6b7280;
}

.caret-gray-600 {
  caret-color: #4b5563;
}

.caret-gray-700 {
  caret-color: #374151;
}

.caret-gray-800 {
  caret-color: #1f2937;
}

.caret-gray-900 {
  caret-color: #111827;
}

.caret-red-50 {
  caret-color: #fef2f2;
}

.caret-red-100 {
  caret-color: #fee2e2;
}

.caret-red-200 {
  caret-color: #fecaca;
}

.caret-red-300 {
  caret-color: #fca5a5;
}

.caret-red-400 {
  caret-color: #f87171;
}

.caret-red-500 {
  caret-color: #ef4444;
}

.caret-red-600 {
  caret-color: #dc2626;
}

.caret-red-700 {
  caret-color: #b91c1c;
}

.caret-red-800 {
  caret-color: #991b1b;
}

.caret-red-900 {
  caret-color: #7f1d1d;
}

.caret-yellow-50 {
  caret-color: #fffbeb;
}

.caret-yellow-100 {
  caret-color: #fef3c7;
}

.caret-yellow-200 {
  caret-color: #fde68a;
}

.caret-yellow-300 {
  caret-color: #fcd34d;
}

.caret-yellow-400 {
  caret-color: #fbbf24;
}

.caret-yellow-500 {
  caret-color: #f59e0b;
}

.caret-yellow-600 {
  caret-color: #d97706;
}

.caret-yellow-700 {
  caret-color: #b45309;
}

.caret-yellow-800 {
  caret-color: #92400e;
}

.caret-yellow-900 {
  caret-color: #78350f;
}

.caret-green-50 {
  caret-color: #ecfdf5;
}

.caret-green-100 {
  caret-color: #d1fae5;
}

.caret-green-200 {
  caret-color: #a7f3d0;
}

.caret-green-300 {
  caret-color: #6ee7b7;
}

.caret-green-400 {
  caret-color: #34d399;
}

.caret-green-500 {
  caret-color: #10b981;
}

.caret-green-600 {
  caret-color: #059669;
}

.caret-green-700 {
  caret-color: #047857;
}

.caret-green-800 {
  caret-color: #065f46;
}

.caret-green-900 {
  caret-color: #064e3b;
}

.caret-blue-50 {
  caret-color: #eff6ff;
}

.caret-blue-100 {
  caret-color: #dbeafe;
}

.caret-blue-200 {
  caret-color: #bfdbfe;
}

.caret-blue-300 {
  caret-color: #93c5fd;
}

.caret-blue-400 {
  caret-color: #60a5fa;
}

.caret-blue-500 {
  caret-color: #3b82f6;
}

.caret-blue-600 {
  caret-color: #2563eb;
}

.caret-blue-700 {
  caret-color: #1d4ed8;
}

.caret-blue-800 {
  caret-color: #1e40af;
}

.caret-blue-900 {
  caret-color: #1e3a8a;
}

.caret-indigo-50 {
  caret-color: #eef2ff;
}

.caret-indigo-100 {
  caret-color: #e0e7ff;
}

.caret-indigo-200 {
  caret-color: #c7d2fe;
}

.caret-indigo-300 {
  caret-color: #a5b4fc;
}

.caret-indigo-400 {
  caret-color: #818cf8;
}

.caret-indigo-500 {
  caret-color: #6366f1;
}

.caret-indigo-600 {
  caret-color: #4f46e5;
}

.caret-indigo-700 {
  caret-color: #4338ca;
}

.caret-indigo-800 {
  caret-color: #3730a3;
}

.caret-indigo-900 {
  caret-color: #312e81;
}

.caret-purple-50 {
  caret-color: #f5f3ff;
}

.caret-purple-100 {
  caret-color: #ede9fe;
}

.caret-purple-200 {
  caret-color: #ddd6fe;
}

.caret-purple-300 {
  caret-color: #c4b5fd;
}

.caret-purple-400 {
  caret-color: #a78bfa;
}

.caret-purple-500 {
  caret-color: #8b5cf6;
}

.caret-purple-600 {
  caret-color: #7c3aed;
}

.caret-purple-700 {
  caret-color: #6d28d9;
}

.caret-purple-800 {
  caret-color: #5b21b6;
}

.caret-purple-900 {
  caret-color: #4c1d95;
}

.caret-pink-50 {
  caret-color: #fdf2f8;
}

.caret-pink-100 {
  caret-color: #fce7f3;
}

.caret-pink-200 {
  caret-color: #fbcfe8;
}

.caret-pink-300 {
  caret-color: #f9a8d4;
}

.caret-pink-400 {
  caret-color: #f472b6;
}

.caret-pink-500 {
  caret-color: #ec4899;
}

.caret-pink-600 {
  caret-color: #db2777;
}

.caret-pink-700 {
  caret-color: #be185d;
}

.caret-pink-800 {
  caret-color: #9d174d;
}

.caret-pink-900 {
  caret-color: #831843;
}

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}

.group:hover .group-hover\:opacity-5 {
  opacity: 0.05;
}

.group:hover .group-hover\:opacity-10 {
  opacity: 0.1;
}

.group:hover .group-hover\:opacity-20 {
  opacity: 0.2;
}

.group:hover .group-hover\:opacity-25 {
  opacity: 0.25;
}

.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}

.group:hover .group-hover\:opacity-40 {
  opacity: 0.4;
}

.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}

.group:hover .group-hover\:opacity-60 {
  opacity: 0.6;
}

.group:hover .group-hover\:opacity-70 {
  opacity: 0.7;
}

.group:hover .group-hover\:opacity-75 {
  opacity: 0.75;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}

.group:hover .group-hover\:opacity-95 {
  opacity: 0.95;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.focus-within\:opacity-0:focus-within {
  opacity: 0;
}

.focus-within\:opacity-5:focus-within {
  opacity: 0.05;
}

.focus-within\:opacity-10:focus-within {
  opacity: 0.1;
}

.focus-within\:opacity-20:focus-within {
  opacity: 0.2;
}

.focus-within\:opacity-25:focus-within {
  opacity: 0.25;
}

.focus-within\:opacity-30:focus-within {
  opacity: 0.3;
}

.focus-within\:opacity-40:focus-within {
  opacity: 0.4;
}

.focus-within\:opacity-50:focus-within {
  opacity: 0.5;
}

.focus-within\:opacity-60:focus-within {
  opacity: 0.6;
}

.focus-within\:opacity-70:focus-within {
  opacity: 0.7;
}

.focus-within\:opacity-75:focus-within {
  opacity: 0.75;
}

.focus-within\:opacity-80:focus-within {
  opacity: 0.8;
}

.focus-within\:opacity-90:focus-within {
  opacity: 0.9;
}

.focus-within\:opacity-95:focus-within {
  opacity: 0.95;
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.hover\:opacity-0:hover {
  opacity: 0;
}

.hover\:opacity-5:hover {
  opacity: 0.05;
}

.hover\:opacity-10:hover {
  opacity: 0.1;
}

.hover\:opacity-20:hover {
  opacity: 0.2;
}

.hover\:opacity-25:hover {
  opacity: 0.25;
}

.hover\:opacity-30:hover {
  opacity: 0.3;
}

.hover\:opacity-40:hover {
  opacity: 0.4;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-60:hover {
  opacity: 0.6;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:opacity-95:hover {
  opacity: 0.95;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:opacity-0:focus {
  opacity: 0;
}

.focus\:opacity-5:focus {
  opacity: 0.05;
}

.focus\:opacity-10:focus {
  opacity: 0.1;
}

.focus\:opacity-20:focus {
  opacity: 0.2;
}

.focus\:opacity-25:focus {
  opacity: 0.25;
}

.focus\:opacity-30:focus {
  opacity: 0.3;
}

.focus\:opacity-40:focus {
  opacity: 0.4;
}

.focus\:opacity-50:focus {
  opacity: 0.5;
}

.focus\:opacity-60:focus {
  opacity: 0.6;
}

.focus\:opacity-70:focus {
  opacity: 0.7;
}

.focus\:opacity-75:focus {
  opacity: 0.75;
}

.focus\:opacity-80:focus {
  opacity: 0.8;
}

.focus\:opacity-90:focus {
  opacity: 0.9;
}

.focus\:opacity-95:focus {
  opacity: 0.95;
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.bg-blend-normal {
  background-blend-mode: normal;
}

.bg-blend-multiply {
  background-blend-mode: multiply;
}

.bg-blend-screen {
  background-blend-mode: screen;
}

.bg-blend-overlay {
  background-blend-mode: overlay;
}

.bg-blend-darken {
  background-blend-mode: darken;
}

.bg-blend-lighten {
  background-blend-mode: lighten;
}

.bg-blend-color-dodge {
  background-blend-mode: color-dodge;
}

.bg-blend-color-burn {
  background-blend-mode: color-burn;
}

.bg-blend-hard-light {
  background-blend-mode: hard-light;
}

.bg-blend-soft-light {
  background-blend-mode: soft-light;
}

.bg-blend-difference {
  background-blend-mode: difference;
}

.bg-blend-exclusion {
  background-blend-mode: exclusion;
}

.bg-blend-hue {
  background-blend-mode: hue;
}

.bg-blend-saturation {
  background-blend-mode: saturation;
}

.bg-blend-color {
  background-blend-mode: color;
}

.bg-blend-luminosity {
  background-blend-mode: luminosity;
}

.mix-blend-normal {
  mix-blend-mode: normal;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.mix-blend-screen {
  mix-blend-mode: screen;
}

.mix-blend-overlay {
  mix-blend-mode: overlay;
}

.mix-blend-darken {
  mix-blend-mode: darken;
}

.mix-blend-lighten {
  mix-blend-mode: lighten;
}

.mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.mix-blend-color-burn {
  mix-blend-mode: color-burn;
}

.mix-blend-hard-light {
  mix-blend-mode: hard-light;
}

.mix-blend-soft-light {
  mix-blend-mode: soft-light;
}

.mix-blend-difference {
  mix-blend-mode: difference;
}

.mix-blend-exclusion {
  mix-blend-mode: exclusion;
}

.mix-blend-hue {
  mix-blend-mode: hue;
}

.mix-blend-saturation {
  mix-blend-mode: saturation;
}

.mix-blend-color {
  mix-blend-mode: color;
}

.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000;
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          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 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          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 rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          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 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-none {
  --tw-shadow: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-sm:focus-within {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow:focus-within {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-md:focus-within {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-lg:focus-within {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-xl:focus-within {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-2xl:focus-within {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-inner:focus-within {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-none:focus-within {
  --tw-shadow: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          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 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow:hover {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          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 rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-inner:hover {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-sm:focus {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow:focus {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-md:focus {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-lg:focus {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-xl:focus {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-2xl:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-inner:focus {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          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-white {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.outline-black {
  outline: 2px dotted black;
  outline-offset: 2px;
}

.focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-within\:outline-white:focus-within {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.focus-within\:outline-black:focus-within {
  outline: 2px dotted black;
  outline-offset: 2px;
}

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

.focus\:outline-white:focus {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.focus\:outline-black:focus {
  outline: 2px dotted black;
  outline-offset: 2px;
}

*, ::before, ::after {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-8 {
  --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-0:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-1:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-4:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-8:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.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);
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.focus-within\:ring-inset:focus-within {
  --tw-ring-inset: inset;
}

.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

.ring-transparent {
  --tw-ring-color: transparent;
}

.ring-current {
  --tw-ring-color: currentColor;
}

.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}

.ring-gray-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
}

.ring-gray-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
}

.ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
}

.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
}

.ring-gray-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
}

.ring-gray-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
}

.ring-gray-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
}

.ring-gray-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
}

.ring-gray-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
}

.ring-gray-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
}

.ring-red-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
}

.ring-red-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
}

.ring-red-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
}

.ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
}

.ring-red-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
}

.ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
}

.ring-red-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
}

.ring-red-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
}

.ring-red-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
}

.ring-red-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
}

.ring-yellow-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
}

.ring-yellow-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
}

.ring-yellow-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
}

.ring-yellow-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
}

.ring-yellow-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
}

.ring-yellow-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
}

.ring-yellow-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
}

.ring-yellow-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
}

.ring-yellow-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
}

.ring-yellow-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
}

.ring-green-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
}

.ring-green-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
}

.ring-green-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
}

.ring-green-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
}

.ring-green-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
}

.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
}

.ring-green-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
}

.ring-green-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
}

.ring-green-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
}

.ring-green-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
}

.ring-blue-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
}

.ring-blue-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
}

.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
}

.ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
}

.ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
}

.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}

.ring-blue-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
}

.ring-blue-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
}

.ring-blue-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
}

.ring-blue-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
}

.ring-indigo-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
}

.ring-indigo-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
}

.ring-indigo-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
}

.ring-indigo-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
}

.ring-indigo-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
}

.ring-indigo-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
}

.ring-indigo-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
}

.ring-indigo-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
}

.ring-indigo-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
}

.ring-indigo-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}

.ring-purple-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
}

.ring-purple-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
}

.ring-purple-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
}

.ring-purple-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
}

.ring-purple-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
}

.ring-purple-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
}

.ring-purple-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
}

.ring-purple-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
}

.ring-purple-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
}

.ring-purple-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
}

.ring-pink-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
}

.ring-pink-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
}

.ring-pink-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
}

.ring-pink-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
}

.ring-pink-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
}

.ring-pink-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
}

.ring-pink-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
}

.ring-pink-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
}

.ring-pink-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
}

.ring-pink-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
}

.focus-within\:ring-transparent:focus-within {
  --tw-ring-color: transparent;
}

.focus-within\:ring-current:focus-within {
  --tw-ring-color: currentColor;
}

.focus-within\:ring-black:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}

.focus-within\:ring-white:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
}

.focus-within\:ring-gray-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
}

.focus-within\:ring-red-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
}

.focus-within\:ring-red-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
}

.focus-within\:ring-red-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
}

.focus-within\:ring-red-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
}

.focus-within\:ring-red-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
}

.focus-within\:ring-red-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
}

.focus-within\:ring-red-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
}

.focus-within\:ring-red-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
}

.focus-within\:ring-red-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
}

.focus-within\:ring-red-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
}

.focus-within\:ring-yellow-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
}

.focus-within\:ring-green-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
}

.focus-within\:ring-green-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
}

.focus-within\:ring-green-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
}

.focus-within\:ring-green-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
}

.focus-within\:ring-green-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
}

.focus-within\:ring-green-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
}

.focus-within\:ring-green-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
}

.focus-within\:ring-green-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
}

.focus-within\:ring-green-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
}

.focus-within\:ring-green-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
}

.focus-within\:ring-blue-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
}

.focus-within\:ring-indigo-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
}

.focus-within\:ring-purple-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
}

.focus-within\:ring-pink-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
}

.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}

.focus\:ring-current:focus {
  --tw-ring-color: currentColor;
}

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
}

.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}

.focus\:ring-gray-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
}

.focus\:ring-gray-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
}

.focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
}

.focus\:ring-gray-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
}

.focus\:ring-gray-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
}

.focus\:ring-gray-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
}

.focus\:ring-gray-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
}

.focus\:ring-gray-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
}

.focus\:ring-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
}

.focus\:ring-red-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
}

.focus\:ring-red-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
}

.focus\:ring-red-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
}

.focus\:ring-red-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
}

.focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
}

.focus\:ring-red-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
}

.focus\:ring-red-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
}

.focus\:ring-red-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
}

.focus\:ring-red-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
}

.focus\:ring-yellow-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
}

.focus\:ring-yellow-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
}

.focus\:ring-yellow-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
}

.focus\:ring-yellow-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
}

.focus\:ring-yellow-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
}

.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
}

.focus\:ring-yellow-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
}

.focus\:ring-yellow-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
}

.focus\:ring-yellow-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
}

.focus\:ring-yellow-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
}

.focus\:ring-green-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
}

.focus\:ring-green-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
}

.focus\:ring-green-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
}

.focus\:ring-green-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
}

.focus\:ring-green-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
}

.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
}

.focus\:ring-green-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
}

.focus\:ring-green-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
}

.focus\:ring-green-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
}

.focus\:ring-green-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
}

.focus\:ring-blue-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
}

.focus\:ring-blue-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
}

.focus\:ring-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
}

.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
}

.focus\:ring-blue-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}

.focus\:ring-blue-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
}

.focus\:ring-blue-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
}

.focus\:ring-blue-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
}

.focus\:ring-blue-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
}

.focus\:ring-indigo-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
}

.focus\:ring-indigo-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
}

.focus\:ring-indigo-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
}

.focus\:ring-indigo-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
}

.focus\:ring-indigo-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
}

.focus\:ring-indigo-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
}

.focus\:ring-indigo-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
}

.focus\:ring-indigo-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}

.focus\:ring-purple-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
}

.focus\:ring-purple-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
}

.focus\:ring-purple-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
}

.focus\:ring-purple-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
}

.focus\:ring-purple-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
}

.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
}

.focus\:ring-purple-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
}

.focus\:ring-purple-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
}

.focus\:ring-purple-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
}

.focus\:ring-purple-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
}

.focus\:ring-pink-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
}

.focus\:ring-pink-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
}

.focus\:ring-pink-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
}

.focus\:ring-pink-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
}

.focus\:ring-pink-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
}

.focus\:ring-pink-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
}

.focus\:ring-pink-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
}

.focus\:ring-pink-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
}

.focus\:ring-pink-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
}

.focus\:ring-pink-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
}

.ring-opacity-0 {
  --tw-ring-opacity: 0;
}

.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}

.ring-opacity-10 {
  --tw-ring-opacity: 0.1;
}

.ring-opacity-20 {
  --tw-ring-opacity: 0.2;
}

.ring-opacity-25 {
  --tw-ring-opacity: 0.25;
}

.ring-opacity-30 {
  --tw-ring-opacity: 0.3;
}

.ring-opacity-40 {
  --tw-ring-opacity: 0.4;
}

.ring-opacity-50 {
  --tw-ring-opacity: 0.5;
}

.ring-opacity-60 {
  --tw-ring-opacity: 0.6;
}

.ring-opacity-70 {
  --tw-ring-opacity: 0.7;
}

.ring-opacity-75 {
  --tw-ring-opacity: 0.75;
}

.ring-opacity-80 {
  --tw-ring-opacity: 0.8;
}

.ring-opacity-90 {
  --tw-ring-opacity: 0.9;
}

.ring-opacity-95 {
  --tw-ring-opacity: 0.95;
}

.ring-opacity-100 {
  --tw-ring-opacity: 1;
}

.focus-within\:ring-opacity-0:focus-within {
  --tw-ring-opacity: 0;
}

.focus-within\:ring-opacity-5:focus-within {
  --tw-ring-opacity: 0.05;
}

.focus-within\:ring-opacity-10:focus-within {
  --tw-ring-opacity: 0.1;
}

.focus-within\:ring-opacity-20:focus-within {
  --tw-ring-opacity: 0.2;
}

.focus-within\:ring-opacity-25:focus-within {
  --tw-ring-opacity: 0.25;
}

.focus-within\:ring-opacity-30:focus-within {
  --tw-ring-opacity: 0.3;
}

.focus-within\:ring-opacity-40:focus-within {
  --tw-ring-opacity: 0.4;
}

.focus-within\:ring-opacity-50:focus-within {
  --tw-ring-opacity: 0.5;
}

.focus-within\:ring-opacity-60:focus-within {
  --tw-ring-opacity: 0.6;
}

.focus-within\:ring-opacity-70:focus-within {
  --tw-ring-opacity: 0.7;
}

.focus-within\:ring-opacity-75:focus-within {
  --tw-ring-opacity: 0.75;
}

.focus-within\:ring-opacity-80:focus-within {
  --tw-ring-opacity: 0.8;
}

.focus-within\:ring-opacity-90:focus-within {
  --tw-ring-opacity: 0.9;
}

.focus-within\:ring-opacity-95:focus-within {
  --tw-ring-opacity: 0.95;
}

.focus-within\:ring-opacity-100:focus-within {
  --tw-ring-opacity: 1;
}

.focus\:ring-opacity-0:focus {
  --tw-ring-opacity: 0;
}

.focus\:ring-opacity-5:focus {
  --tw-ring-opacity: 0.05;
}

.focus\:ring-opacity-10:focus {
  --tw-ring-opacity: 0.1;
}

.focus\:ring-opacity-20:focus {
  --tw-ring-opacity: 0.2;
}

.focus\:ring-opacity-25:focus {
  --tw-ring-opacity: 0.25;
}

.focus\:ring-opacity-30:focus {
  --tw-ring-opacity: 0.3;
}

.focus\:ring-opacity-40:focus {
  --tw-ring-opacity: 0.4;
}

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}

.focus\:ring-opacity-60:focus {
  --tw-ring-opacity: 0.6;
}

.focus\:ring-opacity-70:focus {
  --tw-ring-opacity: 0.7;
}

.focus\:ring-opacity-75:focus {
  --tw-ring-opacity: 0.75;
}

.focus\:ring-opacity-80:focus {
  --tw-ring-opacity: 0.8;
}

.focus\:ring-opacity-90:focus {
  --tw-ring-opacity: 0.9;
}

.focus\:ring-opacity-95:focus {
  --tw-ring-opacity: 0.95;
}

.focus\:ring-opacity-100:focus {
  --tw-ring-opacity: 1;
}

.ring-offset-0 {
  --tw-ring-offset-width: 0px;
}

.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-4 {
  --tw-ring-offset-width: 4px;
}

.ring-offset-8 {
  --tw-ring-offset-width: 8px;
}

.focus-within\:ring-offset-0:focus-within {
  --tw-ring-offset-width: 0px;
}

.focus-within\:ring-offset-1:focus-within {
  --tw-ring-offset-width: 1px;
}

.focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px;
}

.focus-within\:ring-offset-4:focus-within {
  --tw-ring-offset-width: 4px;
}

.focus-within\:ring-offset-8:focus-within {
  --tw-ring-offset-width: 8px;
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-4:focus {
  --tw-ring-offset-width: 4px;
}

.focus\:ring-offset-8:focus {
  --tw-ring-offset-width: 8px;
}

.ring-offset-transparent {
  --tw-ring-offset-color: transparent;
}

.ring-offset-current {
  --tw-ring-offset-color: currentColor;
}

.ring-offset-black {
  --tw-ring-offset-color: #000;
}

.ring-offset-white {
  --tw-ring-offset-color: #fff;
}

.ring-offset-gray-50 {
  --tw-ring-offset-color: #f9fafb;
}

.ring-offset-gray-100 {
  --tw-ring-offset-color: #f3f4f6;
}

.ring-offset-gray-200 {
  --tw-ring-offset-color: #e5e7eb;
}

.ring-offset-gray-300 {
  --tw-ring-offset-color: #d1d5db;
}

.ring-offset-gray-400 {
  --tw-ring-offset-color: #9ca3af;
}

.ring-offset-gray-500 {
  --tw-ring-offset-color: #6b7280;
}

.ring-offset-gray-600 {
  --tw-ring-offset-color: #4b5563;
}

.ring-offset-gray-700 {
  --tw-ring-offset-color: #374151;
}

.ring-offset-gray-800 {
  --tw-ring-offset-color: #1f2937;
}

.ring-offset-gray-900 {
  --tw-ring-offset-color: #111827;
}

.ring-offset-red-50 {
  --tw-ring-offset-color: #fef2f2;
}

.ring-offset-red-100 {
  --tw-ring-offset-color: #fee2e2;
}

.ring-offset-red-200 {
  --tw-ring-offset-color: #fecaca;
}

.ring-offset-red-300 {
  --tw-ring-offset-color: #fca5a5;
}

.ring-offset-red-400 {
  --tw-ring-offset-color: #f87171;
}

.ring-offset-red-500 {
  --tw-ring-offset-color: #ef4444;
}

.ring-offset-red-600 {
  --tw-ring-offset-color: #dc2626;
}

.ring-offset-red-700 {
  --tw-ring-offset-color: #b91c1c;
}

.ring-offset-red-800 {
  --tw-ring-offset-color: #991b1b;
}

.ring-offset-red-900 {
  --tw-ring-offset-color: #7f1d1d;
}

.ring-offset-yellow-50 {
  --tw-ring-offset-color: #fffbeb;
}

.ring-offset-yellow-100 {
  --tw-ring-offset-color: #fef3c7;
}

.ring-offset-yellow-200 {
  --tw-ring-offset-color: #fde68a;
}

.ring-offset-yellow-300 {
  --tw-ring-offset-color: #fcd34d;
}

.ring-offset-yellow-400 {
  --tw-ring-offset-color: #fbbf24;
}

.ring-offset-yellow-500 {
  --tw-ring-offset-color: #f59e0b;
}

.ring-offset-yellow-600 {
  --tw-ring-offset-color: #d97706;
}

.ring-offset-yellow-700 {
  --tw-ring-offset-color: #b45309;
}

.ring-offset-yellow-800 {
  --tw-ring-offset-color: #92400e;
}

.ring-offset-yellow-900 {
  --tw-ring-offset-color: #78350f;
}

.ring-offset-green-50 {
  --tw-ring-offset-color: #ecfdf5;
}

.ring-offset-green-100 {
  --tw-ring-offset-color: #d1fae5;
}

.ring-offset-green-200 {
  --tw-ring-offset-color: #a7f3d0;
}

.ring-offset-green-300 {
  --tw-ring-offset-color: #6ee7b7;
}

.ring-offset-green-400 {
  --tw-ring-offset-color: #34d399;
}

.ring-offset-green-500 {
  --tw-ring-offset-color: #10b981;
}

.ring-offset-green-600 {
  --tw-ring-offset-color: #059669;
}

.ring-offset-green-700 {
  --tw-ring-offset-color: #047857;
}

.ring-offset-green-800 {
  --tw-ring-offset-color: #065f46;
}

.ring-offset-green-900 {
  --tw-ring-offset-color: #064e3b;
}

.ring-offset-blue-50 {
  --tw-ring-offset-color: #eff6ff;
}

.ring-offset-blue-100 {
  --tw-ring-offset-color: #dbeafe;
}

.ring-offset-blue-200 {
  --tw-ring-offset-color: #bfdbfe;
}

.ring-offset-blue-300 {
  --tw-ring-offset-color: #93c5fd;
}

.ring-offset-blue-400 {
  --tw-ring-offset-color: #60a5fa;
}

.ring-offset-blue-500 {
  --tw-ring-offset-color: #3b82f6;
}

.ring-offset-blue-600 {
  --tw-ring-offset-color: #2563eb;
}

.ring-offset-blue-700 {
  --tw-ring-offset-color: #1d4ed8;
}

.ring-offset-blue-800 {
  --tw-ring-offset-color: #1e40af;
}

.ring-offset-blue-900 {
  --tw-ring-offset-color: #1e3a8a;
}

.ring-offset-indigo-50 {
  --tw-ring-offset-color: #eef2ff;
}

.ring-offset-indigo-100 {
  --tw-ring-offset-color: #e0e7ff;
}

.ring-offset-indigo-200 {
  --tw-ring-offset-color: #c7d2fe;
}

.ring-offset-indigo-300 {
  --tw-ring-offset-color: #a5b4fc;
}

.ring-offset-indigo-400 {
  --tw-ring-offset-color: #818cf8;
}

.ring-offset-indigo-500 {
  --tw-ring-offset-color: #6366f1;
}

.ring-offset-indigo-600 {
  --tw-ring-offset-color: #4f46e5;
}

.ring-offset-indigo-700 {
  --tw-ring-offset-color: #4338ca;
}

.ring-offset-indigo-800 {
  --tw-ring-offset-color: #3730a3;
}

.ring-offset-indigo-900 {
  --tw-ring-offset-color: #312e81;
}

.ring-offset-purple-50 {
  --tw-ring-offset-color: #f5f3ff;
}

.ring-offset-purple-100 {
  --tw-ring-offset-color: #ede9fe;
}

.ring-offset-purple-200 {
  --tw-ring-offset-color: #ddd6fe;
}

.ring-offset-purple-300 {
  --tw-ring-offset-color: #c4b5fd;
}

.ring-offset-purple-400 {
  --tw-ring-offset-color: #a78bfa;
}

.ring-offset-purple-500 {
  --tw-ring-offset-color: #8b5cf6;
}

.ring-offset-purple-600 {
  --tw-ring-offset-color: #7c3aed;
}

.ring-offset-purple-700 {
  --tw-ring-offset-color: #6d28d9;
}

.ring-offset-purple-800 {
  --tw-ring-offset-color: #5b21b6;
}

.ring-offset-purple-900 {
  --tw-ring-offset-color: #4c1d95;
}

.ring-offset-pink-50 {
  --tw-ring-offset-color: #fdf2f8;
}

.ring-offset-pink-100 {
  --tw-ring-offset-color: #fce7f3;
}

.ring-offset-pink-200 {
  --tw-ring-offset-color: #fbcfe8;
}

.ring-offset-pink-300 {
  --tw-ring-offset-color: #f9a8d4;
}

.ring-offset-pink-400 {
  --tw-ring-offset-color: #f472b6;
}

.ring-offset-pink-500 {
  --tw-ring-offset-color: #ec4899;
}

.ring-offset-pink-600 {
  --tw-ring-offset-color: #db2777;
}

.ring-offset-pink-700 {
  --tw-ring-offset-color: #be185d;
}

.ring-offset-pink-800 {
  --tw-ring-offset-color: #9d174d;
}

.ring-offset-pink-900 {
  --tw-ring-offset-color: #831843;
}

.focus-within\:ring-offset-transparent:focus-within {
  --tw-ring-offset-color: transparent;
}

.focus-within\:ring-offset-current:focus-within {
  --tw-ring-offset-color: currentColor;
}

.focus-within\:ring-offset-black:focus-within {
  --tw-ring-offset-color: #000;
}

.focus-within\:ring-offset-white:focus-within {
  --tw-ring-offset-color: #fff;
}

.focus-within\:ring-offset-gray-50:focus-within {
  --tw-ring-offset-color: #f9fafb;
}

.focus-within\:ring-offset-gray-100:focus-within {
  --tw-ring-offset-color: #f3f4f6;
}

.focus-within\:ring-offset-gray-200:focus-within {
  --tw-ring-offset-color: #e5e7eb;
}

.focus-within\:ring-offset-gray-300:focus-within {
  --tw-ring-offset-color: #d1d5db;
}

.focus-within\:ring-offset-gray-400:focus-within {
  --tw-ring-offset-color: #9ca3af;
}

.focus-within\:ring-offset-gray-500:focus-within {
  --tw-ring-offset-color: #6b7280;
}

.focus-within\:ring-offset-gray-600:focus-within {
  --tw-ring-offset-color: #4b5563;
}

.focus-within\:ring-offset-gray-700:focus-within {
  --tw-ring-offset-color: #374151;
}

.focus-within\:ring-offset-gray-800:focus-within {
  --tw-ring-offset-color: #1f2937;
}

.focus-within\:ring-offset-gray-900:focus-within {
  --tw-ring-offset-color: #111827;
}

.focus-within\:ring-offset-red-50:focus-within {
  --tw-ring-offset-color: #fef2f2;
}

.focus-within\:ring-offset-red-100:focus-within {
  --tw-ring-offset-color: #fee2e2;
}

.focus-within\:ring-offset-red-200:focus-within {
  --tw-ring-offset-color: #fecaca;
}

.focus-within\:ring-offset-red-300:focus-within {
  --tw-ring-offset-color: #fca5a5;
}

.focus-within\:ring-offset-red-400:focus-within {
  --tw-ring-offset-color: #f87171;
}

.focus-within\:ring-offset-red-500:focus-within {
  --tw-ring-offset-color: #ef4444;
}

.focus-within\:ring-offset-red-600:focus-within {
  --tw-ring-offset-color: #dc2626;
}

.focus-within\:ring-offset-red-700:focus-within {
  --tw-ring-offset-color: #b91c1c;
}

.focus-within\:ring-offset-red-800:focus-within {
  --tw-ring-offset-color: #991b1b;
}

.focus-within\:ring-offset-red-900:focus-within {
  --tw-ring-offset-color: #7f1d1d;
}

.focus-within\:ring-offset-yellow-50:focus-within {
  --tw-ring-offset-color: #fffbeb;
}

.focus-within\:ring-offset-yellow-100:focus-within {
  --tw-ring-offset-color: #fef3c7;
}

.focus-within\:ring-offset-yellow-200:focus-within {
  --tw-ring-offset-color: #fde68a;
}

.focus-within\:ring-offset-yellow-300:focus-within {
  --tw-ring-offset-color: #fcd34d;
}

.focus-within\:ring-offset-yellow-400:focus-within {
  --tw-ring-offset-color: #fbbf24;
}

.focus-within\:ring-offset-yellow-500:focus-within {
  --tw-ring-offset-color: #f59e0b;
}

.focus-within\:ring-offset-yellow-600:focus-within {
  --tw-ring-offset-color: #d97706;
}

.focus-within\:ring-offset-yellow-700:focus-within {
  --tw-ring-offset-color: #b45309;
}

.focus-within\:ring-offset-yellow-800:focus-within {
  --tw-ring-offset-color: #92400e;
}

.focus-within\:ring-offset-yellow-900:focus-within {
  --tw-ring-offset-color: #78350f;
}

.focus-within\:ring-offset-green-50:focus-within {
  --tw-ring-offset-color: #ecfdf5;
}

.focus-within\:ring-offset-green-100:focus-within {
  --tw-ring-offset-color: #d1fae5;
}

.focus-within\:ring-offset-green-200:focus-within {
  --tw-ring-offset-color: #a7f3d0;
}

.focus-within\:ring-offset-green-300:focus-within {
  --tw-ring-offset-color: #6ee7b7;
}

.focus-within\:ring-offset-green-400:focus-within {
  --tw-ring-offset-color: #34d399;
}

.focus-within\:ring-offset-green-500:focus-within {
  --tw-ring-offset-color: #10b981;
}

.focus-within\:ring-offset-green-600:focus-within {
  --tw-ring-offset-color: #059669;
}

.focus-within\:ring-offset-green-700:focus-within {
  --tw-ring-offset-color: #047857;
}

.focus-within\:ring-offset-green-800:focus-within {
  --tw-ring-offset-color: #065f46;
}

.focus-within\:ring-offset-green-900:focus-within {
  --tw-ring-offset-color: #064e3b;
}

.focus-within\:ring-offset-blue-50:focus-within {
  --tw-ring-offset-color: #eff6ff;
}

.focus-within\:ring-offset-blue-100:focus-within {
  --tw-ring-offset-color: #dbeafe;
}

.focus-within\:ring-offset-blue-200:focus-within {
  --tw-ring-offset-color: #bfdbfe;
}

.focus-within\:ring-offset-blue-300:focus-within {
  --tw-ring-offset-color: #93c5fd;
}

.focus-within\:ring-offset-blue-400:focus-within {
  --tw-ring-offset-color: #60a5fa;
}

.focus-within\:ring-offset-blue-500:focus-within {
  --tw-ring-offset-color: #3b82f6;
}

.focus-within\:ring-offset-blue-600:focus-within {
  --tw-ring-offset-color: #2563eb;
}

.focus-within\:ring-offset-blue-700:focus-within {
  --tw-ring-offset-color: #1d4ed8;
}

.focus-within\:ring-offset-blue-800:focus-within {
  --tw-ring-offset-color: #1e40af;
}

.focus-within\:ring-offset-blue-900:focus-within {
  --tw-ring-offset-color: #1e3a8a;
}

.focus-within\:ring-offset-indigo-50:focus-within {
  --tw-ring-offset-color: #eef2ff;
}

.focus-within\:ring-offset-indigo-100:focus-within {
  --tw-ring-offset-color: #e0e7ff;
}

.focus-within\:ring-offset-indigo-200:focus-within {
  --tw-ring-offset-color: #c7d2fe;
}

.focus-within\:ring-offset-indigo-300:focus-within {
  --tw-ring-offset-color: #a5b4fc;
}

.focus-within\:ring-offset-indigo-400:focus-within {
  --tw-ring-offset-color: #818cf8;
}

.focus-within\:ring-offset-indigo-500:focus-within {
  --tw-ring-offset-color: #6366f1;
}

.focus-within\:ring-offset-indigo-600:focus-within {
  --tw-ring-offset-color: #4f46e5;
}

.focus-within\:ring-offset-indigo-700:focus-within {
  --tw-ring-offset-color: #4338ca;
}

.focus-within\:ring-offset-indigo-800:focus-within {
  --tw-ring-offset-color: #3730a3;
}

.focus-within\:ring-offset-indigo-900:focus-within {
  --tw-ring-offset-color: #312e81;
}

.focus-within\:ring-offset-purple-50:focus-within {
  --tw-ring-offset-color: #f5f3ff;
}

.focus-within\:ring-offset-purple-100:focus-within {
  --tw-ring-offset-color: #ede9fe;
}

.focus-within\:ring-offset-purple-200:focus-within {
  --tw-ring-offset-color: #ddd6fe;
}

.focus-within\:ring-offset-purple-300:focus-within {
  --tw-ring-offset-color: #c4b5fd;
}

.focus-within\:ring-offset-purple-400:focus-within {
  --tw-ring-offset-color: #a78bfa;
}

.focus-within\:ring-offset-purple-500:focus-within {
  --tw-ring-offset-color: #8b5cf6;
}

.focus-within\:ring-offset-purple-600:focus-within {
  --tw-ring-offset-color: #7c3aed;
}

.focus-within\:ring-offset-purple-700:focus-within {
  --tw-ring-offset-color: #6d28d9;
}

.focus-within\:ring-offset-purple-800:focus-within {
  --tw-ring-offset-color: #5b21b6;
}

.focus-within\:ring-offset-purple-900:focus-within {
  --tw-ring-offset-color: #4c1d95;
}

.focus-within\:ring-offset-pink-50:focus-within {
  --tw-ring-offset-color: #fdf2f8;
}

.focus-within\:ring-offset-pink-100:focus-within {
  --tw-ring-offset-color: #fce7f3;
}

.focus-within\:ring-offset-pink-200:focus-within {
  --tw-ring-offset-color: #fbcfe8;
}

.focus-within\:ring-offset-pink-300:focus-within {
  --tw-ring-offset-color: #f9a8d4;
}

.focus-within\:ring-offset-pink-400:focus-within {
  --tw-ring-offset-color: #f472b6;
}

.focus-within\:ring-offset-pink-500:focus-within {
  --tw-ring-offset-color: #ec4899;
}

.focus-within\:ring-offset-pink-600:focus-within {
  --tw-ring-offset-color: #db2777;
}

.focus-within\:ring-offset-pink-700:focus-within {
  --tw-ring-offset-color: #be185d;
}

.focus-within\:ring-offset-pink-800:focus-within {
  --tw-ring-offset-color: #9d174d;
}

.focus-within\:ring-offset-pink-900:focus-within {
  --tw-ring-offset-color: #831843;
}

.focus\:ring-offset-transparent:focus {
  --tw-ring-offset-color: transparent;
}

.focus\:ring-offset-current:focus {
  --tw-ring-offset-color: currentColor;
}

.focus\:ring-offset-black:focus {
  --tw-ring-offset-color: #000;
}

.focus\:ring-offset-white:focus {
  --tw-ring-offset-color: #fff;
}

.focus\:ring-offset-gray-50:focus {
  --tw-ring-offset-color: #f9fafb;
}

.focus\:ring-offset-gray-100:focus {
  --tw-ring-offset-color: #f3f4f6;
}

.focus\:ring-offset-gray-200:focus {
  --tw-ring-offset-color: #e5e7eb;
}

.focus\:ring-offset-gray-300:focus {
  --tw-ring-offset-color: #d1d5db;
}

.focus\:ring-offset-gray-400:focus {
  --tw-ring-offset-color: #9ca3af;
}

.focus\:ring-offset-gray-500:focus {
  --tw-ring-offset-color: #6b7280;
}

.focus\:ring-offset-gray-600:focus {
  --tw-ring-offset-color: #4b5563;
}

.focus\:ring-offset-gray-700:focus {
  --tw-ring-offset-color: #374151;
}

.focus\:ring-offset-gray-800:focus {
  --tw-ring-offset-color: #1f2937;
}

.focus\:ring-offset-gray-900:focus {
  --tw-ring-offset-color: #111827;
}

.focus\:ring-offset-red-50:focus {
  --tw-ring-offset-color: #fef2f2;
}

.focus\:ring-offset-red-100:focus {
  --tw-ring-offset-color: #fee2e2;
}

.focus\:ring-offset-red-200:focus {
  --tw-ring-offset-color: #fecaca;
}

.focus\:ring-offset-red-300:focus {
  --tw-ring-offset-color: #fca5a5;
}

.focus\:ring-offset-red-400:focus {
  --tw-ring-offset-color: #f87171;
}

.focus\:ring-offset-red-500:focus {
  --tw-ring-offset-color: #ef4444;
}

.focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color: #dc2626;
}

.focus\:ring-offset-red-700:focus {
  --tw-ring-offset-color: #b91c1c;
}

.focus\:ring-offset-red-800:focus {
  --tw-ring-offset-color: #991b1b;
}

.focus\:ring-offset-red-900:focus {
  --tw-ring-offset-color: #7f1d1d;
}

.focus\:ring-offset-yellow-50:focus {
  --tw-ring-offset-color: #fffbeb;
}

.focus\:ring-offset-yellow-100:focus {
  --tw-ring-offset-color: #fef3c7;
}

.focus\:ring-offset-yellow-200:focus {
  --tw-ring-offset-color: #fde68a;
}

.focus\:ring-offset-yellow-300:focus {
  --tw-ring-offset-color: #fcd34d;
}

.focus\:ring-offset-yellow-400:focus {
  --tw-ring-offset-color: #fbbf24;
}

.focus\:ring-offset-yellow-500:focus {
  --tw-ring-offset-color: #f59e0b;
}

.focus\:ring-offset-yellow-600:focus {
  --tw-ring-offset-color: #d97706;
}

.focus\:ring-offset-yellow-700:focus {
  --tw-ring-offset-color: #b45309;
}

.focus\:ring-offset-yellow-800:focus {
  --tw-ring-offset-color: #92400e;
}

.focus\:ring-offset-yellow-900:focus {
  --tw-ring-offset-color: #78350f;
}

.focus\:ring-offset-green-50:focus {
  --tw-ring-offset-color: #ecfdf5;
}

.focus\:ring-offset-green-100:focus {
  --tw-ring-offset-color: #d1fae5;
}

.focus\:ring-offset-green-200:focus {
  --tw-ring-offset-color: #a7f3d0;
}

.focus\:ring-offset-green-300:focus {
  --tw-ring-offset-color: #6ee7b7;
}

.focus\:ring-offset-green-400:focus {
  --tw-ring-offset-color: #34d399;
}

.focus\:ring-offset-green-500:focus {
  --tw-ring-offset-color: #10b981;
}

.focus\:ring-offset-green-600:focus {
  --tw-ring-offset-color: #059669;
}

.focus\:ring-offset-green-700:focus {
  --tw-ring-offset-color: #047857;
}

.focus\:ring-offset-green-800:focus {
  --tw-ring-offset-color: #065f46;
}

.focus\:ring-offset-green-900:focus {
  --tw-ring-offset-color: #064e3b;
}

.focus\:ring-offset-blue-50:focus {
  --tw-ring-offset-color: #eff6ff;
}

.focus\:ring-offset-blue-100:focus {
  --tw-ring-offset-color: #dbeafe;
}

.focus\:ring-offset-blue-200:focus {
  --tw-ring-offset-color: #bfdbfe;
}

.focus\:ring-offset-blue-300:focus {
  --tw-ring-offset-color: #93c5fd;
}

.focus\:ring-offset-blue-400:focus {
  --tw-ring-offset-color: #60a5fa;
}

.focus\:ring-offset-blue-500:focus {
  --tw-ring-offset-color: #3b82f6;
}

.focus\:ring-offset-blue-600:focus {
  --tw-ring-offset-color: #2563eb;
}

.focus\:ring-offset-blue-700:focus {
  --tw-ring-offset-color: #1d4ed8;
}

.focus\:ring-offset-blue-800:focus {
  --tw-ring-offset-color: #1e40af;
}

.focus\:ring-offset-blue-900:focus {
  --tw-ring-offset-color: #1e3a8a;
}

.focus\:ring-offset-indigo-50:focus {
  --tw-ring-offset-color: #eef2ff;
}

.focus\:ring-offset-indigo-100:focus {
  --tw-ring-offset-color: #e0e7ff;
}

.focus\:ring-offset-indigo-200:focus {
  --tw-ring-offset-color: #c7d2fe;
}

.focus\:ring-offset-indigo-300:focus {
  --tw-ring-offset-color: #a5b4fc;
}

.focus\:ring-offset-indigo-400:focus {
  --tw-ring-offset-color: #818cf8;
}

.focus\:ring-offset-indigo-500:focus {
  --tw-ring-offset-color: #6366f1;
}

.focus\:ring-offset-indigo-600:focus {
  --tw-ring-offset-color: #4f46e5;
}

.focus\:ring-offset-indigo-700:focus {
  --tw-ring-offset-color: #4338ca;
}

.focus\:ring-offset-indigo-800:focus {
  --tw-ring-offset-color: #3730a3;
}

.focus\:ring-offset-indigo-900:focus {
  --tw-ring-offset-color: #312e81;
}

.focus\:ring-offset-purple-50:focus {
  --tw-ring-offset-color: #f5f3ff;
}

.focus\:ring-offset-purple-100:focus {
  --tw-ring-offset-color: #ede9fe;
}

.focus\:ring-offset-purple-200:focus {
  --tw-ring-offset-color: #ddd6fe;
}

.focus\:ring-offset-purple-300:focus {
  --tw-ring-offset-color: #c4b5fd;
}

.focus\:ring-offset-purple-400:focus {
  --tw-ring-offset-color: #a78bfa;
}

.focus\:ring-offset-purple-500:focus {
  --tw-ring-offset-color: #8b5cf6;
}

.focus\:ring-offset-purple-600:focus {
  --tw-ring-offset-color: #7c3aed;
}

.focus\:ring-offset-purple-700:focus {
  --tw-ring-offset-color: #6d28d9;
}

.focus\:ring-offset-purple-800:focus {
  --tw-ring-offset-color: #5b21b6;
}

.focus\:ring-offset-purple-900:focus {
  --tw-ring-offset-color: #4c1d95;
}

.focus\:ring-offset-pink-50:focus {
  --tw-ring-offset-color: #fdf2f8;
}

.focus\:ring-offset-pink-100:focus {
  --tw-ring-offset-color: #fce7f3;
}

.focus\:ring-offset-pink-200:focus {
  --tw-ring-offset-color: #fbcfe8;
}

.focus\:ring-offset-pink-300:focus {
  --tw-ring-offset-color: #f9a8d4;
}

.focus\:ring-offset-pink-400:focus {
  --tw-ring-offset-color: #f472b6;
}

.focus\:ring-offset-pink-500:focus {
  --tw-ring-offset-color: #ec4899;
}

.focus\:ring-offset-pink-600:focus {
  --tw-ring-offset-color: #db2777;
}

.focus\:ring-offset-pink-700:focus {
  --tw-ring-offset-color: #be185d;
}

.focus\:ring-offset-pink-800:focus {
  --tw-ring-offset-color: #9d174d;
}

.focus\:ring-offset-pink-900:focus {
  --tw-ring-offset-color: #831843;
}

.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  -webkit-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: 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-none {
  -webkit-filter: none;
          filter: none;
}

.blur-0 {
  --tw-blur: blur(0);
}

.blur-none {
  --tw-blur: blur(0);
}

.blur-sm {
  --tw-blur: blur(4px);
}

.blur {
  --tw-blur: blur(8px);
}

.blur-md {
  --tw-blur: blur(12px);
}

.blur-lg {
  --tw-blur: blur(16px);
}

.blur-xl {
  --tw-blur: blur(24px);
}

.blur-2xl {
  --tw-blur: blur(40px);
}

.blur-3xl {
  --tw-blur: blur(64px);
}

.brightness-0 {
  --tw-brightness: brightness(0);
}

.brightness-50 {
  --tw-brightness: brightness(.5);
}

.brightness-75 {
  --tw-brightness: brightness(.75);
}

.brightness-90 {
  --tw-brightness: brightness(.9);
}

.brightness-95 {
  --tw-brightness: brightness(.95);
}

.brightness-100 {
  --tw-brightness: brightness(1);
}

.brightness-105 {
  --tw-brightness: brightness(1.05);
}

.brightness-110 {
  --tw-brightness: brightness(1.1);
}

.brightness-125 {
  --tw-brightness: brightness(1.25);
}

.brightness-150 {
  --tw-brightness: brightness(1.5);
}

.brightness-200 {
  --tw-brightness: brightness(2);
}

.contrast-0 {
  --tw-contrast: contrast(0);
}

.contrast-50 {
  --tw-contrast: contrast(.5);
}

.contrast-75 {
  --tw-contrast: contrast(.75);
}

.contrast-100 {
  --tw-contrast: contrast(1);
}

.contrast-125 {
  --tw-contrast: contrast(1.25);
}

.contrast-150 {
  --tw-contrast: contrast(1.5);
}

.contrast-200 {
  --tw-contrast: contrast(2);
}

.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
}

.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}

.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
}

.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
}

.drop-shadow-2xl {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
}

.drop-shadow-none {
  --tw-drop-shadow: drop-shadow(0 0 #0000);
}

.grayscale-0 {
  --tw-grayscale: grayscale(0);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
}

.hue-rotate-0 {
  --tw-hue-rotate: hue-rotate(0deg);
}

.hue-rotate-15 {
  --tw-hue-rotate: hue-rotate(15deg);
}

.hue-rotate-30 {
  --tw-hue-rotate: hue-rotate(30deg);
}

.hue-rotate-60 {
  --tw-hue-rotate: hue-rotate(60deg);
}

.hue-rotate-90 {
  --tw-hue-rotate: hue-rotate(90deg);
}

.hue-rotate-180 {
  --tw-hue-rotate: hue-rotate(180deg);
}

.-hue-rotate-180 {
  --tw-hue-rotate: hue-rotate(-180deg);
}

.-hue-rotate-90 {
  --tw-hue-rotate: hue-rotate(-90deg);
}

.-hue-rotate-60 {
  --tw-hue-rotate: hue-rotate(-60deg);
}

.-hue-rotate-30 {
  --tw-hue-rotate: hue-rotate(-30deg);
}

.-hue-rotate-15 {
  --tw-hue-rotate: hue-rotate(-15deg);
}

.invert-0 {
  --tw-invert: invert(0);
}

.invert {
  --tw-invert: invert(100%);
}

.saturate-0 {
  --tw-saturate: saturate(0);
}

.saturate-50 {
  --tw-saturate: saturate(.5);
}

.saturate-100 {
  --tw-saturate: saturate(1);
}

.saturate-150 {
  --tw-saturate: saturate(1.5);
}

.saturate-200 {
  --tw-saturate: saturate(2);
}

.sepia-0 {
  --tw-sepia: sepia(0);
}

.sepia {
  --tw-sepia: sepia(100%);
}

.backdrop-filter {
  --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
  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-none {
  backdrop-filter: none;
}

.backdrop-blur-0 {
  --tw-backdrop-blur: blur(0);
}

.backdrop-blur-none {
  --tw-backdrop-blur: blur(0);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
}

.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
}

.backdrop-blur-3xl {
  --tw-backdrop-blur: blur(64px);
}

.backdrop-brightness-0 {
  --tw-backdrop-brightness: brightness(0);
}

.backdrop-brightness-50 {
  --tw-backdrop-brightness: brightness(.5);
}

.backdrop-brightness-75 {
  --tw-backdrop-brightness: brightness(.75);
}

.backdrop-brightness-90 {
  --tw-backdrop-brightness: brightness(.9);
}

.backdrop-brightness-95 {
  --tw-backdrop-brightness: brightness(.95);
}

.backdrop-brightness-100 {
  --tw-backdrop-brightness: brightness(1);
}

.backdrop-brightness-105 {
  --tw-backdrop-brightness: brightness(1.05);
}

.backdrop-brightness-110 {
  --tw-backdrop-brightness: brightness(1.1);
}

.backdrop-brightness-125 {
  --tw-backdrop-brightness: brightness(1.25);
}

.backdrop-brightness-150 {
  --tw-backdrop-brightness: brightness(1.5);
}

.backdrop-brightness-200 {
  --tw-backdrop-brightness: brightness(2);
}

.backdrop-contrast-0 {
  --tw-backdrop-contrast: contrast(0);
}

.backdrop-contrast-50 {
  --tw-backdrop-contrast: contrast(.5);
}

.backdrop-contrast-75 {
  --tw-backdrop-contrast: contrast(.75);
}

.backdrop-contrast-100 {
  --tw-backdrop-contrast: contrast(1);
}

.backdrop-contrast-125 {
  --tw-backdrop-contrast: contrast(1.25);
}

.backdrop-contrast-150 {
  --tw-backdrop-contrast: contrast(1.5);
}

.backdrop-contrast-200 {
  --tw-backdrop-contrast: contrast(2);
}

.backdrop-grayscale-0 {
  --tw-backdrop-grayscale: grayscale(0);
}

.backdrop-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
}

.backdrop-hue-rotate-0 {
  --tw-backdrop-hue-rotate: hue-rotate(0deg);
}

.backdrop-hue-rotate-15 {
  --tw-backdrop-hue-rotate: hue-rotate(15deg);
}

.backdrop-hue-rotate-30 {
  --tw-backdrop-hue-rotate: hue-rotate(30deg);
}

.backdrop-hue-rotate-60 {
  --tw-backdrop-hue-rotate: hue-rotate(60deg);
}

.backdrop-hue-rotate-90 {
  --tw-backdrop-hue-rotate: hue-rotate(90deg);
}

.backdrop-hue-rotate-180 {
  --tw-backdrop-hue-rotate: hue-rotate(180deg);
}

.-backdrop-hue-rotate-180 {
  --tw-backdrop-hue-rotate: hue-rotate(-180deg);
}

.-backdrop-hue-rotate-90 {
  --tw-backdrop-hue-rotate: hue-rotate(-90deg);
}

.-backdrop-hue-rotate-60 {
  --tw-backdrop-hue-rotate: hue-rotate(-60deg);
}

.-backdrop-hue-rotate-30 {
  --tw-backdrop-hue-rotate: hue-rotate(-30deg);
}

.-backdrop-hue-rotate-15 {
  --tw-backdrop-hue-rotate: hue-rotate(-15deg);
}

.backdrop-invert-0 {
  --tw-backdrop-invert: invert(0);
}

.backdrop-invert {
  --tw-backdrop-invert: invert(100%);
}

.backdrop-opacity-0 {
  --tw-backdrop-opacity: opacity(0);
}

.backdrop-opacity-5 {
  --tw-backdrop-opacity: opacity(0.05);
}

.backdrop-opacity-10 {
  --tw-backdrop-opacity: opacity(0.1);
}

.backdrop-opacity-20 {
  --tw-backdrop-opacity: opacity(0.2);
}

.backdrop-opacity-25 {
  --tw-backdrop-opacity: opacity(0.25);
}

.backdrop-opacity-30 {
  --tw-backdrop-opacity: opacity(0.3);
}

.backdrop-opacity-40 {
  --tw-backdrop-opacity: opacity(0.4);
}

.backdrop-opacity-50 {
  --tw-backdrop-opacity: opacity(0.5);
}

.backdrop-opacity-60 {
  --tw-backdrop-opacity: opacity(0.6);
}

.backdrop-opacity-70 {
  --tw-backdrop-opacity: opacity(0.7);
}

.backdrop-opacity-75 {
  --tw-backdrop-opacity: opacity(0.75);
}

.backdrop-opacity-80 {
  --tw-backdrop-opacity: opacity(0.8);
}

.backdrop-opacity-90 {
  --tw-backdrop-opacity: opacity(0.9);
}

.backdrop-opacity-95 {
  --tw-backdrop-opacity: opacity(0.95);
}

.backdrop-opacity-100 {
  --tw-backdrop-opacity: opacity(1);
}

.backdrop-saturate-0 {
  --tw-backdrop-saturate: saturate(0);
}

.backdrop-saturate-50 {
  --tw-backdrop-saturate: saturate(.5);
}

.backdrop-saturate-100 {
  --tw-backdrop-saturate: saturate(1);
}

.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
}

.backdrop-saturate-200 {
  --tw-backdrop-saturate: saturate(2);
}

.backdrop-sepia-0 {
  --tw-backdrop-sepia: sepia(0);
}

.backdrop-sepia {
  --tw-backdrop-sepia: sepia(100%);
}

.transition-none {
  -webkit-transition-property: none;
  transition-property: none;
}

.transition-all {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition {
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-colors {
  -webkit-transition-property: background-color, border-color, color, fill, stroke;
  transition-property: background-color, border-color, color, fill, stroke;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-shadow {
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.transition-transform {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.delay-75 {
  -webkit-transition-delay: 75ms;
          transition-delay: 75ms;
}

.delay-100 {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.delay-150 {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}

.delay-200 {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.delay-300 {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.delay-500 {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.delay-700 {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

.delay-1000 {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

.duration-75 {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
}

.duration-100 {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}

.duration-150 {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

.duration-200 {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

.duration-300 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

.duration-500 {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

.duration-700 {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}

.duration-1000 {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}

.ease-linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.ease-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.content-none {
  content: none;
}

@media (min-width: 640px) {
  .sm\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .sm\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .sm\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .sm\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .sm\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .sm\:container {
      max-width: 1536px;
    }
  }

  .sm\: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;
  }

  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  .sm\:focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  .sm\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  .sm\:pointer-events-auto {
    pointer-events: auto;
  }

  .sm\:visible {
    visibility: visible;
  }

  .sm\:invisible {
    visibility: hidden;
  }

  .sm\:static {
    position: static;
  }

  .sm\:fixed {
    position: fixed;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:sticky {
    position: sticky;
  }

  .sm\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .sm\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  .sm\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  .sm\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .sm\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .sm\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  .sm\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .sm\:inset-7 {
    top: 1.75rem;
    right: 1.75rem;
    bottom: 1.75rem;
    left: 1.75rem;
  }

  .sm\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  .sm\:inset-9 {
    top: 2.25rem;
    right: 2.25rem;
    bottom: 2.25rem;
    left: 2.25rem;
  }

  .sm\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  .sm\:inset-11 {
    top: 2.75rem;
    right: 2.75rem;
    bottom: 2.75rem;
    left: 2.75rem;
  }

  .sm\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  .sm\:inset-14 {
    top: 3.5rem;
    right: 3.5rem;
    bottom: 3.5rem;
    left: 3.5rem;
  }

  .sm\:inset-16 {
    top: 4rem;
    right: 4rem;
    bottom: 4rem;
    left: 4rem;
  }

  .sm\:inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem;
  }

  .sm\:inset-24 {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
  }

  .sm\:inset-28 {
    top: 7rem;
    right: 7rem;
    bottom: 7rem;
    left: 7rem;
  }

  .sm\:inset-32 {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
  }

  .sm\:inset-36 {
    top: 9rem;
    right: 9rem;
    bottom: 9rem;
    left: 9rem;
  }

  .sm\:inset-40 {
    top: 10rem;
    right: 10rem;
    bottom: 10rem;
    left: 10rem;
  }

  .sm\:inset-44 {
    top: 11rem;
    right: 11rem;
    bottom: 11rem;
    left: 11rem;
  }

  .sm\:inset-48 {
    top: 12rem;
    right: 12rem;
    bottom: 12rem;
    left: 12rem;
  }

  .sm\:inset-52 {
    top: 13rem;
    right: 13rem;
    bottom: 13rem;
    left: 13rem;
  }

  .sm\:inset-56 {
    top: 14rem;
    right: 14rem;
    bottom: 14rem;
    left: 14rem;
  }

  .sm\:inset-60 {
    top: 15rem;
    right: 15rem;
    bottom: 15rem;
    left: 15rem;
  }

  .sm\:inset-64 {
    top: 16rem;
    right: 16rem;
    bottom: 16rem;
    left: 16rem;
  }

  .sm\:inset-72 {
    top: 18rem;
    right: 18rem;
    bottom: 18rem;
    left: 18rem;
  }

  .sm\:inset-80 {
    top: 20rem;
    right: 20rem;
    bottom: 20rem;
    left: 20rem;
  }

  .sm\:inset-96 {
    top: 24rem;
    right: 24rem;
    bottom: 24rem;
    left: 24rem;
  }

  .sm\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
  }

  .sm\:inset-0\.5 {
    top: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    left: 0.125rem;
  }

  .sm\:inset-1\.5 {
    top: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
    left: 0.375rem;
  }

  .sm\:inset-2\.5 {
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
  }

  .sm\:inset-3\.5 {
    top: 0.875rem;
    right: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
  }

  .sm\:-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .sm\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  .sm\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  .sm\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  .sm\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  .sm\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .sm\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .sm\:-inset-7 {
    top: -1.75rem;
    right: -1.75rem;
    bottom: -1.75rem;
    left: -1.75rem;
  }

  .sm\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  .sm\:-inset-9 {
    top: -2.25rem;
    right: -2.25rem;
    bottom: -2.25rem;
    left: -2.25rem;
  }

  .sm\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  .sm\:-inset-11 {
    top: -2.75rem;
    right: -2.75rem;
    bottom: -2.75rem;
    left: -2.75rem;
  }

  .sm\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  .sm\:-inset-14 {
    top: -3.5rem;
    right: -3.5rem;
    bottom: -3.5rem;
    left: -3.5rem;
  }

  .sm\:-inset-16 {
    top: -4rem;
    right: -4rem;
    bottom: -4rem;
    left: -4rem;
  }

  .sm\:-inset-20 {
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    left: -5rem;
  }

  .sm\:-inset-24 {
    top: -6rem;
    right: -6rem;
    bottom: -6rem;
    left: -6rem;
  }

  .sm\:-inset-28 {
    top: -7rem;
    right: -7rem;
    bottom: -7rem;
    left: -7rem;
  }

  .sm\:-inset-32 {
    top: -8rem;
    right: -8rem;
    bottom: -8rem;
    left: -8rem;
  }

  .sm\:-inset-36 {
    top: -9rem;
    right: -9rem;
    bottom: -9rem;
    left: -9rem;
  }

  .sm\:-inset-40 {
    top: -10rem;
    right: -10rem;
    bottom: -10rem;
    left: -10rem;
  }

  .sm\:-inset-44 {
    top: -11rem;
    right: -11rem;
    bottom: -11rem;
    left: -11rem;
  }

  .sm\:-inset-48 {
    top: -12rem;
    right: -12rem;
    bottom: -12rem;
    left: -12rem;
  }

  .sm\:-inset-52 {
    top: -13rem;
    right: -13rem;
    bottom: -13rem;
    left: -13rem;
  }

  .sm\:-inset-56 {
    top: -14rem;
    right: -14rem;
    bottom: -14rem;
    left: -14rem;
  }

  .sm\:-inset-60 {
    top: -15rem;
    right: -15rem;
    bottom: -15rem;
    left: -15rem;
  }

  .sm\:-inset-64 {
    top: -16rem;
    right: -16rem;
    bottom: -16rem;
    left: -16rem;
  }

  .sm\:-inset-72 {
    top: -18rem;
    right: -18rem;
    bottom: -18rem;
    left: -18rem;
  }

  .sm\:-inset-80 {
    top: -20rem;
    right: -20rem;
    bottom: -20rem;
    left: -20rem;
  }

  .sm\:-inset-96 {
    top: -24rem;
    right: -24rem;
    bottom: -24rem;
    left: -24rem;
  }

  .sm\:-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }

  .sm\:-inset-0\.5 {
    top: -0.125rem;
    right: -0.125rem;
    bottom: -0.125rem;
    left: -0.125rem;
  }

  .sm\:-inset-1\.5 {
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem;
  }

  .sm\:-inset-2\.5 {
    top: -0.625rem;
    right: -0.625rem;
    bottom: -0.625rem;
    left: -0.625rem;
  }

  .sm\:-inset-3\.5 {
    top: -0.875rem;
    right: -0.875rem;
    bottom: -0.875rem;
    left: -0.875rem;
  }

  .sm\:inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .sm\:inset-1\/3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%;
  }

  .sm\:inset-2\/3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%;
  }

  .sm\:inset-1\/4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
  }

  .sm\:inset-2\/4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .sm\:inset-3\/4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%;
  }

  .sm\:inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }

  .sm\:-inset-1\/2 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .sm\:-inset-1\/3 {
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
    left: -33.333333%;
  }

  .sm\:-inset-2\/3 {
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
    left: -66.666667%;
  }

  .sm\:-inset-1\/4 {
    top: -25%;
    right: -25%;
    bottom: -25%;
    left: -25%;
  }

  .sm\:-inset-2\/4 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .sm\:-inset-3\/4 {
    top: -75%;
    right: -75%;
    bottom: -75%;
    left: -75%;
  }

  .sm\:-inset-full {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
  }

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

  .sm\:inset-x-1 {
    left: 0.25rem;
    right: 0.25rem;
  }

  .sm\:inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
  }

  .sm\:inset-x-3 {
    left: 0.75rem;
    right: 0.75rem;
  }

  .sm\:inset-x-4 {
    left: 1rem;
    right: 1rem;
  }

  .sm\:inset-x-5 {
    left: 1.25rem;
    right: 1.25rem;
  }

  .sm\:inset-x-6 {
    left: 1.5rem;
    right: 1.5rem;
  }

  .sm\:inset-x-7 {
    left: 1.75rem;
    right: 1.75rem;
  }

  .sm\:inset-x-8 {
    left: 2rem;
    right: 2rem;
  }

  .sm\:inset-x-9 {
    left: 2.25rem;
    right: 2.25rem;
  }

  .sm\:inset-x-10 {
    left: 2.5rem;
    right: 2.5rem;
  }

  .sm\:inset-x-11 {
    left: 2.75rem;
    right: 2.75rem;
  }

  .sm\:inset-x-12 {
    left: 3rem;
    right: 3rem;
  }

  .sm\:inset-x-14 {
    left: 3.5rem;
    right: 3.5rem;
  }

  .sm\:inset-x-16 {
    left: 4rem;
    right: 4rem;
  }

  .sm\:inset-x-20 {
    left: 5rem;
    right: 5rem;
  }

  .sm\:inset-x-24 {
    left: 6rem;
    right: 6rem;
  }

  .sm\:inset-x-28 {
    left: 7rem;
    right: 7rem;
  }

  .sm\:inset-x-32 {
    left: 8rem;
    right: 8rem;
  }

  .sm\:inset-x-36 {
    left: 9rem;
    right: 9rem;
  }

  .sm\:inset-x-40 {
    left: 10rem;
    right: 10rem;
  }

  .sm\:inset-x-44 {
    left: 11rem;
    right: 11rem;
  }

  .sm\:inset-x-48 {
    left: 12rem;
    right: 12rem;
  }

  .sm\:inset-x-52 {
    left: 13rem;
    right: 13rem;
  }

  .sm\:inset-x-56 {
    left: 14rem;
    right: 14rem;
  }

  .sm\:inset-x-60 {
    left: 15rem;
    right: 15rem;
  }

  .sm\:inset-x-64 {
    left: 16rem;
    right: 16rem;
  }

  .sm\:inset-x-72 {
    left: 18rem;
    right: 18rem;
  }

  .sm\:inset-x-80 {
    left: 20rem;
    right: 20rem;
  }

  .sm\:inset-x-96 {
    left: 24rem;
    right: 24rem;
  }

  .sm\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .sm\:inset-x-px {
    left: 1px;
    right: 1px;
  }

  .sm\:inset-x-0\.5 {
    left: 0.125rem;
    right: 0.125rem;
  }

  .sm\:inset-x-1\.5 {
    left: 0.375rem;
    right: 0.375rem;
  }

  .sm\:inset-x-2\.5 {
    left: 0.625rem;
    right: 0.625rem;
  }

  .sm\:inset-x-3\.5 {
    left: 0.875rem;
    right: 0.875rem;
  }

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

  .sm\:-inset-x-1 {
    left: -0.25rem;
    right: -0.25rem;
  }

  .sm\:-inset-x-2 {
    left: -0.5rem;
    right: -0.5rem;
  }

  .sm\:-inset-x-3 {
    left: -0.75rem;
    right: -0.75rem;
  }

  .sm\:-inset-x-4 {
    left: -1rem;
    right: -1rem;
  }

  .sm\:-inset-x-5 {
    left: -1.25rem;
    right: -1.25rem;
  }

  .sm\:-inset-x-6 {
    left: -1.5rem;
    right: -1.5rem;
  }

  .sm\:-inset-x-7 {
    left: -1.75rem;
    right: -1.75rem;
  }

  .sm\:-inset-x-8 {
    left: -2rem;
    right: -2rem;
  }

  .sm\:-inset-x-9 {
    left: -2.25rem;
    right: -2.25rem;
  }

  .sm\:-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem;
  }

  .sm\:-inset-x-11 {
    left: -2.75rem;
    right: -2.75rem;
  }

  .sm\:-inset-x-12 {
    left: -3rem;
    right: -3rem;
  }

  .sm\:-inset-x-14 {
    left: -3.5rem;
    right: -3.5rem;
  }

  .sm\:-inset-x-16 {
    left: -4rem;
    right: -4rem;
  }

  .sm\:-inset-x-20 {
    left: -5rem;
    right: -5rem;
  }

  .sm\:-inset-x-24 {
    left: -6rem;
    right: -6rem;
  }

  .sm\:-inset-x-28 {
    left: -7rem;
    right: -7rem;
  }

  .sm\:-inset-x-32 {
    left: -8rem;
    right: -8rem;
  }

  .sm\:-inset-x-36 {
    left: -9rem;
    right: -9rem;
  }

  .sm\:-inset-x-40 {
    left: -10rem;
    right: -10rem;
  }

  .sm\:-inset-x-44 {
    left: -11rem;
    right: -11rem;
  }

  .sm\:-inset-x-48 {
    left: -12rem;
    right: -12rem;
  }

  .sm\:-inset-x-52 {
    left: -13rem;
    right: -13rem;
  }

  .sm\:-inset-x-56 {
    left: -14rem;
    right: -14rem;
  }

  .sm\:-inset-x-60 {
    left: -15rem;
    right: -15rem;
  }

  .sm\:-inset-x-64 {
    left: -16rem;
    right: -16rem;
  }

  .sm\:-inset-x-72 {
    left: -18rem;
    right: -18rem;
  }

  .sm\:-inset-x-80 {
    left: -20rem;
    right: -20rem;
  }

  .sm\:-inset-x-96 {
    left: -24rem;
    right: -24rem;
  }

  .sm\:-inset-x-px {
    left: -1px;
    right: -1px;
  }

  .sm\:-inset-x-0\.5 {
    left: -0.125rem;
    right: -0.125rem;
  }

  .sm\:-inset-x-1\.5 {
    left: -0.375rem;
    right: -0.375rem;
  }

  .sm\:-inset-x-2\.5 {
    left: -0.625rem;
    right: -0.625rem;
  }

  .sm\:-inset-x-3\.5 {
    left: -0.875rem;
    right: -0.875rem;
  }

  .sm\:inset-x-1\/2 {
    left: 50%;
    right: 50%;
  }

  .sm\:inset-x-1\/3 {
    left: 33.333333%;
    right: 33.333333%;
  }

  .sm\:inset-x-2\/3 {
    left: 66.666667%;
    right: 66.666667%;
  }

  .sm\:inset-x-1\/4 {
    left: 25%;
    right: 25%;
  }

  .sm\:inset-x-2\/4 {
    left: 50%;
    right: 50%;
  }

  .sm\:inset-x-3\/4 {
    left: 75%;
    right: 75%;
  }

  .sm\:inset-x-full {
    left: 100%;
    right: 100%;
  }

  .sm\:-inset-x-1\/2 {
    left: -50%;
    right: -50%;
  }

  .sm\:-inset-x-1\/3 {
    left: -33.333333%;
    right: -33.333333%;
  }

  .sm\:-inset-x-2\/3 {
    left: -66.666667%;
    right: -66.666667%;
  }

  .sm\:-inset-x-1\/4 {
    left: -25%;
    right: -25%;
  }

  .sm\:-inset-x-2\/4 {
    left: -50%;
    right: -50%;
  }

  .sm\:-inset-x-3\/4 {
    left: -75%;
    right: -75%;
  }

  .sm\:-inset-x-full {
    left: -100%;
    right: -100%;
  }

  .sm\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .sm\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  .sm\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .sm\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  .sm\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  .sm\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  .sm\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  .sm\:inset-y-7 {
    top: 1.75rem;
    bottom: 1.75rem;
  }

  .sm\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  .sm\:inset-y-9 {
    top: 2.25rem;
    bottom: 2.25rem;
  }

  .sm\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  .sm\:inset-y-11 {
    top: 2.75rem;
    bottom: 2.75rem;
  }

  .sm\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  .sm\:inset-y-14 {
    top: 3.5rem;
    bottom: 3.5rem;
  }

  .sm\:inset-y-16 {
    top: 4rem;
    bottom: 4rem;
  }

  .sm\:inset-y-20 {
    top: 5rem;
    bottom: 5rem;
  }

  .sm\:inset-y-24 {
    top: 6rem;
    bottom: 6rem;
  }

  .sm\:inset-y-28 {
    top: 7rem;
    bottom: 7rem;
  }

  .sm\:inset-y-32 {
    top: 8rem;
    bottom: 8rem;
  }

  .sm\:inset-y-36 {
    top: 9rem;
    bottom: 9rem;
  }

  .sm\:inset-y-40 {
    top: 10rem;
    bottom: 10rem;
  }

  .sm\:inset-y-44 {
    top: 11rem;
    bottom: 11rem;
  }

  .sm\:inset-y-48 {
    top: 12rem;
    bottom: 12rem;
  }

  .sm\:inset-y-52 {
    top: 13rem;
    bottom: 13rem;
  }

  .sm\:inset-y-56 {
    top: 14rem;
    bottom: 14rem;
  }

  .sm\:inset-y-60 {
    top: 15rem;
    bottom: 15rem;
  }

  .sm\:inset-y-64 {
    top: 16rem;
    bottom: 16rem;
  }

  .sm\:inset-y-72 {
    top: 18rem;
    bottom: 18rem;
  }

  .sm\:inset-y-80 {
    top: 20rem;
    bottom: 20rem;
  }

  .sm\:inset-y-96 {
    top: 24rem;
    bottom: 24rem;
  }

  .sm\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .sm\:inset-y-px {
    top: 1px;
    bottom: 1px;
  }

  .sm\:inset-y-0\.5 {
    top: 0.125rem;
    bottom: 0.125rem;
  }

  .sm\:inset-y-1\.5 {
    top: 0.375rem;
    bottom: 0.375rem;
  }

  .sm\:inset-y-2\.5 {
    top: 0.625rem;
    bottom: 0.625rem;
  }

  .sm\:inset-y-3\.5 {
    top: 0.875rem;
    bottom: 0.875rem;
  }

  .sm\:-inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .sm\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .sm\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .sm\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .sm\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  .sm\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .sm\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .sm\:-inset-y-7 {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .sm\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  .sm\:-inset-y-9 {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .sm\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .sm\:-inset-y-11 {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .sm\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  .sm\:-inset-y-14 {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .sm\:-inset-y-16 {
    top: -4rem;
    bottom: -4rem;
  }

  .sm\:-inset-y-20 {
    top: -5rem;
    bottom: -5rem;
  }

  .sm\:-inset-y-24 {
    top: -6rem;
    bottom: -6rem;
  }

  .sm\:-inset-y-28 {
    top: -7rem;
    bottom: -7rem;
  }

  .sm\:-inset-y-32 {
    top: -8rem;
    bottom: -8rem;
  }

  .sm\:-inset-y-36 {
    top: -9rem;
    bottom: -9rem;
  }

  .sm\:-inset-y-40 {
    top: -10rem;
    bottom: -10rem;
  }

  .sm\:-inset-y-44 {
    top: -11rem;
    bottom: -11rem;
  }

  .sm\:-inset-y-48 {
    top: -12rem;
    bottom: -12rem;
  }

  .sm\:-inset-y-52 {
    top: -13rem;
    bottom: -13rem;
  }

  .sm\:-inset-y-56 {
    top: -14rem;
    bottom: -14rem;
  }

  .sm\:-inset-y-60 {
    top: -15rem;
    bottom: -15rem;
  }

  .sm\:-inset-y-64 {
    top: -16rem;
    bottom: -16rem;
  }

  .sm\:-inset-y-72 {
    top: -18rem;
    bottom: -18rem;
  }

  .sm\:-inset-y-80 {
    top: -20rem;
    bottom: -20rem;
  }

  .sm\:-inset-y-96 {
    top: -24rem;
    bottom: -24rem;
  }

  .sm\:-inset-y-px {
    top: -1px;
    bottom: -1px;
  }

  .sm\:-inset-y-0\.5 {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .sm\:-inset-y-1\.5 {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .sm\:-inset-y-2\.5 {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .sm\:-inset-y-3\.5 {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .sm\:inset-y-1\/2 {
    top: 50%;
    bottom: 50%;
  }

  .sm\:inset-y-1\/3 {
    top: 33.333333%;
    bottom: 33.333333%;
  }

  .sm\:inset-y-2\/3 {
    top: 66.666667%;
    bottom: 66.666667%;
  }

  .sm\:inset-y-1\/4 {
    top: 25%;
    bottom: 25%;
  }

  .sm\:inset-y-2\/4 {
    top: 50%;
    bottom: 50%;
  }

  .sm\:inset-y-3\/4 {
    top: 75%;
    bottom: 75%;
  }

  .sm\:inset-y-full {
    top: 100%;
    bottom: 100%;
  }

  .sm\:-inset-y-1\/2 {
    top: -50%;
    bottom: -50%;
  }

  .sm\:-inset-y-1\/3 {
    top: -33.333333%;
    bottom: -33.333333%;
  }

  .sm\:-inset-y-2\/3 {
    top: -66.666667%;
    bottom: -66.666667%;
  }

  .sm\:-inset-y-1\/4 {
    top: -25%;
    bottom: -25%;
  }

  .sm\:-inset-y-2\/4 {
    top: -50%;
    bottom: -50%;
  }

  .sm\:-inset-y-3\/4 {
    top: -75%;
    bottom: -75%;
  }

  .sm\:-inset-y-full {
    top: -100%;
    bottom: -100%;
  }

  .sm\:top-0 {
    top: 0px;
  }

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

  .sm\:top-2 {
    top: 0.5rem;
  }

  .sm\:top-3 {
    top: 0.75rem;
  }

  .sm\:top-4 {
    top: 1rem;
  }

  .sm\:top-5 {
    top: 1.25rem;
  }

  .sm\:top-6 {
    top: 1.5rem;
  }

  .sm\:top-7 {
    top: 1.75rem;
  }

  .sm\:top-8 {
    top: 2rem;
  }

  .sm\:top-9 {
    top: 2.25rem;
  }

  .sm\:top-10 {
    top: 2.5rem;
  }

  .sm\:top-11 {
    top: 2.75rem;
  }

  .sm\:top-12 {
    top: 3rem;
  }

  .sm\:top-14 {
    top: 3.5rem;
  }

  .sm\:top-16 {
    top: 4rem;
  }

  .sm\:top-20 {
    top: 5rem;
  }

  .sm\:top-24 {
    top: 6rem;
  }

  .sm\:top-28 {
    top: 7rem;
  }

  .sm\:top-32 {
    top: 8rem;
  }

  .sm\:top-36 {
    top: 9rem;
  }

  .sm\:top-40 {
    top: 10rem;
  }

  .sm\:top-44 {
    top: 11rem;
  }

  .sm\:top-48 {
    top: 12rem;
  }

  .sm\:top-52 {
    top: 13rem;
  }

  .sm\:top-56 {
    top: 14rem;
  }

  .sm\:top-60 {
    top: 15rem;
  }

  .sm\:top-64 {
    top: 16rem;
  }

  .sm\:top-72 {
    top: 18rem;
  }

  .sm\:top-80 {
    top: 20rem;
  }

  .sm\:top-96 {
    top: 24rem;
  }

  .sm\:top-auto {
    top: auto;
  }

  .sm\:top-px {
    top: 1px;
  }

  .sm\:top-0\.5 {
    top: 0.125rem;
  }

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

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

  .sm\:top-3\.5 {
    top: 0.875rem;
  }

  .sm\:-top-0 {
    top: 0px;
  }

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

  .sm\:-top-2 {
    top: -0.5rem;
  }

  .sm\:-top-3 {
    top: -0.75rem;
  }

  .sm\:-top-4 {
    top: -1rem;
  }

  .sm\:-top-5 {
    top: -1.25rem;
  }

  .sm\:-top-6 {
    top: -1.5rem;
  }

  .sm\:-top-7 {
    top: -1.75rem;
  }

  .sm\:-top-8 {
    top: -2rem;
  }

  .sm\:-top-9 {
    top: -2.25rem;
  }

  .sm\:-top-10 {
    top: -2.5rem;
  }

  .sm\:-top-11 {
    top: -2.75rem;
  }

  .sm\:-top-12 {
    top: -3rem;
  }

  .sm\:-top-14 {
    top: -3.5rem;
  }

  .sm\:-top-16 {
    top: -4rem;
  }

  .sm\:-top-20 {
    top: -5rem;
  }

  .sm\:-top-24 {
    top: -6rem;
  }

  .sm\:-top-28 {
    top: -7rem;
  }

  .sm\:-top-32 {
    top: -8rem;
  }

  .sm\:-top-36 {
    top: -9rem;
  }

  .sm\:-top-40 {
    top: -10rem;
  }

  .sm\:-top-44 {
    top: -11rem;
  }

  .sm\:-top-48 {
    top: -12rem;
  }

  .sm\:-top-52 {
    top: -13rem;
  }

  .sm\:-top-56 {
    top: -14rem;
  }

  .sm\:-top-60 {
    top: -15rem;
  }

  .sm\:-top-64 {
    top: -16rem;
  }

  .sm\:-top-72 {
    top: -18rem;
  }

  .sm\:-top-80 {
    top: -20rem;
  }

  .sm\:-top-96 {
    top: -24rem;
  }

  .sm\:-top-px {
    top: -1px;
  }

  .sm\:-top-0\.5 {
    top: -0.125rem;
  }

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

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

  .sm\:-top-3\.5 {
    top: -0.875rem;
  }

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

  .sm\:top-1\/3 {
    top: 33.333333%;
  }

  .sm\:top-2\/3 {
    top: 66.666667%;
  }

  .sm\:top-1\/4 {
    top: 25%;
  }

  .sm\:top-2\/4 {
    top: 50%;
  }

  .sm\:top-3\/4 {
    top: 75%;
  }

  .sm\:top-full {
    top: 100%;
  }

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

  .sm\:-top-1\/3 {
    top: -33.333333%;
  }

  .sm\:-top-2\/3 {
    top: -66.666667%;
  }

  .sm\:-top-1\/4 {
    top: -25%;
  }

  .sm\:-top-2\/4 {
    top: -50%;
  }

  .sm\:-top-3\/4 {
    top: -75%;
  }

  .sm\:-top-full {
    top: -100%;
  }

  .sm\:right-0 {
    right: 0px;
  }

  .sm\:right-1 {
    right: 0.25rem;
  }

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

  .sm\:right-3 {
    right: 0.75rem;
  }

  .sm\:right-4 {
    right: 1rem;
  }

  .sm\:right-5 {
    right: 1.25rem;
  }

  .sm\:right-6 {
    right: 1.5rem;
  }

  .sm\:right-7 {
    right: 1.75rem;
  }

  .sm\:right-8 {
    right: 2rem;
  }

  .sm\:right-9 {
    right: 2.25rem;
  }

  .sm\:right-10 {
    right: 2.5rem;
  }

  .sm\:right-11 {
    right: 2.75rem;
  }

  .sm\:right-12 {
    right: 3rem;
  }

  .sm\:right-14 {
    right: 3.5rem;
  }

  .sm\:right-16 {
    right: 4rem;
  }

  .sm\:right-20 {
    right: 5rem;
  }

  .sm\:right-24 {
    right: 6rem;
  }

  .sm\:right-28 {
    right: 7rem;
  }

  .sm\:right-32 {
    right: 8rem;
  }

  .sm\:right-36 {
    right: 9rem;
  }

  .sm\:right-40 {
    right: 10rem;
  }

  .sm\:right-44 {
    right: 11rem;
  }

  .sm\:right-48 {
    right: 12rem;
  }

  .sm\:right-52 {
    right: 13rem;
  }

  .sm\:right-56 {
    right: 14rem;
  }

  .sm\:right-60 {
    right: 15rem;
  }

  .sm\:right-64 {
    right: 16rem;
  }

  .sm\:right-72 {
    right: 18rem;
  }

  .sm\:right-80 {
    right: 20rem;
  }

  .sm\:right-96 {
    right: 24rem;
  }

  .sm\:right-auto {
    right: auto;
  }

  .sm\:right-px {
    right: 1px;
  }

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

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

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

  .sm\:right-3\.5 {
    right: 0.875rem;
  }

  .sm\:-right-0 {
    right: 0px;
  }

  .sm\:-right-1 {
    right: -0.25rem;
  }

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

  .sm\:-right-3 {
    right: -0.75rem;
  }

  .sm\:-right-4 {
    right: -1rem;
  }

  .sm\:-right-5 {
    right: -1.25rem;
  }

  .sm\:-right-6 {
    right: -1.5rem;
  }

  .sm\:-right-7 {
    right: -1.75rem;
  }

  .sm\:-right-8 {
    right: -2rem;
  }

  .sm\:-right-9 {
    right: -2.25rem;
  }

  .sm\:-right-10 {
    right: -2.5rem;
  }

  .sm\:-right-11 {
    right: -2.75rem;
  }

  .sm\:-right-12 {
    right: -3rem;
  }

  .sm\:-right-14 {
    right: -3.5rem;
  }

  .sm\:-right-16 {
    right: -4rem;
  }

  .sm\:-right-20 {
    right: -5rem;
  }

  .sm\:-right-24 {
    right: -6rem;
  }

  .sm\:-right-28 {
    right: -7rem;
  }

  .sm\:-right-32 {
    right: -8rem;
  }

  .sm\:-right-36 {
    right: -9rem;
  }

  .sm\:-right-40 {
    right: -10rem;
  }

  .sm\:-right-44 {
    right: -11rem;
  }

  .sm\:-right-48 {
    right: -12rem;
  }

  .sm\:-right-52 {
    right: -13rem;
  }

  .sm\:-right-56 {
    right: -14rem;
  }

  .sm\:-right-60 {
    right: -15rem;
  }

  .sm\:-right-64 {
    right: -16rem;
  }

  .sm\:-right-72 {
    right: -18rem;
  }

  .sm\:-right-80 {
    right: -20rem;
  }

  .sm\:-right-96 {
    right: -24rem;
  }

  .sm\:-right-px {
    right: -1px;
  }

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

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

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

  .sm\:-right-3\.5 {
    right: -0.875rem;
  }

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

  .sm\:right-1\/3 {
    right: 33.333333%;
  }

  .sm\:right-2\/3 {
    right: 66.666667%;
  }

  .sm\:right-1\/4 {
    right: 25%;
  }

  .sm\:right-2\/4 {
    right: 50%;
  }

  .sm\:right-3\/4 {
    right: 75%;
  }

  .sm\:right-full {
    right: 100%;
  }

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

  .sm\:-right-1\/3 {
    right: -33.333333%;
  }

  .sm\:-right-2\/3 {
    right: -66.666667%;
  }

  .sm\:-right-1\/4 {
    right: -25%;
  }

  .sm\:-right-2\/4 {
    right: -50%;
  }

  .sm\:-right-3\/4 {
    right: -75%;
  }

  .sm\:-right-full {
    right: -100%;
  }

  .sm\:bottom-0 {
    bottom: 0px;
  }

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

  .sm\:bottom-2 {
    bottom: 0.5rem;
  }

  .sm\:bottom-3 {
    bottom: 0.75rem;
  }

  .sm\:bottom-4 {
    bottom: 1rem;
  }

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

  .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  .sm\:bottom-7 {
    bottom: 1.75rem;
  }

  .sm\:bottom-8 {
    bottom: 2rem;
  }

  .sm\:bottom-9 {
    bottom: 2.25rem;
  }

  .sm\:bottom-10 {
    bottom: 2.5rem;
  }

  .sm\:bottom-11 {
    bottom: 2.75rem;
  }

  .sm\:bottom-12 {
    bottom: 3rem;
  }

  .sm\:bottom-14 {
    bottom: 3.5rem;
  }

  .sm\:bottom-16 {
    bottom: 4rem;
  }

  .sm\:bottom-20 {
    bottom: 5rem;
  }

  .sm\:bottom-24 {
    bottom: 6rem;
  }

  .sm\:bottom-28 {
    bottom: 7rem;
  }

  .sm\:bottom-32 {
    bottom: 8rem;
  }

  .sm\:bottom-36 {
    bottom: 9rem;
  }

  .sm\:bottom-40 {
    bottom: 10rem;
  }

  .sm\:bottom-44 {
    bottom: 11rem;
  }

  .sm\:bottom-48 {
    bottom: 12rem;
  }

  .sm\:bottom-52 {
    bottom: 13rem;
  }

  .sm\:bottom-56 {
    bottom: 14rem;
  }

  .sm\:bottom-60 {
    bottom: 15rem;
  }

  .sm\:bottom-64 {
    bottom: 16rem;
  }

  .sm\:bottom-72 {
    bottom: 18rem;
  }

  .sm\:bottom-80 {
    bottom: 20rem;
  }

  .sm\:bottom-96 {
    bottom: 24rem;
  }

  .sm\:bottom-auto {
    bottom: auto;
  }

  .sm\:bottom-px {
    bottom: 1px;
  }

  .sm\:bottom-0\.5 {
    bottom: 0.125rem;
  }

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

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

  .sm\:bottom-3\.5 {
    bottom: 0.875rem;
  }

  .sm\:-bottom-0 {
    bottom: 0px;
  }

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

  .sm\:-bottom-2 {
    bottom: -0.5rem;
  }

  .sm\:-bottom-3 {
    bottom: -0.75rem;
  }

  .sm\:-bottom-4 {
    bottom: -1rem;
  }

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

  .sm\:-bottom-6 {
    bottom: -1.5rem;
  }

  .sm\:-bottom-7 {
    bottom: -1.75rem;
  }

  .sm\:-bottom-8 {
    bottom: -2rem;
  }

  .sm\:-bottom-9 {
    bottom: -2.25rem;
  }

  .sm\:-bottom-10 {
    bottom: -2.5rem;
  }

  .sm\:-bottom-11 {
    bottom: -2.75rem;
  }

  .sm\:-bottom-12 {
    bottom: -3rem;
  }

  .sm\:-bottom-14 {
    bottom: -3.5rem;
  }

  .sm\:-bottom-16 {
    bottom: -4rem;
  }

  .sm\:-bottom-20 {
    bottom: -5rem;
  }

  .sm\:-bottom-24 {
    bottom: -6rem;
  }

  .sm\:-bottom-28 {
    bottom: -7rem;
  }

  .sm\:-bottom-32 {
    bottom: -8rem;
  }

  .sm\:-bottom-36 {
    bottom: -9rem;
  }

  .sm\:-bottom-40 {
    bottom: -10rem;
  }

  .sm\:-bottom-44 {
    bottom: -11rem;
  }

  .sm\:-bottom-48 {
    bottom: -12rem;
  }

  .sm\:-bottom-52 {
    bottom: -13rem;
  }

  .sm\:-bottom-56 {
    bottom: -14rem;
  }

  .sm\:-bottom-60 {
    bottom: -15rem;
  }

  .sm\:-bottom-64 {
    bottom: -16rem;
  }

  .sm\:-bottom-72 {
    bottom: -18rem;
  }

  .sm\:-bottom-80 {
    bottom: -20rem;
  }

  .sm\:-bottom-96 {
    bottom: -24rem;
  }

  .sm\:-bottom-px {
    bottom: -1px;
  }

  .sm\:-bottom-0\.5 {
    bottom: -0.125rem;
  }

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

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

  .sm\:-bottom-3\.5 {
    bottom: -0.875rem;
  }

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

  .sm\:bottom-1\/3 {
    bottom: 33.333333%;
  }

  .sm\:bottom-2\/3 {
    bottom: 66.666667%;
  }

  .sm\:bottom-1\/4 {
    bottom: 25%;
  }

  .sm\:bottom-2\/4 {
    bottom: 50%;
  }

  .sm\:bottom-3\/4 {
    bottom: 75%;
  }

  .sm\:bottom-full {
    bottom: 100%;
  }

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

  .sm\:-bottom-1\/3 {
    bottom: -33.333333%;
  }

  .sm\:-bottom-2\/3 {
    bottom: -66.666667%;
  }

  .sm\:-bottom-1\/4 {
    bottom: -25%;
  }

  .sm\:-bottom-2\/4 {
    bottom: -50%;
  }

  .sm\:-bottom-3\/4 {
    bottom: -75%;
  }

  .sm\:-bottom-full {
    bottom: -100%;
  }

  .sm\:left-0 {
    left: 0px;
  }

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

  .sm\:left-2 {
    left: 0.5rem;
  }

  .sm\:left-3 {
    left: 0.75rem;
  }

  .sm\:left-4 {
    left: 1rem;
  }

  .sm\:left-5 {
    left: 1.25rem;
  }

  .sm\:left-6 {
    left: 1.5rem;
  }

  .sm\:left-7 {
    left: 1.75rem;
  }

  .sm\:left-8 {
    left: 2rem;
  }

  .sm\:left-9 {
    left: 2.25rem;
  }

  .sm\:left-10 {
    left: 2.5rem;
  }

  .sm\:left-11 {
    left: 2.75rem;
  }

  .sm\:left-12 {
    left: 3rem;
  }

  .sm\:left-14 {
    left: 3.5rem;
  }

  .sm\:left-16 {
    left: 4rem;
  }

  .sm\:left-20 {
    left: 5rem;
  }

  .sm\:left-24 {
    left: 6rem;
  }

  .sm\:left-28 {
    left: 7rem;
  }

  .sm\:left-32 {
    left: 8rem;
  }

  .sm\:left-36 {
    left: 9rem;
  }

  .sm\:left-40 {
    left: 10rem;
  }

  .sm\:left-44 {
    left: 11rem;
  }

  .sm\:left-48 {
    left: 12rem;
  }

  .sm\:left-52 {
    left: 13rem;
  }

  .sm\:left-56 {
    left: 14rem;
  }

  .sm\:left-60 {
    left: 15rem;
  }

  .sm\:left-64 {
    left: 16rem;
  }

  .sm\:left-72 {
    left: 18rem;
  }

  .sm\:left-80 {
    left: 20rem;
  }

  .sm\:left-96 {
    left: 24rem;
  }

  .sm\:left-auto {
    left: auto;
  }

  .sm\:left-px {
    left: 1px;
  }

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

  .sm\:left-1\.5 {
    left: 0.375rem;
  }

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

  .sm\:left-3\.5 {
    left: 0.875rem;
  }

  .sm\:-left-0 {
    left: 0px;
  }

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

  .sm\:-left-2 {
    left: -0.5rem;
  }

  .sm\:-left-3 {
    left: -0.75rem;
  }

  .sm\:-left-4 {
    left: -1rem;
  }

  .sm\:-left-5 {
    left: -1.25rem;
  }

  .sm\:-left-6 {
    left: -1.5rem;
  }

  .sm\:-left-7 {
    left: -1.75rem;
  }

  .sm\:-left-8 {
    left: -2rem;
  }

  .sm\:-left-9 {
    left: -2.25rem;
  }

  .sm\:-left-10 {
    left: -2.5rem;
  }

  .sm\:-left-11 {
    left: -2.75rem;
  }

  .sm\:-left-12 {
    left: -3rem;
  }

  .sm\:-left-14 {
    left: -3.5rem;
  }

  .sm\:-left-16 {
    left: -4rem;
  }

  .sm\:-left-20 {
    left: -5rem;
  }

  .sm\:-left-24 {
    left: -6rem;
  }

  .sm\:-left-28 {
    left: -7rem;
  }

  .sm\:-left-32 {
    left: -8rem;
  }

  .sm\:-left-36 {
    left: -9rem;
  }

  .sm\:-left-40 {
    left: -10rem;
  }

  .sm\:-left-44 {
    left: -11rem;
  }

  .sm\:-left-48 {
    left: -12rem;
  }

  .sm\:-left-52 {
    left: -13rem;
  }

  .sm\:-left-56 {
    left: -14rem;
  }

  .sm\:-left-60 {
    left: -15rem;
  }

  .sm\:-left-64 {
    left: -16rem;
  }

  .sm\:-left-72 {
    left: -18rem;
  }

  .sm\:-left-80 {
    left: -20rem;
  }

  .sm\:-left-96 {
    left: -24rem;
  }

  .sm\:-left-px {
    left: -1px;
  }

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

  .sm\:-left-1\.5 {
    left: -0.375rem;
  }

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

  .sm\:-left-3\.5 {
    left: -0.875rem;
  }

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

  .sm\:left-1\/3 {
    left: 33.333333%;
  }

  .sm\:left-2\/3 {
    left: 66.666667%;
  }

  .sm\:left-1\/4 {
    left: 25%;
  }

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

  .sm\:left-3\/4 {
    left: 75%;
  }

  .sm\:left-full {
    left: 100%;
  }

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

  .sm\:-left-1\/3 {
    left: -33.333333%;
  }

  .sm\:-left-2\/3 {
    left: -66.666667%;
  }

  .sm\:-left-1\/4 {
    left: -25%;
  }

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

  .sm\:-left-3\/4 {
    left: -75%;
  }

  .sm\:-left-full {
    left: -100%;
  }

  .sm\:isolate {
    isolation: isolate;
  }

  .sm\:isolation-auto {
    isolation: auto;
  }

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

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

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

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

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

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

  .sm\:z-auto {
    z-index: auto;
  }

  .sm\:focus-within\:z-0:focus-within {
    z-index: 0;
  }

  .sm\:focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .sm\:focus-within\:z-20:focus-within {
    z-index: 20;
  }

  .sm\:focus-within\:z-30:focus-within {
    z-index: 30;
  }

  .sm\:focus-within\:z-40:focus-within {
    z-index: 40;
  }

  .sm\:focus-within\:z-50:focus-within {
    z-index: 50;
  }

  .sm\:focus-within\:z-auto:focus-within {
    z-index: auto;
  }

  .sm\:focus\:z-0:focus {
    z-index: 0;
  }

  .sm\:focus\:z-10:focus {
    z-index: 10;
  }

  .sm\:focus\:z-20:focus {
    z-index: 20;
  }

  .sm\:focus\:z-30:focus {
    z-index: 30;
  }

  .sm\:focus\:z-40:focus {
    z-index: 40;
  }

  .sm\:focus\:z-50:focus {
    z-index: 50;
  }

  .sm\:focus\:z-auto:focus {
    z-index: auto;
  }

  .sm\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .sm\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .sm\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .sm\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .sm\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .sm\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .sm\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .sm\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .sm\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .sm\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .sm\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .sm\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .sm\:order-first {
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .sm\:order-last {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }

  .sm\:order-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .sm\:col-auto {
    grid-column: auto;
  }

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

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

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

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

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

  .sm\:col-start-1 {
    grid-column-start: 1;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:col-start-3 {
    grid-column-start: 3;
  }

  .sm\:col-start-4 {
    grid-column-start: 4;
  }

  .sm\:col-start-5 {
    grid-column-start: 5;
  }

  .sm\:col-start-6 {
    grid-column-start: 6;
  }

  .sm\:col-start-7 {
    grid-column-start: 7;
  }

  .sm\:col-start-8 {
    grid-column-start: 8;
  }

  .sm\:col-start-9 {
    grid-column-start: 9;
  }

  .sm\:col-start-10 {
    grid-column-start: 10;
  }

  .sm\:col-start-11 {
    grid-column-start: 11;
  }

  .sm\:col-start-12 {
    grid-column-start: 12;
  }

  .sm\:col-start-13 {
    grid-column-start: 13;
  }

  .sm\:col-start-auto {
    grid-column-start: auto;
  }

  .sm\:col-end-1 {
    grid-column-end: 1;
  }

  .sm\:col-end-2 {
    grid-column-end: 2;
  }

  .sm\:col-end-3 {
    grid-column-end: 3;
  }

  .sm\:col-end-4 {
    grid-column-end: 4;
  }

  .sm\:col-end-5 {
    grid-column-end: 5;
  }

  .sm\:col-end-6 {
    grid-column-end: 6;
  }

  .sm\:col-end-7 {
    grid-column-end: 7;
  }

  .sm\:col-end-8 {
    grid-column-end: 8;
  }

  .sm\:col-end-9 {
    grid-column-end: 9;
  }

  .sm\:col-end-10 {
    grid-column-end: 10;
  }

  .sm\:col-end-11 {
    grid-column-end: 11;
  }

  .sm\:col-end-12 {
    grid-column-end: 12;
  }

  .sm\:col-end-13 {
    grid-column-end: 13;
  }

  .sm\:col-end-auto {
    grid-column-end: auto;
  }

  .sm\:row-auto {
    grid-row: auto;
  }

  .sm\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .sm\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .sm\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .sm\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .sm\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .sm\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .sm\:row-span-full {
    grid-row: 1 / -1;
  }

  .sm\:row-start-1 {
    grid-row-start: 1;
  }

  .sm\:row-start-2 {
    grid-row-start: 2;
  }

  .sm\:row-start-3 {
    grid-row-start: 3;
  }

  .sm\:row-start-4 {
    grid-row-start: 4;
  }

  .sm\:row-start-5 {
    grid-row-start: 5;
  }

  .sm\:row-start-6 {
    grid-row-start: 6;
  }

  .sm\:row-start-7 {
    grid-row-start: 7;
  }

  .sm\:row-start-auto {
    grid-row-start: auto;
  }

  .sm\:row-end-1 {
    grid-row-end: 1;
  }

  .sm\:row-end-2 {
    grid-row-end: 2;
  }

  .sm\:row-end-3 {
    grid-row-end: 3;
  }

  .sm\:row-end-4 {
    grid-row-end: 4;
  }

  .sm\:row-end-5 {
    grid-row-end: 5;
  }

  .sm\:row-end-6 {
    grid-row-end: 6;
  }

  .sm\:row-end-7 {
    grid-row-end: 7;
  }

  .sm\:row-end-auto {
    grid-row-end: auto;
  }

  .sm\:float-right {
    float: right;
  }

  .sm\:float-left {
    float: left;
  }

  .sm\:float-none {
    float: none;
  }

  .sm\:clear-left {
    clear: left;
  }

  .sm\:clear-right {
    clear: right;
  }

  .sm\:clear-both {
    clear: both;
  }

  .sm\:clear-none {
    clear: none;
  }

  .sm\:m-0 {
    margin: 0px;
  }

  .sm\:m-1 {
    margin: 0.25rem;
  }

  .sm\:m-2 {
    margin: 0.5rem;
  }

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

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

  .sm\:m-5 {
    margin: 1.25rem;
  }

  .sm\:m-6 {
    margin: 1.5rem;
  }

  .sm\:m-7 {
    margin: 1.75rem;
  }

  .sm\:m-8 {
    margin: 2rem;
  }

  .sm\:m-9 {
    margin: 2.25rem;
  }

  .sm\:m-10 {
    margin: 2.5rem;
  }

  .sm\:m-11 {
    margin: 2.75rem;
  }

  .sm\:m-12 {
    margin: 3rem;
  }

  .sm\:m-14 {
    margin: 3.5rem;
  }

  .sm\:m-16 {
    margin: 4rem;
  }

  .sm\:m-20 {
    margin: 5rem;
  }

  .sm\:m-24 {
    margin: 6rem;
  }

  .sm\:m-28 {
    margin: 7rem;
  }

  .sm\:m-32 {
    margin: 8rem;
  }

  .sm\:m-36 {
    margin: 9rem;
  }

  .sm\:m-40 {
    margin: 10rem;
  }

  .sm\:m-44 {
    margin: 11rem;
  }

  .sm\:m-48 {
    margin: 12rem;
  }

  .sm\:m-52 {
    margin: 13rem;
  }

  .sm\:m-56 {
    margin: 14rem;
  }

  .sm\:m-60 {
    margin: 15rem;
  }

  .sm\:m-64 {
    margin: 16rem;
  }

  .sm\:m-72 {
    margin: 18rem;
  }

  .sm\:m-80 {
    margin: 20rem;
  }

  .sm\:m-96 {
    margin: 24rem;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:m-px {
    margin: 1px;
  }

  .sm\:m-0\.5 {
    margin: 0.125rem;
  }

  .sm\:m-1\.5 {
    margin: 0.375rem;
  }

  .sm\:m-2\.5 {
    margin: 0.625rem;
  }

  .sm\:m-3\.5 {
    margin: 0.875rem;
  }

  .sm\:-m-0 {
    margin: 0px;
  }

  .sm\:-m-1 {
    margin: -0.25rem;
  }

  .sm\:-m-2 {
    margin: -0.5rem;
  }

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

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

  .sm\:-m-5 {
    margin: -1.25rem;
  }

  .sm\:-m-6 {
    margin: -1.5rem;
  }

  .sm\:-m-7 {
    margin: -1.75rem;
  }

  .sm\:-m-8 {
    margin: -2rem;
  }

  .sm\:-m-9 {
    margin: -2.25rem;
  }

  .sm\:-m-10 {
    margin: -2.5rem;
  }

  .sm\:-m-11 {
    margin: -2.75rem;
  }

  .sm\:-m-12 {
    margin: -3rem;
  }

  .sm\:-m-14 {
    margin: -3.5rem;
  }

  .sm\:-m-16 {
    margin: -4rem;
  }

  .sm\:-m-20 {
    margin: -5rem;
  }

  .sm\:-m-24 {
    margin: -6rem;
  }

  .sm\:-m-28 {
    margin: -7rem;
  }

  .sm\:-m-32 {
    margin: -8rem;
  }

  .sm\:-m-36 {
    margin: -9rem;
  }

  .sm\:-m-40 {
    margin: -10rem;
  }

  .sm\:-m-44 {
    margin: -11rem;
  }

  .sm\:-m-48 {
    margin: -12rem;
  }

  .sm\:-m-52 {
    margin: -13rem;
  }

  .sm\:-m-56 {
    margin: -14rem;
  }

  .sm\:-m-60 {
    margin: -15rem;
  }

  .sm\:-m-64 {
    margin: -16rem;
  }

  .sm\:-m-72 {
    margin: -18rem;
  }

  .sm\:-m-80 {
    margin: -20rem;
  }

  .sm\:-m-96 {
    margin: -24rem;
  }

  .sm\:-m-px {
    margin: -1px;
  }

  .sm\:-m-0\.5 {
    margin: -0.125rem;
  }

  .sm\:-m-1\.5 {
    margin: -0.375rem;
  }

  .sm\:-m-2\.5 {
    margin: -0.625rem;
  }

  .sm\:-m-3\.5 {
    margin: -0.875rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

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

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

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

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

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

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

  .sm\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

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

  .sm\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:mx-11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }

  .sm\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .sm\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .sm\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .sm\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .sm\:mx-28 {
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .sm\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .sm\:mx-36 {
    margin-left: 9rem;
    margin-right: 9rem;
  }

  .sm\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .sm\:mx-44 {
    margin-left: 11rem;
    margin-right: 11rem;
  }

  .sm\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .sm\:mx-52 {
    margin-left: 13rem;
    margin-right: 13rem;
  }

  .sm\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .sm\:mx-60 {
    margin-left: 15rem;
    margin-right: 15rem;
  }

  .sm\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .sm\:mx-72 {
    margin-left: 18rem;
    margin-right: 18rem;
  }

  .sm\:mx-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .sm\:mx-96 {
    margin-left: 24rem;
    margin-right: 24rem;
  }

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

  .sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

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

  .sm\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }

  .sm\:mx-3\.5 {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }

  .sm\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

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

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

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

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

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

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

  .sm\:-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }

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

  .sm\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:-mx-11 {
    margin-left: -2.75rem;
    margin-right: -2.75rem;
  }

  .sm\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .sm\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  .sm\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .sm\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .sm\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .sm\:-mx-28 {
    margin-left: -7rem;
    margin-right: -7rem;
  }

  .sm\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .sm\:-mx-36 {
    margin-left: -9rem;
    margin-right: -9rem;
  }

  .sm\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .sm\:-mx-44 {
    margin-left: -11rem;
    margin-right: -11rem;
  }

  .sm\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .sm\:-mx-52 {
    margin-left: -13rem;
    margin-right: -13rem;
  }

  .sm\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .sm\:-mx-60 {
    margin-left: -15rem;
    margin-right: -15rem;
  }

  .sm\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .sm\:-mx-72 {
    margin-left: -18rem;
    margin-right: -18rem;
  }

  .sm\:-mx-80 {
    margin-left: -20rem;
    margin-right: -20rem;
  }

  .sm\:-mx-96 {
    margin-left: -24rem;
    margin-right: -24rem;
  }

  .sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:-mx-0\.5 {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }

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

  .sm\:-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .sm\:-mx-3\.5 {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }

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

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

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

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

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

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

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

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

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

  .sm\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:my-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .sm\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .sm\:my-36 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }

  .sm\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .sm\:my-44 {
    margin-top: 11rem;
    margin-bottom: 11rem;
  }

  .sm\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .sm\:my-52 {
    margin-top: 13rem;
    margin-bottom: 13rem;
  }

  .sm\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .sm\:my-60 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }

  .sm\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .sm\:my-72 {
    margin-top: 18rem;
    margin-bottom: 18rem;
  }

  .sm\:my-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .sm\:my-96 {
    margin-top: 24rem;
    margin-bottom: 24rem;
  }

  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

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

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

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

  .sm\:my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

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

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

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

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

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

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

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

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

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

  .sm\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  .sm\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .sm\:-my-11 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem;
  }

  .sm\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .sm\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  .sm\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .sm\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .sm\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .sm\:-my-28 {
    margin-top: -7rem;
    margin-bottom: -7rem;
  }

  .sm\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .sm\:-my-36 {
    margin-top: -9rem;
    margin-bottom: -9rem;
  }

  .sm\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .sm\:-my-44 {
    margin-top: -11rem;
    margin-bottom: -11rem;
  }

  .sm\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .sm\:-my-52 {
    margin-top: -13rem;
    margin-bottom: -13rem;
  }

  .sm\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .sm\:-my-60 {
    margin-top: -15rem;
    margin-bottom: -15rem;
  }

  .sm\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .sm\:-my-72 {
    margin-top: -18rem;
    margin-bottom: -18rem;
  }

  .sm\:-my-80 {
    margin-top: -20rem;
    margin-bottom: -20rem;
  }

  .sm\:-my-96 {
    margin-top: -24rem;
    margin-bottom: -24rem;
  }

  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

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

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

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

  .sm\:-my-3\.5 {
    margin-top: -0.875rem;
    margin-bottom: -0.875rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

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

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

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

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

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

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

  .sm\:mt-7 {
    margin-top: 1.75rem;
  }

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

  .sm\:mt-9 {
    margin-top: 2.25rem;
  }

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

  .sm\:mt-11 {
    margin-top: 2.75rem;
  }

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

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

  .sm\:mt-16 {
    margin-top: 4rem;
  }

  .sm\:mt-20 {
    margin-top: 5rem;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:mt-28 {
    margin-top: 7rem;
  }

  .sm\:mt-32 {
    margin-top: 8rem;
  }

  .sm\:mt-36 {
    margin-top: 9rem;
  }

  .sm\:mt-40 {
    margin-top: 10rem;
  }

  .sm\:mt-44 {
    margin-top: 11rem;
  }

  .sm\:mt-48 {
    margin-top: 12rem;
  }

  .sm\:mt-52 {
    margin-top: 13rem;
  }

  .sm\:mt-56 {
    margin-top: 14rem;
  }

  .sm\:mt-60 {
    margin-top: 15rem;
  }

  .sm\:mt-64 {
    margin-top: 16rem;
  }

  .sm\:mt-72 {
    margin-top: 18rem;
  }

  .sm\:mt-80 {
    margin-top: 20rem;
  }

  .sm\:mt-96 {
    margin-top: 24rem;
  }

  .sm\:mt-auto {
    margin-top: auto;
  }

  .sm\:mt-px {
    margin-top: 1px;
  }

  .sm\:mt-0\.5 {
    margin-top: 0.125rem;
  }

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

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

  .sm\:mt-3\.5 {
    margin-top: 0.875rem;
  }

  .sm\:-mt-0 {
    margin-top: 0px;
  }

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

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

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

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

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

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

  .sm\:-mt-7 {
    margin-top: -1.75rem;
  }

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

  .sm\:-mt-9 {
    margin-top: -2.25rem;
  }

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

  .sm\:-mt-11 {
    margin-top: -2.75rem;
  }

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

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

  .sm\:-mt-16 {
    margin-top: -4rem;
  }

  .sm\:-mt-20 {
    margin-top: -5rem;
  }

  .sm\:-mt-24 {
    margin-top: -6rem;
  }

  .sm\:-mt-28 {
    margin-top: -7rem;
  }

  .sm\:-mt-32 {
    margin-top: -8rem;
  }

  .sm\:-mt-36 {
    margin-top: -9rem;
  }

  .sm\:-mt-40 {
    margin-top: -10rem;
  }

  .sm\:-mt-44 {
    margin-top: -11rem;
  }

  .sm\:-mt-48 {
    margin-top: -12rem;
  }

  .sm\:-mt-52 {
    margin-top: -13rem;
  }

  .sm\:-mt-56 {
    margin-top: -14rem;
  }

  .sm\:-mt-60 {
    margin-top: -15rem;
  }

  .sm\:-mt-64 {
    margin-top: -16rem;
  }

  .sm\:-mt-72 {
    margin-top: -18rem;
  }

  .sm\:-mt-80 {
    margin-top: -20rem;
  }

  .sm\:-mt-96 {
    margin-top: -24rem;
  }

  .sm\:-mt-px {
    margin-top: -1px;
  }

  .sm\:-mt-0\.5 {
    margin-top: -0.125rem;
  }

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

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

  .sm\:-mt-3\.5 {
    margin-top: -0.875rem;
  }

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

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

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

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

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

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

  .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  .sm\:mr-7 {
    margin-right: 1.75rem;
  }

  .sm\:mr-8 {
    margin-right: 2rem;
  }

  .sm\:mr-9 {
    margin-right: 2.25rem;
  }

  .sm\:mr-10 {
    margin-right: 2.5rem;
  }

  .sm\:mr-11 {
    margin-right: 2.75rem;
  }

  .sm\:mr-12 {
    margin-right: 3rem;
  }

  .sm\:mr-14 {
    margin-right: 3.5rem;
  }

  .sm\:mr-16 {
    margin-right: 4rem;
  }

  .sm\:mr-20 {
    margin-right: 5rem;
  }

  .sm\:mr-24 {
    margin-right: 6rem;
  }

  .sm\:mr-28 {
    margin-right: 7rem;
  }

  .sm\:mr-32 {
    margin-right: 8rem;
  }

  .sm\:mr-36 {
    margin-right: 9rem;
  }

  .sm\:mr-40 {
    margin-right: 10rem;
  }

  .sm\:mr-44 {
    margin-right: 11rem;
  }

  .sm\:mr-48 {
    margin-right: 12rem;
  }

  .sm\:mr-52 {
    margin-right: 13rem;
  }

  .sm\:mr-56 {
    margin-right: 14rem;
  }

  .sm\:mr-60 {
    margin-right: 15rem;
  }

  .sm\:mr-64 {
    margin-right: 16rem;
  }

  .sm\:mr-72 {
    margin-right: 18rem;
  }

  .sm\:mr-80 {
    margin-right: 20rem;
  }

  .sm\:mr-96 {
    margin-right: 24rem;
  }

  .sm\:mr-auto {
    margin-right: auto;
  }

  .sm\:mr-px {
    margin-right: 1px;
  }

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

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

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

  .sm\:mr-3\.5 {
    margin-right: 0.875rem;
  }

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

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

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

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

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

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

  .sm\:-mr-6 {
    margin-right: -1.5rem;
  }

  .sm\:-mr-7 {
    margin-right: -1.75rem;
  }

  .sm\:-mr-8 {
    margin-right: -2rem;
  }

  .sm\:-mr-9 {
    margin-right: -2.25rem;
  }

  .sm\:-mr-10 {
    margin-right: -2.5rem;
  }

  .sm\:-mr-11 {
    margin-right: -2.75rem;
  }

  .sm\:-mr-12 {
    margin-right: -3rem;
  }

  .sm\:-mr-14 {
    margin-right: -3.5rem;
  }

  .sm\:-mr-16 {
    margin-right: -4rem;
  }

  .sm\:-mr-20 {
    margin-right: -5rem;
  }

  .sm\:-mr-24 {
    margin-right: -6rem;
  }

  .sm\:-mr-28 {
    margin-right: -7rem;
  }

  .sm\:-mr-32 {
    margin-right: -8rem;
  }

  .sm\:-mr-36 {
    margin-right: -9rem;
  }

  .sm\:-mr-40 {
    margin-right: -10rem;
  }

  .sm\:-mr-44 {
    margin-right: -11rem;
  }

  .sm\:-mr-48 {
    margin-right: -12rem;
  }

  .sm\:-mr-52 {
    margin-right: -13rem;
  }

  .sm\:-mr-56 {
    margin-right: -14rem;
  }

  .sm\:-mr-60 {
    margin-right: -15rem;
  }

  .sm\:-mr-64 {
    margin-right: -16rem;
  }

  .sm\:-mr-72 {
    margin-right: -18rem;
  }

  .sm\:-mr-80 {
    margin-right: -20rem;
  }

  .sm\:-mr-96 {
    margin-right: -24rem;
  }

  .sm\:-mr-px {
    margin-right: -1px;
  }

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

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

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

  .sm\:-mr-3\.5 {
    margin-right: -0.875rem;
  }

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

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

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

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

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

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

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

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

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

  .sm\:mb-9 {
    margin-bottom: 2.25rem;
  }

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

  .sm\:mb-11 {
    margin-bottom: 2.75rem;
  }

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

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

  .sm\:mb-16 {
    margin-bottom: 4rem;
  }

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

  .sm\:mb-24 {
    margin-bottom: 6rem;
  }

  .sm\:mb-28 {
    margin-bottom: 7rem;
  }

  .sm\:mb-32 {
    margin-bottom: 8rem;
  }

  .sm\:mb-36 {
    margin-bottom: 9rem;
  }

  .sm\:mb-40 {
    margin-bottom: 10rem;
  }

  .sm\:mb-44 {
    margin-bottom: 11rem;
  }

  .sm\:mb-48 {
    margin-bottom: 12rem;
  }

  .sm\:mb-52 {
    margin-bottom: 13rem;
  }

  .sm\:mb-56 {
    margin-bottom: 14rem;
  }

  .sm\:mb-60 {
    margin-bottom: 15rem;
  }

  .sm\:mb-64 {
    margin-bottom: 16rem;
  }

  .sm\:mb-72 {
    margin-bottom: 18rem;
  }

  .sm\:mb-80 {
    margin-bottom: 20rem;
  }

  .sm\:mb-96 {
    margin-bottom: 24rem;
  }

  .sm\:mb-auto {
    margin-bottom: auto;
  }

  .sm\:mb-px {
    margin-bottom: 1px;
  }

  .sm\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }

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

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

  .sm\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }

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

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

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

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

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

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

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

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

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

  .sm\:-mb-9 {
    margin-bottom: -2.25rem;
  }

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

  .sm\:-mb-11 {
    margin-bottom: -2.75rem;
  }

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

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

  .sm\:-mb-16 {
    margin-bottom: -4rem;
  }

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

  .sm\:-mb-24 {
    margin-bottom: -6rem;
  }

  .sm\:-mb-28 {
    margin-bottom: -7rem;
  }

  .sm\:-mb-32 {
    margin-bottom: -8rem;
  }

  .sm\:-mb-36 {
    margin-bottom: -9rem;
  }

  .sm\:-mb-40 {
    margin-bottom: -10rem;
  }

  .sm\:-mb-44 {
    margin-bottom: -11rem;
  }

  .sm\:-mb-48 {
    margin-bottom: -12rem;
  }

  .sm\:-mb-52 {
    margin-bottom: -13rem;
  }

  .sm\:-mb-56 {
    margin-bottom: -14rem;
  }

  .sm\:-mb-60 {
    margin-bottom: -15rem;
  }

  .sm\:-mb-64 {
    margin-bottom: -16rem;
  }

  .sm\:-mb-72 {
    margin-bottom: -18rem;
  }

  .sm\:-mb-80 {
    margin-bottom: -20rem;
  }

  .sm\:-mb-96 {
    margin-bottom: -24rem;
  }

  .sm\:-mb-px {
    margin-bottom: -1px;
  }

  .sm\:-mb-0\.5 {
    margin-bottom: -0.125rem;
  }

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

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

  .sm\:-mb-3\.5 {
    margin-bottom: -0.875rem;
  }

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

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

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

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

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

  .sm\:ml-5 {
    margin-left: 1.25rem;
  }

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

  .sm\:ml-7 {
    margin-left: 1.75rem;
  }

  .sm\:ml-8 {
    margin-left: 2rem;
  }

  .sm\:ml-9 {
    margin-left: 2.25rem;
  }

  .sm\:ml-10 {
    margin-left: 2.5rem;
  }

  .sm\:ml-11 {
    margin-left: 2.75rem;
  }

  .sm\:ml-12 {
    margin-left: 3rem;
  }

  .sm\:ml-14 {
    margin-left: 3.5rem;
  }

  .sm\:ml-16 {
    margin-left: 4rem;
  }

  .sm\:ml-20 {
    margin-left: 5rem;
  }

  .sm\:ml-24 {
    margin-left: 6rem;
  }

  .sm\:ml-28 {
    margin-left: 7rem;
  }

  .sm\:ml-32 {
    margin-left: 8rem;
  }

  .sm\:ml-36 {
    margin-left: 9rem;
  }

  .sm\:ml-40 {
    margin-left: 10rem;
  }

  .sm\:ml-44 {
    margin-left: 11rem;
  }

  .sm\:ml-48 {
    margin-left: 12rem;
  }

  .sm\:ml-52 {
    margin-left: 13rem;
  }

  .sm\:ml-56 {
    margin-left: 14rem;
  }

  .sm\:ml-60 {
    margin-left: 15rem;
  }

  .sm\:ml-64 {
    margin-left: 16rem;
  }

  .sm\:ml-72 {
    margin-left: 18rem;
  }

  .sm\:ml-80 {
    margin-left: 20rem;
  }

  .sm\:ml-96 {
    margin-left: 24rem;
  }

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

  .sm\:ml-px {
    margin-left: 1px;
  }

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

  .sm\:ml-1\.5 {
    margin-left: 0.375rem;
  }

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

  .sm\:ml-3\.5 {
    margin-left: 0.875rem;
  }

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

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

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

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

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

  .sm\:-ml-5 {
    margin-left: -1.25rem;
  }

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

  .sm\:-ml-7 {
    margin-left: -1.75rem;
  }

  .sm\:-ml-8 {
    margin-left: -2rem;
  }

  .sm\:-ml-9 {
    margin-left: -2.25rem;
  }

  .sm\:-ml-10 {
    margin-left: -2.5rem;
  }

  .sm\:-ml-11 {
    margin-left: -2.75rem;
  }

  .sm\:-ml-12 {
    margin-left: -3rem;
  }

  .sm\:-ml-14 {
    margin-left: -3.5rem;
  }

  .sm\:-ml-16 {
    margin-left: -4rem;
  }

  .sm\:-ml-20 {
    margin-left: -5rem;
  }

  .sm\:-ml-24 {
    margin-left: -6rem;
  }

  .sm\:-ml-28 {
    margin-left: -7rem;
  }

  .sm\:-ml-32 {
    margin-left: -8rem;
  }

  .sm\:-ml-36 {
    margin-left: -9rem;
  }

  .sm\:-ml-40 {
    margin-left: -10rem;
  }

  .sm\:-ml-44 {
    margin-left: -11rem;
  }

  .sm\:-ml-48 {
    margin-left: -12rem;
  }

  .sm\:-ml-52 {
    margin-left: -13rem;
  }

  .sm\:-ml-56 {
    margin-left: -14rem;
  }

  .sm\:-ml-60 {
    margin-left: -15rem;
  }

  .sm\:-ml-64 {
    margin-left: -16rem;
  }

  .sm\:-ml-72 {
    margin-left: -18rem;
  }

  .sm\:-ml-80 {
    margin-left: -20rem;
  }

  .sm\:-ml-96 {
    margin-left: -24rem;
  }

  .sm\:-ml-px {
    margin-left: -1px;
  }

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

  .sm\:-ml-1\.5 {
    margin-left: -0.375rem;
  }

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

  .sm\:-ml-3\.5 {
    margin-left: -0.875rem;
  }

  .sm\:box-border {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sm\:box-content {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .sm\:block {
    display: block;
  }

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

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sm\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .sm\:table {
    display: table;
  }

  .sm\:inline-table {
    display: inline-table;
  }

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

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

  .sm\:table-column {
    display: table-column;
  }

  .sm\:table-column-group {
    display: table-column-group;
  }

  .sm\:table-footer-group {
    display: table-footer-group;
  }

  .sm\:table-header-group {
    display: table-header-group;
  }

  .sm\:table-row-group {
    display: table-row-group;
  }

  .sm\:table-row {
    display: table-row;
  }

  .sm\:flow-root {
    display: flow-root;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:inline-grid {
    display: inline-grid;
  }

  .sm\:contents {
    display: contents;
  }

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

  .sm\:hidden {
    display: none;
  }

  .sm\:h-0 {
    height: 0px;
  }

  .sm\:h-1 {
    height: 0.25rem;
  }

  .sm\:h-2 {
    height: 0.5rem;
  }

  .sm\:h-3 {
    height: 0.75rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-9 {
    height: 2.25rem;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-11 {
    height: 2.75rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-14 {
    height: 3.5rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-24 {
    height: 6rem;
  }

  .sm\:h-28 {
    height: 7rem;
  }

  .sm\:h-32 {
    height: 8rem;
  }

  .sm\:h-36 {
    height: 9rem;
  }

  .sm\:h-40 {
    height: 10rem;
  }

  .sm\:h-44 {
    height: 11rem;
  }

  .sm\:h-48 {
    height: 12rem;
  }

  .sm\:h-52 {
    height: 13rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:h-60 {
    height: 15rem;
  }

  .sm\:h-64 {
    height: 16rem;
  }

  .sm\:h-72 {
    height: 18rem;
  }

  .sm\:h-80 {
    height: 20rem;
  }

  .sm\:h-96 {
    height: 24rem;
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:h-px {
    height: 1px;
  }

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

  .sm\:h-1\.5 {
    height: 0.375rem;
  }

  .sm\:h-2\.5 {
    height: 0.625rem;
  }

  .sm\:h-3\.5 {
    height: 0.875rem;
  }

  .sm\:h-1\/2 {
    height: 50%;
  }

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

  .sm\:h-2\/3 {
    height: 66.666667%;
  }

  .sm\:h-1\/4 {
    height: 25%;
  }

  .sm\:h-2\/4 {
    height: 50%;
  }

  .sm\:h-3\/4 {
    height: 75%;
  }

  .sm\:h-1\/5 {
    height: 20%;
  }

  .sm\:h-2\/5 {
    height: 40%;
  }

  .sm\:h-3\/5 {
    height: 60%;
  }

  .sm\:h-4\/5 {
    height: 80%;
  }

  .sm\:h-1\/6 {
    height: 16.666667%;
  }

  .sm\:h-2\/6 {
    height: 33.333333%;
  }

  .sm\:h-3\/6 {
    height: 50%;
  }

  .sm\:h-4\/6 {
    height: 66.666667%;
  }

  .sm\:h-5\/6 {
    height: 83.333333%;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:h-screen {
    height: 100vh;
  }

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

  .sm\:max-h-1 {
    max-height: 0.25rem;
  }

  .sm\:max-h-2 {
    max-height: 0.5rem;
  }

  .sm\:max-h-3 {
    max-height: 0.75rem;
  }

  .sm\:max-h-4 {
    max-height: 1rem;
  }

  .sm\:max-h-5 {
    max-height: 1.25rem;
  }

  .sm\:max-h-6 {
    max-height: 1.5rem;
  }

  .sm\:max-h-7 {
    max-height: 1.75rem;
  }

  .sm\:max-h-8 {
    max-height: 2rem;
  }

  .sm\:max-h-9 {
    max-height: 2.25rem;
  }

  .sm\:max-h-10 {
    max-height: 2.5rem;
  }

  .sm\:max-h-11 {
    max-height: 2.75rem;
  }

  .sm\:max-h-12 {
    max-height: 3rem;
  }

  .sm\:max-h-14 {
    max-height: 3.5rem;
  }

  .sm\:max-h-16 {
    max-height: 4rem;
  }

  .sm\:max-h-20 {
    max-height: 5rem;
  }

  .sm\:max-h-24 {
    max-height: 6rem;
  }

  .sm\:max-h-28 {
    max-height: 7rem;
  }

  .sm\:max-h-32 {
    max-height: 8rem;
  }

  .sm\:max-h-36 {
    max-height: 9rem;
  }

  .sm\:max-h-40 {
    max-height: 10rem;
  }

  .sm\:max-h-44 {
    max-height: 11rem;
  }

  .sm\:max-h-48 {
    max-height: 12rem;
  }

  .sm\:max-h-52 {
    max-height: 13rem;
  }

  .sm\:max-h-56 {
    max-height: 14rem;
  }

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

  .sm\:max-h-64 {
    max-height: 16rem;
  }

  .sm\:max-h-72 {
    max-height: 18rem;
  }

  .sm\:max-h-80 {
    max-height: 20rem;
  }

  .sm\:max-h-96 {
    max-height: 24rem;
  }

  .sm\:max-h-px {
    max-height: 1px;
  }

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

  .sm\:max-h-1\.5 {
    max-height: 0.375rem;
  }

  .sm\:max-h-2\.5 {
    max-height: 0.625rem;
  }

  .sm\:max-h-3\.5 {
    max-height: 0.875rem;
  }

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

  .sm\:max-h-screen {
    max-height: 100vh;
  }

  .sm\:min-h-0 {
    min-height: 0px;
  }

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

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

  .sm\:w-0 {
    width: 0px;
  }

  .sm\:w-1 {
    width: 0.25rem;
  }

  .sm\:w-2 {
    width: 0.5rem;
  }

  .sm\:w-3 {
    width: 0.75rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-7 {
    width: 1.75rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-9 {
    width: 2.25rem;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-11 {
    width: 2.75rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-14 {
    width: 3.5rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-28 {
    width: 7rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-36 {
    width: 9rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-44 {
    width: 11rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-52 {
    width: 13rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-60 {
    width: 15rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-72 {
    width: 18rem;
  }

  .sm\:w-80 {
    width: 20rem;
  }

  .sm\:w-96 {
    width: 24rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-px {
    width: 1px;
  }

  .sm\:w-0\.5 {
    width: 0.125rem;
  }

  .sm\:w-1\.5 {
    width: 0.375rem;
  }

  .sm\:w-2\.5 {
    width: 0.625rem;
  }

  .sm\:w-3\.5 {
    width: 0.875rem;
  }

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

  .sm\:w-1\/3 {
    width: 33.333333%;
  }

  .sm\:w-2\/3 {
    width: 66.666667%;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

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

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

  .sm\:w-1\/5 {
    width: 20%;
  }

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

  .sm\:w-3\/5 {
    width: 60%;
  }

  .sm\:w-4\/5 {
    width: 80%;
  }

  .sm\:w-1\/6 {
    width: 16.666667%;
  }

  .sm\:w-2\/6 {
    width: 33.333333%;
  }

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

  .sm\:w-4\/6 {
    width: 66.666667%;
  }

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

  .sm\:w-1\/12 {
    width: 8.333333%;
  }

  .sm\:w-2\/12 {
    width: 16.666667%;
  }

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

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

  .sm\:w-5\/12 {
    width: 41.666667%;
  }

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

  .sm\:w-7\/12 {
    width: 58.333333%;
  }

  .sm\:w-8\/12 {
    width: 66.666667%;
  }

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

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

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

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-screen {
    width: 100vw;
  }

  .sm\:w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  .sm\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .sm\:min-w-0 {
    min-width: 0px;
  }

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

  .sm\:min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }

  .sm\:min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .sm\:max-w-0 {
    max-width: 0rem;
  }

  .sm\:max-w-none {
    max-width: none;
  }

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

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

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

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

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

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

  .sm\:max-w-3xl {
    max-width: 48rem;
  }

  .sm\:max-w-4xl {
    max-width: 56rem;
  }

  .sm\:max-w-5xl {
    max-width: 64rem;
  }

  .sm\:max-w-6xl {
    max-width: 72rem;
  }

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

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

  .sm\:max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .sm\:max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .sm\:max-w-prose {
    max-width: 65ch;
  }

  .sm\:max-w-screen-sm {
    max-width: 640px;
  }

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

  .sm\:max-w-screen-lg {
    max-width: 1024px;
  }

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

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

  .sm\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }

  .sm\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .sm\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .sm\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .sm\:flex-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .sm\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .sm\:flex-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .sm\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

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

  .sm\:table-fixed {
    table-layout: fixed;
  }

  .sm\:border-collapse {
    border-collapse: collapse;
  }

  .sm\:border-separate {
    border-collapse: separate;
  }

  .sm\:origin-center {
    -webkit-transform-origin: center;
            transform-origin: center;
  }

  .sm\:origin-top {
    -webkit-transform-origin: top;
            transform-origin: top;
  }

  .sm\:origin-top-right {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }

  .sm\:origin-right {
    -webkit-transform-origin: right;
            transform-origin: right;
  }

  .sm\:origin-bottom-right {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }

  .sm\:origin-bottom {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }

  .sm\:origin-bottom-left {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }

  .sm\:origin-left {
    -webkit-transform-origin: left;
            transform-origin: left;
  }

  .sm\:origin-top-left {
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  .sm\:transform {
    --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;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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));
  }

  .sm\:transform-gpu {
    --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;
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:transform-none {
    -webkit-transform: none;
            transform: none;
  }

  .sm\:translate-x-0 {
    --tw-translate-x: 0px;
  }

  .sm\:translate-x-1 {
    --tw-translate-x: 0.25rem;
  }

  .sm\:translate-x-2 {
    --tw-translate-x: 0.5rem;
  }

  .sm\:translate-x-3 {
    --tw-translate-x: 0.75rem;
  }

  .sm\:translate-x-4 {
    --tw-translate-x: 1rem;
  }

  .sm\:translate-x-5 {
    --tw-translate-x: 1.25rem;
  }

  .sm\:translate-x-6 {
    --tw-translate-x: 1.5rem;
  }

  .sm\:translate-x-7 {
    --tw-translate-x: 1.75rem;
  }

  .sm\:translate-x-8 {
    --tw-translate-x: 2rem;
  }

  .sm\:translate-x-9 {
    --tw-translate-x: 2.25rem;
  }

  .sm\:translate-x-10 {
    --tw-translate-x: 2.5rem;
  }

  .sm\:translate-x-11 {
    --tw-translate-x: 2.75rem;
  }

  .sm\:translate-x-12 {
    --tw-translate-x: 3rem;
  }

  .sm\:translate-x-14 {
    --tw-translate-x: 3.5rem;
  }

  .sm\:translate-x-16 {
    --tw-translate-x: 4rem;
  }

  .sm\:translate-x-20 {
    --tw-translate-x: 5rem;
  }

  .sm\:translate-x-24 {
    --tw-translate-x: 6rem;
  }

  .sm\:translate-x-28 {
    --tw-translate-x: 7rem;
  }

  .sm\:translate-x-32 {
    --tw-translate-x: 8rem;
  }

  .sm\:translate-x-36 {
    --tw-translate-x: 9rem;
  }

  .sm\:translate-x-40 {
    --tw-translate-x: 10rem;
  }

  .sm\:translate-x-44 {
    --tw-translate-x: 11rem;
  }

  .sm\:translate-x-48 {
    --tw-translate-x: 12rem;
  }

  .sm\:translate-x-52 {
    --tw-translate-x: 13rem;
  }

  .sm\:translate-x-56 {
    --tw-translate-x: 14rem;
  }

  .sm\:translate-x-60 {
    --tw-translate-x: 15rem;
  }

  .sm\:translate-x-64 {
    --tw-translate-x: 16rem;
  }

  .sm\:translate-x-72 {
    --tw-translate-x: 18rem;
  }

  .sm\:translate-x-80 {
    --tw-translate-x: 20rem;
  }

  .sm\:translate-x-96 {
    --tw-translate-x: 24rem;
  }

  .sm\:translate-x-px {
    --tw-translate-x: 1px;
  }

  .sm\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
  }

  .sm\:translate-x-1\.5 {
    --tw-translate-x: 0.375rem;
  }

  .sm\:translate-x-2\.5 {
    --tw-translate-x: 0.625rem;
  }

  .sm\:translate-x-3\.5 {
    --tw-translate-x: 0.875rem;
  }

  .sm\:-translate-x-0 {
    --tw-translate-x: 0px;
  }

  .sm\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
  }

  .sm\:-translate-x-2 {
    --tw-translate-x: -0.5rem;
  }

  .sm\:-translate-x-3 {
    --tw-translate-x: -0.75rem;
  }

  .sm\:-translate-x-4 {
    --tw-translate-x: -1rem;
  }

  .sm\:-translate-x-5 {
    --tw-translate-x: -1.25rem;
  }

  .sm\:-translate-x-6 {
    --tw-translate-x: -1.5rem;
  }

  .sm\:-translate-x-7 {
    --tw-translate-x: -1.75rem;
  }

  .sm\:-translate-x-8 {
    --tw-translate-x: -2rem;
  }

  .sm\:-translate-x-9 {
    --tw-translate-x: -2.25rem;
  }

  .sm\:-translate-x-10 {
    --tw-translate-x: -2.5rem;
  }

  .sm\:-translate-x-11 {
    --tw-translate-x: -2.75rem;
  }

  .sm\:-translate-x-12 {
    --tw-translate-x: -3rem;
  }

  .sm\:-translate-x-14 {
    --tw-translate-x: -3.5rem;
  }

  .sm\:-translate-x-16 {
    --tw-translate-x: -4rem;
  }

  .sm\:-translate-x-20 {
    --tw-translate-x: -5rem;
  }

  .sm\:-translate-x-24 {
    --tw-translate-x: -6rem;
  }

  .sm\:-translate-x-28 {
    --tw-translate-x: -7rem;
  }

  .sm\:-translate-x-32 {
    --tw-translate-x: -8rem;
  }

  .sm\:-translate-x-36 {
    --tw-translate-x: -9rem;
  }

  .sm\:-translate-x-40 {
    --tw-translate-x: -10rem;
  }

  .sm\:-translate-x-44 {
    --tw-translate-x: -11rem;
  }

  .sm\:-translate-x-48 {
    --tw-translate-x: -12rem;
  }

  .sm\:-translate-x-52 {
    --tw-translate-x: -13rem;
  }

  .sm\:-translate-x-56 {
    --tw-translate-x: -14rem;
  }

  .sm\:-translate-x-60 {
    --tw-translate-x: -15rem;
  }

  .sm\:-translate-x-64 {
    --tw-translate-x: -16rem;
  }

  .sm\:-translate-x-72 {
    --tw-translate-x: -18rem;
  }

  .sm\:-translate-x-80 {
    --tw-translate-x: -20rem;
  }

  .sm\:-translate-x-96 {
    --tw-translate-x: -24rem;
  }

  .sm\:-translate-x-px {
    --tw-translate-x: -1px;
  }

  .sm\:-translate-x-0\.5 {
    --tw-translate-x: -0.125rem;
  }

  .sm\:-translate-x-1\.5 {
    --tw-translate-x: -0.375rem;
  }

  .sm\:-translate-x-2\.5 {
    --tw-translate-x: -0.625rem;
  }

  .sm\:-translate-x-3\.5 {
    --tw-translate-x: -0.875rem;
  }

  .sm\:translate-x-1\/2 {
    --tw-translate-x: 50%;
  }

  .sm\:translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
  }

  .sm\:translate-x-2\/3 {
    --tw-translate-x: 66.666667%;
  }

  .sm\:translate-x-1\/4 {
    --tw-translate-x: 25%;
  }

  .sm\:translate-x-2\/4 {
    --tw-translate-x: 50%;
  }

  .sm\:translate-x-3\/4 {
    --tw-translate-x: 75%;
  }

  .sm\:translate-x-full {
    --tw-translate-x: 100%;
  }

  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .sm\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
  }

  .sm\:-translate-x-2\/3 {
    --tw-translate-x: -66.666667%;
  }

  .sm\:-translate-x-1\/4 {
    --tw-translate-x: -25%;
  }

  .sm\:-translate-x-2\/4 {
    --tw-translate-x: -50%;
  }

  .sm\:-translate-x-3\/4 {
    --tw-translate-x: -75%;
  }

  .sm\:-translate-x-full {
    --tw-translate-x: -100%;
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
  }

  .sm\:translate-y-1 {
    --tw-translate-y: 0.25rem;
  }

  .sm\:translate-y-2 {
    --tw-translate-y: 0.5rem;
  }

  .sm\:translate-y-3 {
    --tw-translate-y: 0.75rem;
  }

  .sm\:translate-y-4 {
    --tw-translate-y: 1rem;
  }

  .sm\:translate-y-5 {
    --tw-translate-y: 1.25rem;
  }

  .sm\:translate-y-6 {
    --tw-translate-y: 1.5rem;
  }

  .sm\:translate-y-7 {
    --tw-translate-y: 1.75rem;
  }

  .sm\:translate-y-8 {
    --tw-translate-y: 2rem;
  }

  .sm\:translate-y-9 {
    --tw-translate-y: 2.25rem;
  }

  .sm\:translate-y-10 {
    --tw-translate-y: 2.5rem;
  }

  .sm\:translate-y-11 {
    --tw-translate-y: 2.75rem;
  }

  .sm\:translate-y-12 {
    --tw-translate-y: 3rem;
  }

  .sm\:translate-y-14 {
    --tw-translate-y: 3.5rem;
  }

  .sm\:translate-y-16 {
    --tw-translate-y: 4rem;
  }

  .sm\:translate-y-20 {
    --tw-translate-y: 5rem;
  }

  .sm\:translate-y-24 {
    --tw-translate-y: 6rem;
  }

  .sm\:translate-y-28 {
    --tw-translate-y: 7rem;
  }

  .sm\:translate-y-32 {
    --tw-translate-y: 8rem;
  }

  .sm\:translate-y-36 {
    --tw-translate-y: 9rem;
  }

  .sm\:translate-y-40 {
    --tw-translate-y: 10rem;
  }

  .sm\:translate-y-44 {
    --tw-translate-y: 11rem;
  }

  .sm\:translate-y-48 {
    --tw-translate-y: 12rem;
  }

  .sm\:translate-y-52 {
    --tw-translate-y: 13rem;
  }

  .sm\:translate-y-56 {
    --tw-translate-y: 14rem;
  }

  .sm\:translate-y-60 {
    --tw-translate-y: 15rem;
  }

  .sm\:translate-y-64 {
    --tw-translate-y: 16rem;
  }

  .sm\:translate-y-72 {
    --tw-translate-y: 18rem;
  }

  .sm\:translate-y-80 {
    --tw-translate-y: 20rem;
  }

  .sm\:translate-y-96 {
    --tw-translate-y: 24rem;
  }

  .sm\:translate-y-px {
    --tw-translate-y: 1px;
  }

  .sm\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
  }

  .sm\:translate-y-1\.5 {
    --tw-translate-y: 0.375rem;
  }

  .sm\:translate-y-2\.5 {
    --tw-translate-y: 0.625rem;
  }

  .sm\:translate-y-3\.5 {
    --tw-translate-y: 0.875rem;
  }

  .sm\:-translate-y-0 {
    --tw-translate-y: 0px;
  }

  .sm\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
  }

  .sm\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
  }

  .sm\:-translate-y-3 {
    --tw-translate-y: -0.75rem;
  }

  .sm\:-translate-y-4 {
    --tw-translate-y: -1rem;
  }

  .sm\:-translate-y-5 {
    --tw-translate-y: -1.25rem;
  }

  .sm\:-translate-y-6 {
    --tw-translate-y: -1.5rem;
  }

  .sm\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
  }

  .sm\:-translate-y-8 {
    --tw-translate-y: -2rem;
  }

  .sm\:-translate-y-9 {
    --tw-translate-y: -2.25rem;
  }

  .sm\:-translate-y-10 {
    --tw-translate-y: -2.5rem;
  }

  .sm\:-translate-y-11 {
    --tw-translate-y: -2.75rem;
  }

  .sm\:-translate-y-12 {
    --tw-translate-y: -3rem;
  }

  .sm\:-translate-y-14 {
    --tw-translate-y: -3.5rem;
  }

  .sm\:-translate-y-16 {
    --tw-translate-y: -4rem;
  }

  .sm\:-translate-y-20 {
    --tw-translate-y: -5rem;
  }

  .sm\:-translate-y-24 {
    --tw-translate-y: -6rem;
  }

  .sm\:-translate-y-28 {
    --tw-translate-y: -7rem;
  }

  .sm\:-translate-y-32 {
    --tw-translate-y: -8rem;
  }

  .sm\:-translate-y-36 {
    --tw-translate-y: -9rem;
  }

  .sm\:-translate-y-40 {
    --tw-translate-y: -10rem;
  }

  .sm\:-translate-y-44 {
    --tw-translate-y: -11rem;
  }

  .sm\:-translate-y-48 {
    --tw-translate-y: -12rem;
  }

  .sm\:-translate-y-52 {
    --tw-translate-y: -13rem;
  }

  .sm\:-translate-y-56 {
    --tw-translate-y: -14rem;
  }

  .sm\:-translate-y-60 {
    --tw-translate-y: -15rem;
  }

  .sm\:-translate-y-64 {
    --tw-translate-y: -16rem;
  }

  .sm\:-translate-y-72 {
    --tw-translate-y: -18rem;
  }

  .sm\:-translate-y-80 {
    --tw-translate-y: -20rem;
  }

  .sm\:-translate-y-96 {
    --tw-translate-y: -24rem;
  }

  .sm\:-translate-y-px {
    --tw-translate-y: -1px;
  }

  .sm\:-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
  }

  .sm\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
  }

  .sm\:-translate-y-2\.5 {
    --tw-translate-y: -0.625rem;
  }

  .sm\:-translate-y-3\.5 {
    --tw-translate-y: -0.875rem;
  }

  .sm\:translate-y-1\/2 {
    --tw-translate-y: 50%;
  }

  .sm\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }

  .sm\:translate-y-2\/3 {
    --tw-translate-y: 66.666667%;
  }

  .sm\:translate-y-1\/4 {
    --tw-translate-y: 25%;
  }

  .sm\:translate-y-2\/4 {
    --tw-translate-y: 50%;
  }

  .sm\:translate-y-3\/4 {
    --tw-translate-y: 75%;
  }

  .sm\:translate-y-full {
    --tw-translate-y: 100%;
  }

  .sm\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .sm\:-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
  }

  .sm\:-translate-y-2\/3 {
    --tw-translate-y: -66.666667%;
  }

  .sm\:-translate-y-1\/4 {
    --tw-translate-y: -25%;
  }

  .sm\:-translate-y-2\/4 {
    --tw-translate-y: -50%;
  }

  .sm\:-translate-y-3\/4 {
    --tw-translate-y: -75%;
  }

  .sm\:-translate-y-full {
    --tw-translate-y: -100%;
  }

  .sm\:hover\:translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .sm\:hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem;
  }

  .sm\:hover\:translate-x-2:hover {
    --tw-translate-x: 0.5rem;
  }

  .sm\:hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem;
  }

  .sm\:hover\:translate-x-4:hover {
    --tw-translate-x: 1rem;
  }

  .sm\:hover\:translate-x-5:hover {
    --tw-translate-x: 1.25rem;
  }

  .sm\:hover\:translate-x-6:hover {
    --tw-translate-x: 1.5rem;
  }

  .sm\:hover\:translate-x-7:hover {
    --tw-translate-x: 1.75rem;
  }

  .sm\:hover\:translate-x-8:hover {
    --tw-translate-x: 2rem;
  }

  .sm\:hover\:translate-x-9:hover {
    --tw-translate-x: 2.25rem;
  }

  .sm\:hover\:translate-x-10:hover {
    --tw-translate-x: 2.5rem;
  }

  .sm\:hover\:translate-x-11:hover {
    --tw-translate-x: 2.75rem;
  }

  .sm\:hover\:translate-x-12:hover {
    --tw-translate-x: 3rem;
  }

  .sm\:hover\:translate-x-14:hover {
    --tw-translate-x: 3.5rem;
  }

  .sm\:hover\:translate-x-16:hover {
    --tw-translate-x: 4rem;
  }

  .sm\:hover\:translate-x-20:hover {
    --tw-translate-x: 5rem;
  }

  .sm\:hover\:translate-x-24:hover {
    --tw-translate-x: 6rem;
  }

  .sm\:hover\:translate-x-28:hover {
    --tw-translate-x: 7rem;
  }

  .sm\:hover\:translate-x-32:hover {
    --tw-translate-x: 8rem;
  }

  .sm\:hover\:translate-x-36:hover {
    --tw-translate-x: 9rem;
  }

  .sm\:hover\:translate-x-40:hover {
    --tw-translate-x: 10rem;
  }

  .sm\:hover\:translate-x-44:hover {
    --tw-translate-x: 11rem;
  }

  .sm\:hover\:translate-x-48:hover {
    --tw-translate-x: 12rem;
  }

  .sm\:hover\:translate-x-52:hover {
    --tw-translate-x: 13rem;
  }

  .sm\:hover\:translate-x-56:hover {
    --tw-translate-x: 14rem;
  }

  .sm\:hover\:translate-x-60:hover {
    --tw-translate-x: 15rem;
  }

  .sm\:hover\:translate-x-64:hover {
    --tw-translate-x: 16rem;
  }

  .sm\:hover\:translate-x-72:hover {
    --tw-translate-x: 18rem;
  }

  .sm\:hover\:translate-x-80:hover {
    --tw-translate-x: 20rem;
  }

  .sm\:hover\:translate-x-96:hover {
    --tw-translate-x: 24rem;
  }

  .sm\:hover\:translate-x-px:hover {
    --tw-translate-x: 1px;
  }

  .sm\:hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem;
  }

  .sm\:hover\:translate-x-1\.5:hover {
    --tw-translate-x: 0.375rem;
  }

  .sm\:hover\:translate-x-2\.5:hover {
    --tw-translate-x: 0.625rem;
  }

  .sm\:hover\:translate-x-3\.5:hover {
    --tw-translate-x: 0.875rem;
  }

  .sm\:hover\:-translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .sm\:hover\:-translate-x-1:hover {
    --tw-translate-x: -0.25rem;
  }

  .sm\:hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem;
  }

  .sm\:hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem;
  }

  .sm\:hover\:-translate-x-4:hover {
    --tw-translate-x: -1rem;
  }

  .sm\:hover\:-translate-x-5:hover {
    --tw-translate-x: -1.25rem;
  }

  .sm\:hover\:-translate-x-6:hover {
    --tw-translate-x: -1.5rem;
  }

  .sm\:hover\:-translate-x-7:hover {
    --tw-translate-x: -1.75rem;
  }

  .sm\:hover\:-translate-x-8:hover {
    --tw-translate-x: -2rem;
  }

  .sm\:hover\:-translate-x-9:hover {
    --tw-translate-x: -2.25rem;
  }

  .sm\:hover\:-translate-x-10:hover {
    --tw-translate-x: -2.5rem;
  }

  .sm\:hover\:-translate-x-11:hover {
    --tw-translate-x: -2.75rem;
  }

  .sm\:hover\:-translate-x-12:hover {
    --tw-translate-x: -3rem;
  }

  .sm\:hover\:-translate-x-14:hover {
    --tw-translate-x: -3.5rem;
  }

  .sm\:hover\:-translate-x-16:hover {
    --tw-translate-x: -4rem;
  }

  .sm\:hover\:-translate-x-20:hover {
    --tw-translate-x: -5rem;
  }

  .sm\:hover\:-translate-x-24:hover {
    --tw-translate-x: -6rem;
  }

  .sm\:hover\:-translate-x-28:hover {
    --tw-translate-x: -7rem;
  }

  .sm\:hover\:-translate-x-32:hover {
    --tw-translate-x: -8rem;
  }

  .sm\:hover\:-translate-x-36:hover {
    --tw-translate-x: -9rem;
  }

  .sm\:hover\:-translate-x-40:hover {
    --tw-translate-x: -10rem;
  }

  .sm\:hover\:-translate-x-44:hover {
    --tw-translate-x: -11rem;
  }

  .sm\:hover\:-translate-x-48:hover {
    --tw-translate-x: -12rem;
  }

  .sm\:hover\:-translate-x-52:hover {
    --tw-translate-x: -13rem;
  }

  .sm\:hover\:-translate-x-56:hover {
    --tw-translate-x: -14rem;
  }

  .sm\:hover\:-translate-x-60:hover {
    --tw-translate-x: -15rem;
  }

  .sm\:hover\:-translate-x-64:hover {
    --tw-translate-x: -16rem;
  }

  .sm\:hover\:-translate-x-72:hover {
    --tw-translate-x: -18rem;
  }

  .sm\:hover\:-translate-x-80:hover {
    --tw-translate-x: -20rem;
  }

  .sm\:hover\:-translate-x-96:hover {
    --tw-translate-x: -24rem;
  }

  .sm\:hover\:-translate-x-px:hover {
    --tw-translate-x: -1px;
  }

  .sm\:hover\:-translate-x-0\.5:hover {
    --tw-translate-x: -0.125rem;
  }

  .sm\:hover\:-translate-x-1\.5:hover {
    --tw-translate-x: -0.375rem;
  }

  .sm\:hover\:-translate-x-2\.5:hover {
    --tw-translate-x: -0.625rem;
  }

  .sm\:hover\:-translate-x-3\.5:hover {
    --tw-translate-x: -0.875rem;
  }

  .sm\:hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%;
  }

  .sm\:hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%;
  }

  .sm\:hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%;
  }

  .sm\:hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%;
  }

  .sm\:hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%;
  }

  .sm\:hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%;
  }

  .sm\:hover\:translate-x-full:hover {
    --tw-translate-x: 100%;
  }

  .sm\:hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%;
  }

  .sm\:hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%;
  }

  .sm\:hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%;
  }

  .sm\:hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%;
  }

  .sm\:hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%;
  }

  .sm\:hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%;
  }

  .sm\:hover\:-translate-x-full:hover {
    --tw-translate-x: -100%;
  }

  .sm\:hover\:translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .sm\:hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem;
  }

  .sm\:hover\:translate-y-2:hover {
    --tw-translate-y: 0.5rem;
  }

  .sm\:hover\:translate-y-3:hover {
    --tw-translate-y: 0.75rem;
  }

  .sm\:hover\:translate-y-4:hover {
    --tw-translate-y: 1rem;
  }

  .sm\:hover\:translate-y-5:hover {
    --tw-translate-y: 1.25rem;
  }

  .sm\:hover\:translate-y-6:hover {
    --tw-translate-y: 1.5rem;
  }

  .sm\:hover\:translate-y-7:hover {
    --tw-translate-y: 1.75rem;
  }

  .sm\:hover\:translate-y-8:hover {
    --tw-translate-y: 2rem;
  }

  .sm\:hover\:translate-y-9:hover {
    --tw-translate-y: 2.25rem;
  }

  .sm\:hover\:translate-y-10:hover {
    --tw-translate-y: 2.5rem;
  }

  .sm\:hover\:translate-y-11:hover {
    --tw-translate-y: 2.75rem;
  }

  .sm\:hover\:translate-y-12:hover {
    --tw-translate-y: 3rem;
  }

  .sm\:hover\:translate-y-14:hover {
    --tw-translate-y: 3.5rem;
  }

  .sm\:hover\:translate-y-16:hover {
    --tw-translate-y: 4rem;
  }

  .sm\:hover\:translate-y-20:hover {
    --tw-translate-y: 5rem;
  }

  .sm\:hover\:translate-y-24:hover {
    --tw-translate-y: 6rem;
  }

  .sm\:hover\:translate-y-28:hover {
    --tw-translate-y: 7rem;
  }

  .sm\:hover\:translate-y-32:hover {
    --tw-translate-y: 8rem;
  }

  .sm\:hover\:translate-y-36:hover {
    --tw-translate-y: 9rem;
  }

  .sm\:hover\:translate-y-40:hover {
    --tw-translate-y: 10rem;
  }

  .sm\:hover\:translate-y-44:hover {
    --tw-translate-y: 11rem;
  }

  .sm\:hover\:translate-y-48:hover {
    --tw-translate-y: 12rem;
  }

  .sm\:hover\:translate-y-52:hover {
    --tw-translate-y: 13rem;
  }

  .sm\:hover\:translate-y-56:hover {
    --tw-translate-y: 14rem;
  }

  .sm\:hover\:translate-y-60:hover {
    --tw-translate-y: 15rem;
  }

  .sm\:hover\:translate-y-64:hover {
    --tw-translate-y: 16rem;
  }

  .sm\:hover\:translate-y-72:hover {
    --tw-translate-y: 18rem;
  }

  .sm\:hover\:translate-y-80:hover {
    --tw-translate-y: 20rem;
  }

  .sm\:hover\:translate-y-96:hover {
    --tw-translate-y: 24rem;
  }

  .sm\:hover\:translate-y-px:hover {
    --tw-translate-y: 1px;
  }

  .sm\:hover\:translate-y-0\.5:hover {
    --tw-translate-y: 0.125rem;
  }

  .sm\:hover\:translate-y-1\.5:hover {
    --tw-translate-y: 0.375rem;
  }

  .sm\:hover\:translate-y-2\.5:hover {
    --tw-translate-y: 0.625rem;
  }

  .sm\:hover\:translate-y-3\.5:hover {
    --tw-translate-y: 0.875rem;
  }

  .sm\:hover\:-translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .sm\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
  }

  .sm\:hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
  }

  .sm\:hover\:-translate-y-3:hover {
    --tw-translate-y: -0.75rem;
  }

  .sm\:hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem;
  }

  .sm\:hover\:-translate-y-5:hover {
    --tw-translate-y: -1.25rem;
  }

  .sm\:hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem;
  }

  .sm\:hover\:-translate-y-7:hover {
    --tw-translate-y: -1.75rem;
  }

  .sm\:hover\:-translate-y-8:hover {
    --tw-translate-y: -2rem;
  }

  .sm\:hover\:-translate-y-9:hover {
    --tw-translate-y: -2.25rem;
  }

  .sm\:hover\:-translate-y-10:hover {
    --tw-translate-y: -2.5rem;
  }

  .sm\:hover\:-translate-y-11:hover {
    --tw-translate-y: -2.75rem;
  }

  .sm\:hover\:-translate-y-12:hover {
    --tw-translate-y: -3rem;
  }

  .sm\:hover\:-translate-y-14:hover {
    --tw-translate-y: -3.5rem;
  }

  .sm\:hover\:-translate-y-16:hover {
    --tw-translate-y: -4rem;
  }

  .sm\:hover\:-translate-y-20:hover {
    --tw-translate-y: -5rem;
  }

  .sm\:hover\:-translate-y-24:hover {
    --tw-translate-y: -6rem;
  }

  .sm\:hover\:-translate-y-28:hover {
    --tw-translate-y: -7rem;
  }

  .sm\:hover\:-translate-y-32:hover {
    --tw-translate-y: -8rem;
  }

  .sm\:hover\:-translate-y-36:hover {
    --tw-translate-y: -9rem;
  }

  .sm\:hover\:-translate-y-40:hover {
    --tw-translate-y: -10rem;
  }

  .sm\:hover\:-translate-y-44:hover {
    --tw-translate-y: -11rem;
  }

  .sm\:hover\:-translate-y-48:hover {
    --tw-translate-y: -12rem;
  }

  .sm\:hover\:-translate-y-52:hover {
    --tw-translate-y: -13rem;
  }

  .sm\:hover\:-translate-y-56:hover {
    --tw-translate-y: -14rem;
  }

  .sm\:hover\:-translate-y-60:hover {
    --tw-translate-y: -15rem;
  }

  .sm\:hover\:-translate-y-64:hover {
    --tw-translate-y: -16rem;
  }

  .sm\:hover\:-translate-y-72:hover {
    --tw-translate-y: -18rem;
  }

  .sm\:hover\:-translate-y-80:hover {
    --tw-translate-y: -20rem;
  }

  .sm\:hover\:-translate-y-96:hover {
    --tw-translate-y: -24rem;
  }

  .sm\:hover\:-translate-y-px:hover {
    --tw-translate-y: -1px;
  }

  .sm\:hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
  }

  .sm\:hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -0.375rem;
  }

  .sm\:hover\:-translate-y-2\.5:hover {
    --tw-translate-y: -0.625rem;
  }

  .sm\:hover\:-translate-y-3\.5:hover {
    --tw-translate-y: -0.875rem;
  }

  .sm\:hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%;
  }

  .sm\:hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%;
  }

  .sm\:hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%;
  }

  .sm\:hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%;
  }

  .sm\:hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%;
  }

  .sm\:hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%;
  }

  .sm\:hover\:translate-y-full:hover {
    --tw-translate-y: 100%;
  }

  .sm\:hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%;
  }

  .sm\:hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%;
  }

  .sm\:hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%;
  }

  .sm\:hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%;
  }

  .sm\:hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%;
  }

  .sm\:hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%;
  }

  .sm\:hover\:-translate-y-full:hover {
    --tw-translate-y: -100%;
  }

  .sm\:focus\:translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .sm\:focus\:translate-x-1:focus {
    --tw-translate-x: 0.25rem;
  }

  .sm\:focus\:translate-x-2:focus {
    --tw-translate-x: 0.5rem;
  }

  .sm\:focus\:translate-x-3:focus {
    --tw-translate-x: 0.75rem;
  }

  .sm\:focus\:translate-x-4:focus {
    --tw-translate-x: 1rem;
  }

  .sm\:focus\:translate-x-5:focus {
    --tw-translate-x: 1.25rem;
  }

  .sm\:focus\:translate-x-6:focus {
    --tw-translate-x: 1.5rem;
  }

  .sm\:focus\:translate-x-7:focus {
    --tw-translate-x: 1.75rem;
  }

  .sm\:focus\:translate-x-8:focus {
    --tw-translate-x: 2rem;
  }

  .sm\:focus\:translate-x-9:focus {
    --tw-translate-x: 2.25rem;
  }

  .sm\:focus\:translate-x-10:focus {
    --tw-translate-x: 2.5rem;
  }

  .sm\:focus\:translate-x-11:focus {
    --tw-translate-x: 2.75rem;
  }

  .sm\:focus\:translate-x-12:focus {
    --tw-translate-x: 3rem;
  }

  .sm\:focus\:translate-x-14:focus {
    --tw-translate-x: 3.5rem;
  }

  .sm\:focus\:translate-x-16:focus {
    --tw-translate-x: 4rem;
  }

  .sm\:focus\:translate-x-20:focus {
    --tw-translate-x: 5rem;
  }

  .sm\:focus\:translate-x-24:focus {
    --tw-translate-x: 6rem;
  }

  .sm\:focus\:translate-x-28:focus {
    --tw-translate-x: 7rem;
  }

  .sm\:focus\:translate-x-32:focus {
    --tw-translate-x: 8rem;
  }

  .sm\:focus\:translate-x-36:focus {
    --tw-translate-x: 9rem;
  }

  .sm\:focus\:translate-x-40:focus {
    --tw-translate-x: 10rem;
  }

  .sm\:focus\:translate-x-44:focus {
    --tw-translate-x: 11rem;
  }

  .sm\:focus\:translate-x-48:focus {
    --tw-translate-x: 12rem;
  }

  .sm\:focus\:translate-x-52:focus {
    --tw-translate-x: 13rem;
  }

  .sm\:focus\:translate-x-56:focus {
    --tw-translate-x: 14rem;
  }

  .sm\:focus\:translate-x-60:focus {
    --tw-translate-x: 15rem;
  }

  .sm\:focus\:translate-x-64:focus {
    --tw-translate-x: 16rem;
  }

  .sm\:focus\:translate-x-72:focus {
    --tw-translate-x: 18rem;
  }

  .sm\:focus\:translate-x-80:focus {
    --tw-translate-x: 20rem;
  }

  .sm\:focus\:translate-x-96:focus {
    --tw-translate-x: 24rem;
  }

  .sm\:focus\:translate-x-px:focus {
    --tw-translate-x: 1px;
  }

  .sm\:focus\:translate-x-0\.5:focus {
    --tw-translate-x: 0.125rem;
  }

  .sm\:focus\:translate-x-1\.5:focus {
    --tw-translate-x: 0.375rem;
  }

  .sm\:focus\:translate-x-2\.5:focus {
    --tw-translate-x: 0.625rem;
  }

  .sm\:focus\:translate-x-3\.5:focus {
    --tw-translate-x: 0.875rem;
  }

  .sm\:focus\:-translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .sm\:focus\:-translate-x-1:focus {
    --tw-translate-x: -0.25rem;
  }

  .sm\:focus\:-translate-x-2:focus {
    --tw-translate-x: -0.5rem;
  }

  .sm\:focus\:-translate-x-3:focus {
    --tw-translate-x: -0.75rem;
  }

  .sm\:focus\:-translate-x-4:focus {
    --tw-translate-x: -1rem;
  }

  .sm\:focus\:-translate-x-5:focus {
    --tw-translate-x: -1.25rem;
  }

  .sm\:focus\:-translate-x-6:focus {
    --tw-translate-x: -1.5rem;
  }

  .sm\:focus\:-translate-x-7:focus {
    --tw-translate-x: -1.75rem;
  }

  .sm\:focus\:-translate-x-8:focus {
    --tw-translate-x: -2rem;
  }

  .sm\:focus\:-translate-x-9:focus {
    --tw-translate-x: -2.25rem;
  }

  .sm\:focus\:-translate-x-10:focus {
    --tw-translate-x: -2.5rem;
  }

  .sm\:focus\:-translate-x-11:focus {
    --tw-translate-x: -2.75rem;
  }

  .sm\:focus\:-translate-x-12:focus {
    --tw-translate-x: -3rem;
  }

  .sm\:focus\:-translate-x-14:focus {
    --tw-translate-x: -3.5rem;
  }

  .sm\:focus\:-translate-x-16:focus {
    --tw-translate-x: -4rem;
  }

  .sm\:focus\:-translate-x-20:focus {
    --tw-translate-x: -5rem;
  }

  .sm\:focus\:-translate-x-24:focus {
    --tw-translate-x: -6rem;
  }

  .sm\:focus\:-translate-x-28:focus {
    --tw-translate-x: -7rem;
  }

  .sm\:focus\:-translate-x-32:focus {
    --tw-translate-x: -8rem;
  }

  .sm\:focus\:-translate-x-36:focus {
    --tw-translate-x: -9rem;
  }

  .sm\:focus\:-translate-x-40:focus {
    --tw-translate-x: -10rem;
  }

  .sm\:focus\:-translate-x-44:focus {
    --tw-translate-x: -11rem;
  }

  .sm\:focus\:-translate-x-48:focus {
    --tw-translate-x: -12rem;
  }

  .sm\:focus\:-translate-x-52:focus {
    --tw-translate-x: -13rem;
  }

  .sm\:focus\:-translate-x-56:focus {
    --tw-translate-x: -14rem;
  }

  .sm\:focus\:-translate-x-60:focus {
    --tw-translate-x: -15rem;
  }

  .sm\:focus\:-translate-x-64:focus {
    --tw-translate-x: -16rem;
  }

  .sm\:focus\:-translate-x-72:focus {
    --tw-translate-x: -18rem;
  }

  .sm\:focus\:-translate-x-80:focus {
    --tw-translate-x: -20rem;
  }

  .sm\:focus\:-translate-x-96:focus {
    --tw-translate-x: -24rem;
  }

  .sm\:focus\:-translate-x-px:focus {
    --tw-translate-x: -1px;
  }

  .sm\:focus\:-translate-x-0\.5:focus {
    --tw-translate-x: -0.125rem;
  }

  .sm\:focus\:-translate-x-1\.5:focus {
    --tw-translate-x: -0.375rem;
  }

  .sm\:focus\:-translate-x-2\.5:focus {
    --tw-translate-x: -0.625rem;
  }

  .sm\:focus\:-translate-x-3\.5:focus {
    --tw-translate-x: -0.875rem;
  }

  .sm\:focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%;
  }

  .sm\:focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%;
  }

  .sm\:focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%;
  }

  .sm\:focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%;
  }

  .sm\:focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%;
  }

  .sm\:focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%;
  }

  .sm\:focus\:translate-x-full:focus {
    --tw-translate-x: 100%;
  }

  .sm\:focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%;
  }

  .sm\:focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%;
  }

  .sm\:focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%;
  }

  .sm\:focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%;
  }

  .sm\:focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%;
  }

  .sm\:focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%;
  }

  .sm\:focus\:-translate-x-full:focus {
    --tw-translate-x: -100%;
  }

  .sm\:focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .sm\:focus\:translate-y-1:focus {
    --tw-translate-y: 0.25rem;
  }

  .sm\:focus\:translate-y-2:focus {
    --tw-translate-y: 0.5rem;
  }

  .sm\:focus\:translate-y-3:focus {
    --tw-translate-y: 0.75rem;
  }

  .sm\:focus\:translate-y-4:focus {
    --tw-translate-y: 1rem;
  }

  .sm\:focus\:translate-y-5:focus {
    --tw-translate-y: 1.25rem;
  }

  .sm\:focus\:translate-y-6:focus {
    --tw-translate-y: 1.5rem;
  }

  .sm\:focus\:translate-y-7:focus {
    --tw-translate-y: 1.75rem;
  }

  .sm\:focus\:translate-y-8:focus {
    --tw-translate-y: 2rem;
  }

  .sm\:focus\:translate-y-9:focus {
    --tw-translate-y: 2.25rem;
  }

  .sm\:focus\:translate-y-10:focus {
    --tw-translate-y: 2.5rem;
  }

  .sm\:focus\:translate-y-11:focus {
    --tw-translate-y: 2.75rem;
  }

  .sm\:focus\:translate-y-12:focus {
    --tw-translate-y: 3rem;
  }

  .sm\:focus\:translate-y-14:focus {
    --tw-translate-y: 3.5rem;
  }

  .sm\:focus\:translate-y-16:focus {
    --tw-translate-y: 4rem;
  }

  .sm\:focus\:translate-y-20:focus {
    --tw-translate-y: 5rem;
  }

  .sm\:focus\:translate-y-24:focus {
    --tw-translate-y: 6rem;
  }

  .sm\:focus\:translate-y-28:focus {
    --tw-translate-y: 7rem;
  }

  .sm\:focus\:translate-y-32:focus {
    --tw-translate-y: 8rem;
  }

  .sm\:focus\:translate-y-36:focus {
    --tw-translate-y: 9rem;
  }

  .sm\:focus\:translate-y-40:focus {
    --tw-translate-y: 10rem;
  }

  .sm\:focus\:translate-y-44:focus {
    --tw-translate-y: 11rem;
  }

  .sm\:focus\:translate-y-48:focus {
    --tw-translate-y: 12rem;
  }

  .sm\:focus\:translate-y-52:focus {
    --tw-translate-y: 13rem;
  }

  .sm\:focus\:translate-y-56:focus {
    --tw-translate-y: 14rem;
  }

  .sm\:focus\:translate-y-60:focus {
    --tw-translate-y: 15rem;
  }

  .sm\:focus\:translate-y-64:focus {
    --tw-translate-y: 16rem;
  }

  .sm\:focus\:translate-y-72:focus {
    --tw-translate-y: 18rem;
  }

  .sm\:focus\:translate-y-80:focus {
    --tw-translate-y: 20rem;
  }

  .sm\:focus\:translate-y-96:focus {
    --tw-translate-y: 24rem;
  }

  .sm\:focus\:translate-y-px:focus {
    --tw-translate-y: 1px;
  }

  .sm\:focus\:translate-y-0\.5:focus {
    --tw-translate-y: 0.125rem;
  }

  .sm\:focus\:translate-y-1\.5:focus {
    --tw-translate-y: 0.375rem;
  }

  .sm\:focus\:translate-y-2\.5:focus {
    --tw-translate-y: 0.625rem;
  }

  .sm\:focus\:translate-y-3\.5:focus {
    --tw-translate-y: 0.875rem;
  }

  .sm\:focus\:-translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .sm\:focus\:-translate-y-1:focus {
    --tw-translate-y: -0.25rem;
  }

  .sm\:focus\:-translate-y-2:focus {
    --tw-translate-y: -0.5rem;
  }

  .sm\:focus\:-translate-y-3:focus {
    --tw-translate-y: -0.75rem;
  }

  .sm\:focus\:-translate-y-4:focus {
    --tw-translate-y: -1rem;
  }

  .sm\:focus\:-translate-y-5:focus {
    --tw-translate-y: -1.25rem;
  }

  .sm\:focus\:-translate-y-6:focus {
    --tw-translate-y: -1.5rem;
  }

  .sm\:focus\:-translate-y-7:focus {
    --tw-translate-y: -1.75rem;
  }

  .sm\:focus\:-translate-y-8:focus {
    --tw-translate-y: -2rem;
  }

  .sm\:focus\:-translate-y-9:focus {
    --tw-translate-y: -2.25rem;
  }

  .sm\:focus\:-translate-y-10:focus {
    --tw-translate-y: -2.5rem;
  }

  .sm\:focus\:-translate-y-11:focus {
    --tw-translate-y: -2.75rem;
  }

  .sm\:focus\:-translate-y-12:focus {
    --tw-translate-y: -3rem;
  }

  .sm\:focus\:-translate-y-14:focus {
    --tw-translate-y: -3.5rem;
  }

  .sm\:focus\:-translate-y-16:focus {
    --tw-translate-y: -4rem;
  }

  .sm\:focus\:-translate-y-20:focus {
    --tw-translate-y: -5rem;
  }

  .sm\:focus\:-translate-y-24:focus {
    --tw-translate-y: -6rem;
  }

  .sm\:focus\:-translate-y-28:focus {
    --tw-translate-y: -7rem;
  }

  .sm\:focus\:-translate-y-32:focus {
    --tw-translate-y: -8rem;
  }

  .sm\:focus\:-translate-y-36:focus {
    --tw-translate-y: -9rem;
  }

  .sm\:focus\:-translate-y-40:focus {
    --tw-translate-y: -10rem;
  }

  .sm\:focus\:-translate-y-44:focus {
    --tw-translate-y: -11rem;
  }

  .sm\:focus\:-translate-y-48:focus {
    --tw-translate-y: -12rem;
  }

  .sm\:focus\:-translate-y-52:focus {
    --tw-translate-y: -13rem;
  }

  .sm\:focus\:-translate-y-56:focus {
    --tw-translate-y: -14rem;
  }

  .sm\:focus\:-translate-y-60:focus {
    --tw-translate-y: -15rem;
  }

  .sm\:focus\:-translate-y-64:focus {
    --tw-translate-y: -16rem;
  }

  .sm\:focus\:-translate-y-72:focus {
    --tw-translate-y: -18rem;
  }

  .sm\:focus\:-translate-y-80:focus {
    --tw-translate-y: -20rem;
  }

  .sm\:focus\:-translate-y-96:focus {
    --tw-translate-y: -24rem;
  }

  .sm\:focus\:-translate-y-px:focus {
    --tw-translate-y: -1px;
  }

  .sm\:focus\:-translate-y-0\.5:focus {
    --tw-translate-y: -0.125rem;
  }

  .sm\:focus\:-translate-y-1\.5:focus {
    --tw-translate-y: -0.375rem;
  }

  .sm\:focus\:-translate-y-2\.5:focus {
    --tw-translate-y: -0.625rem;
  }

  .sm\:focus\:-translate-y-3\.5:focus {
    --tw-translate-y: -0.875rem;
  }

  .sm\:focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%;
  }

  .sm\:focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%;
  }

  .sm\:focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%;
  }

  .sm\:focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%;
  }

  .sm\:focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%;
  }

  .sm\:focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%;
  }

  .sm\:focus\:translate-y-full:focus {
    --tw-translate-y: 100%;
  }

  .sm\:focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%;
  }

  .sm\:focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%;
  }

  .sm\:focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%;
  }

  .sm\:focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%;
  }

  .sm\:focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%;
  }

  .sm\:focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%;
  }

  .sm\:focus\:-translate-y-full:focus {
    --tw-translate-y: -100%;
  }

  .sm\:rotate-0 {
    --tw-rotate: 0deg;
  }

  .sm\:rotate-1 {
    --tw-rotate: 1deg;
  }

  .sm\:rotate-2 {
    --tw-rotate: 2deg;
  }

  .sm\:rotate-3 {
    --tw-rotate: 3deg;
  }

  .sm\:rotate-6 {
    --tw-rotate: 6deg;
  }

  .sm\:rotate-12 {
    --tw-rotate: 12deg;
  }

  .sm\:rotate-45 {
    --tw-rotate: 45deg;
  }

  .sm\:rotate-90 {
    --tw-rotate: 90deg;
  }

  .sm\:rotate-180 {
    --tw-rotate: 180deg;
  }

  .sm\:-rotate-180 {
    --tw-rotate: -180deg;
  }

  .sm\:-rotate-90 {
    --tw-rotate: -90deg;
  }

  .sm\:-rotate-45 {
    --tw-rotate: -45deg;
  }

  .sm\:-rotate-12 {
    --tw-rotate: -12deg;
  }

  .sm\:-rotate-6 {
    --tw-rotate: -6deg;
  }

  .sm\:-rotate-3 {
    --tw-rotate: -3deg;
  }

  .sm\:-rotate-2 {
    --tw-rotate: -2deg;
  }

  .sm\:-rotate-1 {
    --tw-rotate: -1deg;
  }

  .sm\:hover\:rotate-0:hover {
    --tw-rotate: 0deg;
  }

  .sm\:hover\:rotate-1:hover {
    --tw-rotate: 1deg;
  }

  .sm\:hover\:rotate-2:hover {
    --tw-rotate: 2deg;
  }

  .sm\:hover\:rotate-3:hover {
    --tw-rotate: 3deg;
  }

  .sm\:hover\:rotate-6:hover {
    --tw-rotate: 6deg;
  }

  .sm\:hover\:rotate-12:hover {
    --tw-rotate: 12deg;
  }

  .sm\:hover\:rotate-45:hover {
    --tw-rotate: 45deg;
  }

  .sm\:hover\:rotate-90:hover {
    --tw-rotate: 90deg;
  }

  .sm\:hover\:rotate-180:hover {
    --tw-rotate: 180deg;
  }

  .sm\:hover\:-rotate-180:hover {
    --tw-rotate: -180deg;
  }

  .sm\:hover\:-rotate-90:hover {
    --tw-rotate: -90deg;
  }

  .sm\:hover\:-rotate-45:hover {
    --tw-rotate: -45deg;
  }

  .sm\:hover\:-rotate-12:hover {
    --tw-rotate: -12deg;
  }

  .sm\:hover\:-rotate-6:hover {
    --tw-rotate: -6deg;
  }

  .sm\:hover\:-rotate-3:hover {
    --tw-rotate: -3deg;
  }

  .sm\:hover\:-rotate-2:hover {
    --tw-rotate: -2deg;
  }

  .sm\:hover\:-rotate-1:hover {
    --tw-rotate: -1deg;
  }

  .sm\:focus\:rotate-0:focus {
    --tw-rotate: 0deg;
  }

  .sm\:focus\:rotate-1:focus {
    --tw-rotate: 1deg;
  }

  .sm\:focus\:rotate-2:focus {
    --tw-rotate: 2deg;
  }

  .sm\:focus\:rotate-3:focus {
    --tw-rotate: 3deg;
  }

  .sm\:focus\:rotate-6:focus {
    --tw-rotate: 6deg;
  }

  .sm\:focus\:rotate-12:focus {
    --tw-rotate: 12deg;
  }

  .sm\:focus\:rotate-45:focus {
    --tw-rotate: 45deg;
  }

  .sm\:focus\:rotate-90:focus {
    --tw-rotate: 90deg;
  }

  .sm\:focus\:rotate-180:focus {
    --tw-rotate: 180deg;
  }

  .sm\:focus\:-rotate-180:focus {
    --tw-rotate: -180deg;
  }

  .sm\:focus\:-rotate-90:focus {
    --tw-rotate: -90deg;
  }

  .sm\:focus\:-rotate-45:focus {
    --tw-rotate: -45deg;
  }

  .sm\:focus\:-rotate-12:focus {
    --tw-rotate: -12deg;
  }

  .sm\:focus\:-rotate-6:focus {
    --tw-rotate: -6deg;
  }

  .sm\:focus\:-rotate-3:focus {
    --tw-rotate: -3deg;
  }

  .sm\:focus\:-rotate-2:focus {
    --tw-rotate: -2deg;
  }

  .sm\:focus\:-rotate-1:focus {
    --tw-rotate: -1deg;
  }

  .sm\:skew-x-0 {
    --tw-skew-x: 0deg;
  }

  .sm\:skew-x-1 {
    --tw-skew-x: 1deg;
  }

  .sm\:skew-x-2 {
    --tw-skew-x: 2deg;
  }

  .sm\:skew-x-3 {
    --tw-skew-x: 3deg;
  }

  .sm\:skew-x-6 {
    --tw-skew-x: 6deg;
  }

  .sm\:skew-x-12 {
    --tw-skew-x: 12deg;
  }

  .sm\:-skew-x-12 {
    --tw-skew-x: -12deg;
  }

  .sm\:-skew-x-6 {
    --tw-skew-x: -6deg;
  }

  .sm\:-skew-x-3 {
    --tw-skew-x: -3deg;
  }

  .sm\:-skew-x-2 {
    --tw-skew-x: -2deg;
  }

  .sm\:-skew-x-1 {
    --tw-skew-x: -1deg;
  }

  .sm\:skew-y-0 {
    --tw-skew-y: 0deg;
  }

  .sm\:skew-y-1 {
    --tw-skew-y: 1deg;
  }

  .sm\:skew-y-2 {
    --tw-skew-y: 2deg;
  }

  .sm\:skew-y-3 {
    --tw-skew-y: 3deg;
  }

  .sm\:skew-y-6 {
    --tw-skew-y: 6deg;
  }

  .sm\:skew-y-12 {
    --tw-skew-y: 12deg;
  }

  .sm\:-skew-y-12 {
    --tw-skew-y: -12deg;
  }

  .sm\:-skew-y-6 {
    --tw-skew-y: -6deg;
  }

  .sm\:-skew-y-3 {
    --tw-skew-y: -3deg;
  }

  .sm\:-skew-y-2 {
    --tw-skew-y: -2deg;
  }

  .sm\:-skew-y-1 {
    --tw-skew-y: -1deg;
  }

  .sm\:hover\:skew-x-0:hover {
    --tw-skew-x: 0deg;
  }

  .sm\:hover\:skew-x-1:hover {
    --tw-skew-x: 1deg;
  }

  .sm\:hover\:skew-x-2:hover {
    --tw-skew-x: 2deg;
  }

  .sm\:hover\:skew-x-3:hover {
    --tw-skew-x: 3deg;
  }

  .sm\:hover\:skew-x-6:hover {
    --tw-skew-x: 6deg;
  }

  .sm\:hover\:skew-x-12:hover {
    --tw-skew-x: 12deg;
  }

  .sm\:hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg;
  }

  .sm\:hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg;
  }

  .sm\:hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg;
  }

  .sm\:hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg;
  }

  .sm\:hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg;
  }

  .sm\:hover\:skew-y-0:hover {
    --tw-skew-y: 0deg;
  }

  .sm\:hover\:skew-y-1:hover {
    --tw-skew-y: 1deg;
  }

  .sm\:hover\:skew-y-2:hover {
    --tw-skew-y: 2deg;
  }

  .sm\:hover\:skew-y-3:hover {
    --tw-skew-y: 3deg;
  }

  .sm\:hover\:skew-y-6:hover {
    --tw-skew-y: 6deg;
  }

  .sm\:hover\:skew-y-12:hover {
    --tw-skew-y: 12deg;
  }

  .sm\:hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg;
  }

  .sm\:hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg;
  }

  .sm\:hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg;
  }

  .sm\:hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg;
  }

  .sm\:hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg;
  }

  .sm\:focus\:skew-x-0:focus {
    --tw-skew-x: 0deg;
  }

  .sm\:focus\:skew-x-1:focus {
    --tw-skew-x: 1deg;
  }

  .sm\:focus\:skew-x-2:focus {
    --tw-skew-x: 2deg;
  }

  .sm\:focus\:skew-x-3:focus {
    --tw-skew-x: 3deg;
  }

  .sm\:focus\:skew-x-6:focus {
    --tw-skew-x: 6deg;
  }

  .sm\:focus\:skew-x-12:focus {
    --tw-skew-x: 12deg;
  }

  .sm\:focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg;
  }

  .sm\:focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg;
  }

  .sm\:focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg;
  }

  .sm\:focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg;
  }

  .sm\:focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg;
  }

  .sm\:focus\:skew-y-0:focus {
    --tw-skew-y: 0deg;
  }

  .sm\:focus\:skew-y-1:focus {
    --tw-skew-y: 1deg;
  }

  .sm\:focus\:skew-y-2:focus {
    --tw-skew-y: 2deg;
  }

  .sm\:focus\:skew-y-3:focus {
    --tw-skew-y: 3deg;
  }

  .sm\:focus\:skew-y-6:focus {
    --tw-skew-y: 6deg;
  }

  .sm\:focus\:skew-y-12:focus {
    --tw-skew-y: 12deg;
  }

  .sm\:focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg;
  }

  .sm\:focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg;
  }

  .sm\:focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg;
  }

  .sm\:focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg;
  }

  .sm\:focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg;
  }

  .sm\:scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .sm\:scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .sm\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .sm\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .sm\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .sm\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .sm\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .sm\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .sm\:hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .sm\:hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .sm\:hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .sm\:hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .sm\:hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .sm\:hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .sm\:hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .sm\:hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .sm\:hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .sm\:hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .sm\:focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .sm\:focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .sm\:focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .sm\:focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .sm\:focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .sm\:focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .sm\:focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .sm\:focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .sm\:focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .sm\:focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .sm\:scale-x-0 {
    --tw-scale-x: 0;
  }

  .sm\:scale-x-50 {
    --tw-scale-x: .5;
  }

  .sm\:scale-x-75 {
    --tw-scale-x: .75;
  }

  .sm\:scale-x-90 {
    --tw-scale-x: .9;
  }

  .sm\:scale-x-95 {
    --tw-scale-x: .95;
  }

  .sm\:scale-x-100 {
    --tw-scale-x: 1;
  }

  .sm\:scale-x-105 {
    --tw-scale-x: 1.05;
  }

  .sm\:scale-x-110 {
    --tw-scale-x: 1.1;
  }

  .sm\:scale-x-125 {
    --tw-scale-x: 1.25;
  }

  .sm\:scale-x-150 {
    --tw-scale-x: 1.5;
  }

  .sm\:scale-y-0 {
    --tw-scale-y: 0;
  }

  .sm\:scale-y-50 {
    --tw-scale-y: .5;
  }

  .sm\:scale-y-75 {
    --tw-scale-y: .75;
  }

  .sm\:scale-y-90 {
    --tw-scale-y: .9;
  }

  .sm\:scale-y-95 {
    --tw-scale-y: .95;
  }

  .sm\:scale-y-100 {
    --tw-scale-y: 1;
  }

  .sm\:scale-y-105 {
    --tw-scale-y: 1.05;
  }

  .sm\:scale-y-110 {
    --tw-scale-y: 1.1;
  }

  .sm\:scale-y-125 {
    --tw-scale-y: 1.25;
  }

  .sm\:scale-y-150 {
    --tw-scale-y: 1.5;
  }

  .sm\:hover\:scale-x-0:hover {
    --tw-scale-x: 0;
  }

  .sm\:hover\:scale-x-50:hover {
    --tw-scale-x: .5;
  }

  .sm\:hover\:scale-x-75:hover {
    --tw-scale-x: .75;
  }

  .sm\:hover\:scale-x-90:hover {
    --tw-scale-x: .9;
  }

  .sm\:hover\:scale-x-95:hover {
    --tw-scale-x: .95;
  }

  .sm\:hover\:scale-x-100:hover {
    --tw-scale-x: 1;
  }

  .sm\:hover\:scale-x-105:hover {
    --tw-scale-x: 1.05;
  }

  .sm\:hover\:scale-x-110:hover {
    --tw-scale-x: 1.1;
  }

  .sm\:hover\:scale-x-125:hover {
    --tw-scale-x: 1.25;
  }

  .sm\:hover\:scale-x-150:hover {
    --tw-scale-x: 1.5;
  }

  .sm\:hover\:scale-y-0:hover {
    --tw-scale-y: 0;
  }

  .sm\:hover\:scale-y-50:hover {
    --tw-scale-y: .5;
  }

  .sm\:hover\:scale-y-75:hover {
    --tw-scale-y: .75;
  }

  .sm\:hover\:scale-y-90:hover {
    --tw-scale-y: .9;
  }

  .sm\:hover\:scale-y-95:hover {
    --tw-scale-y: .95;
  }

  .sm\:hover\:scale-y-100:hover {
    --tw-scale-y: 1;
  }

  .sm\:hover\:scale-y-105:hover {
    --tw-scale-y: 1.05;
  }

  .sm\:hover\:scale-y-110:hover {
    --tw-scale-y: 1.1;
  }

  .sm\:hover\:scale-y-125:hover {
    --tw-scale-y: 1.25;
  }

  .sm\:hover\:scale-y-150:hover {
    --tw-scale-y: 1.5;
  }

  .sm\:focus\:scale-x-0:focus {
    --tw-scale-x: 0;
  }

  .sm\:focus\:scale-x-50:focus {
    --tw-scale-x: .5;
  }

  .sm\:focus\:scale-x-75:focus {
    --tw-scale-x: .75;
  }

  .sm\:focus\:scale-x-90:focus {
    --tw-scale-x: .9;
  }

  .sm\:focus\:scale-x-95:focus {
    --tw-scale-x: .95;
  }

  .sm\:focus\:scale-x-100:focus {
    --tw-scale-x: 1;
  }

  .sm\:focus\:scale-x-105:focus {
    --tw-scale-x: 1.05;
  }

  .sm\:focus\:scale-x-110:focus {
    --tw-scale-x: 1.1;
  }

  .sm\:focus\:scale-x-125:focus {
    --tw-scale-x: 1.25;
  }

  .sm\:focus\:scale-x-150:focus {
    --tw-scale-x: 1.5;
  }

  .sm\:focus\:scale-y-0:focus {
    --tw-scale-y: 0;
  }

  .sm\:focus\:scale-y-50:focus {
    --tw-scale-y: .5;
  }

  .sm\:focus\:scale-y-75:focus {
    --tw-scale-y: .75;
  }

  .sm\:focus\:scale-y-90:focus {
    --tw-scale-y: .9;
  }

  .sm\:focus\:scale-y-95:focus {
    --tw-scale-y: .95;
  }

  .sm\:focus\:scale-y-100:focus {
    --tw-scale-y: 1;
  }

  .sm\:focus\:scale-y-105:focus {
    --tw-scale-y: 1.05;
  }

  .sm\:focus\:scale-y-110:focus {
    --tw-scale-y: 1.1;
  }

  .sm\:focus\:scale-y-125:focus {
    --tw-scale-y: 1.25;
  }

  .sm\:focus\:scale-y-150:focus {
    --tw-scale-y: 1.5;
  }

  .sm\:animate-none {
    -webkit-animation: none;
            animation: none;
  }

  .sm\:animate-spin {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .sm\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

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

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

  .sm\:cursor-auto {
    cursor: auto;
  }

  .sm\:cursor-default {
    cursor: default;
  }

  .sm\:cursor-pointer {
    cursor: pointer;
  }

  .sm\:cursor-wait {
    cursor: wait;
  }

  .sm\:cursor-text {
    cursor: text;
  }

  .sm\:cursor-move {
    cursor: move;
  }

  .sm\:cursor-help {
    cursor: help;
  }

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

  .sm\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .sm\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .sm\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .sm\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .sm\:resize-none {
    resize: none;
  }

  .sm\:resize-y {
    resize: vertical;
  }

  .sm\:resize-x {
    resize: horizontal;
  }

  .sm\:resize {
    resize: both;
  }

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

  .sm\:list-outside {
    list-style-position: outside;
  }

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

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

  .sm\:list-decimal {
    list-style-type: decimal;
  }

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

  .sm\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .sm\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .sm\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .sm\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .sm\:grid-flow-row {
    grid-auto-flow: row;
  }

  .sm\:grid-flow-col {
    grid-auto-flow: column;
  }

  .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .sm\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .sm\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .sm\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .sm\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .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-4 {
    grid-template-columns: repeat(4, 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\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

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

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

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

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

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

  .sm\:grid-cols-none {
    grid-template-columns: none;
  }

  .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-rows-none {
    grid-template-rows: none;
  }

  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .sm\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .sm\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .sm\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .sm\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .sm\:place-content-center {
    place-content: center;
  }

  .sm\:place-content-start {
    place-content: start;
  }

  .sm\:place-content-end {
    place-content: end;
  }

  .sm\:place-content-between {
    place-content: space-between;
  }

  .sm\:place-content-around {
    place-content: space-around;
  }

  .sm\:place-content-evenly {
    place-content: space-evenly;
  }

  .sm\:place-content-stretch {
    place-content: stretch;
  }

  .sm\:place-items-start {
    place-items: start;
  }

  .sm\:place-items-end {
    place-items: end;
  }

  .sm\:place-items-center {
    place-items: center;
  }

  .sm\:place-items-stretch {
    place-items: stretch;
  }

  .sm\:content-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .sm\:content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .sm\:content-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .sm\:content-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .sm\:content-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .sm\:content-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }

  .sm\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .sm\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .sm\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .sm\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .sm\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .sm\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .sm\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .sm\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .sm\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .sm\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .sm\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .sm\:justify-items-start {
    justify-items: start;
  }

  .sm\:justify-items-end {
    justify-items: end;
  }

  .sm\:justify-items-center {
    justify-items: center;
  }

  .sm\:justify-items-stretch {
    justify-items: stretch;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

  .sm\:gap-1 {
    gap: 0.25rem;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-7 {
    gap: 1.75rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:gap-9 {
    gap: 2.25rem;
  }

  .sm\:gap-10 {
    gap: 2.5rem;
  }

  .sm\:gap-11 {
    gap: 2.75rem;
  }

  .sm\:gap-12 {
    gap: 3rem;
  }

  .sm\:gap-14 {
    gap: 3.5rem;
  }

  .sm\:gap-16 {
    gap: 4rem;
  }

  .sm\:gap-20 {
    gap: 5rem;
  }

  .sm\:gap-24 {
    gap: 6rem;
  }

  .sm\:gap-28 {
    gap: 7rem;
  }

  .sm\:gap-32 {
    gap: 8rem;
  }

  .sm\:gap-36 {
    gap: 9rem;
  }

  .sm\:gap-40 {
    gap: 10rem;
  }

  .sm\:gap-44 {
    gap: 11rem;
  }

  .sm\:gap-48 {
    gap: 12rem;
  }

  .sm\:gap-52 {
    gap: 13rem;
  }

  .sm\:gap-56 {
    gap: 14rem;
  }

  .sm\:gap-60 {
    gap: 15rem;
  }

  .sm\:gap-64 {
    gap: 16rem;
  }

  .sm\:gap-72 {
    gap: 18rem;
  }

  .sm\:gap-80 {
    gap: 20rem;
  }

  .sm\:gap-96 {
    gap: 24rem;
  }

  .sm\:gap-px {
    gap: 1px;
  }

  .sm\:gap-0\.5 {
    gap: 0.125rem;
  }

  .sm\:gap-1\.5 {
    gap: 0.375rem;
  }

  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }

  .sm\:gap-3\.5 {
    gap: 0.875rem;
  }

  .sm\:gap-x-0 {
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
  }

  .sm\:gap-x-1 {
    -webkit-column-gap: 0.25rem;
       -moz-column-gap: 0.25rem;
            column-gap: 0.25rem;
  }

  .sm\:gap-x-2 {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }

  .sm\:gap-x-3 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .sm\:gap-x-4 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .sm\:gap-x-5 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .sm\:gap-x-6 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }

  .sm\:gap-x-7 {
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;
  }

  .sm\:gap-x-8 {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }

  .sm\:gap-x-9 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }

  .sm\:gap-x-10 {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .sm\:gap-x-11 {
    -webkit-column-gap: 2.75rem;
       -moz-column-gap: 2.75rem;
            column-gap: 2.75rem;
  }

  .sm\:gap-x-12 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }

  .sm\:gap-x-14 {
    -webkit-column-gap: 3.5rem;
       -moz-column-gap: 3.5rem;
            column-gap: 3.5rem;
  }

  .sm\:gap-x-16 {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }

  .sm\:gap-x-20 {
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .sm\:gap-x-24 {
    -webkit-column-gap: 6rem;
       -moz-column-gap: 6rem;
            column-gap: 6rem;
  }

  .sm\:gap-x-28 {
    -webkit-column-gap: 7rem;
       -moz-column-gap: 7rem;
            column-gap: 7rem;
  }

  .sm\:gap-x-32 {
    -webkit-column-gap: 8rem;
       -moz-column-gap: 8rem;
            column-gap: 8rem;
  }

  .sm\:gap-x-36 {
    -webkit-column-gap: 9rem;
       -moz-column-gap: 9rem;
            column-gap: 9rem;
  }

  .sm\:gap-x-40 {
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
  }

  .sm\:gap-x-44 {
    -webkit-column-gap: 11rem;
       -moz-column-gap: 11rem;
            column-gap: 11rem;
  }

  .sm\:gap-x-48 {
    -webkit-column-gap: 12rem;
       -moz-column-gap: 12rem;
            column-gap: 12rem;
  }

  .sm\:gap-x-52 {
    -webkit-column-gap: 13rem;
       -moz-column-gap: 13rem;
            column-gap: 13rem;
  }

  .sm\:gap-x-56 {
    -webkit-column-gap: 14rem;
       -moz-column-gap: 14rem;
            column-gap: 14rem;
  }

  .sm\:gap-x-60 {
    -webkit-column-gap: 15rem;
       -moz-column-gap: 15rem;
            column-gap: 15rem;
  }

  .sm\:gap-x-64 {
    -webkit-column-gap: 16rem;
       -moz-column-gap: 16rem;
            column-gap: 16rem;
  }

  .sm\:gap-x-72 {
    -webkit-column-gap: 18rem;
       -moz-column-gap: 18rem;
            column-gap: 18rem;
  }

  .sm\:gap-x-80 {
    -webkit-column-gap: 20rem;
       -moz-column-gap: 20rem;
            column-gap: 20rem;
  }

  .sm\:gap-x-96 {
    -webkit-column-gap: 24rem;
       -moz-column-gap: 24rem;
            column-gap: 24rem;
  }

  .sm\:gap-x-px {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }

  .sm\:gap-x-0\.5 {
    -webkit-column-gap: 0.125rem;
       -moz-column-gap: 0.125rem;
            column-gap: 0.125rem;
  }

  .sm\:gap-x-1\.5 {
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
  }

  .sm\:gap-x-2\.5 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }

  .sm\:gap-x-3\.5 {
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
  }

  .sm\:gap-y-0 {
    row-gap: 0px;
  }

  .sm\:gap-y-1 {
    row-gap: 0.25rem;
  }

  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .sm\:gap-y-3 {
    row-gap: 0.75rem;
  }

  .sm\:gap-y-4 {
    row-gap: 1rem;
  }

  .sm\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .sm\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .sm\:gap-y-7 {
    row-gap: 1.75rem;
  }

  .sm\:gap-y-8 {
    row-gap: 2rem;
  }

  .sm\:gap-y-9 {
    row-gap: 2.25rem;
  }

  .sm\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .sm\:gap-y-11 {
    row-gap: 2.75rem;
  }

  .sm\:gap-y-12 {
    row-gap: 3rem;
  }

  .sm\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .sm\:gap-y-16 {
    row-gap: 4rem;
  }

  .sm\:gap-y-20 {
    row-gap: 5rem;
  }

  .sm\:gap-y-24 {
    row-gap: 6rem;
  }

  .sm\:gap-y-28 {
    row-gap: 7rem;
  }

  .sm\:gap-y-32 {
    row-gap: 8rem;
  }

  .sm\:gap-y-36 {
    row-gap: 9rem;
  }

  .sm\:gap-y-40 {
    row-gap: 10rem;
  }

  .sm\:gap-y-44 {
    row-gap: 11rem;
  }

  .sm\:gap-y-48 {
    row-gap: 12rem;
  }

  .sm\:gap-y-52 {
    row-gap: 13rem;
  }

  .sm\:gap-y-56 {
    row-gap: 14rem;
  }

  .sm\:gap-y-60 {
    row-gap: 15rem;
  }

  .sm\:gap-y-64 {
    row-gap: 16rem;
  }

  .sm\:gap-y-72 {
    row-gap: 18rem;
  }

  .sm\:gap-y-80 {
    row-gap: 20rem;
  }

  .sm\:gap-y-96 {
    row-gap: 24rem;
  }

  .sm\:gap-y-px {
    row-gap: 1px;
  }

  .sm\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }

  .sm\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }

  .sm\:gap-y-2\.5 {
    row-gap: 0.625rem;
  }

  .sm\:gap-y-3\.5 {
    row-gap: 0.875rem;
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\: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)));
  }

  .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(6rem * var(--tw-space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(7rem * var(--tw-space-x-reverse));
    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8rem * var(--tw-space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(9rem * var(--tw-space-x-reverse));
    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10rem * var(--tw-space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(11rem * var(--tw-space-x-reverse));
    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12rem * var(--tw-space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(13rem * var(--tw-space-x-reverse));
    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14rem * var(--tw-space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(15rem * var(--tw-space-x-reverse));
    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16rem * var(--tw-space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(18rem * var(--tw-space-x-reverse));
    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(20rem * var(--tw-space-x-reverse));
    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24rem * var(--tw-space-x-reverse));
    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1px * var(--tw-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\: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)));
  }

  .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-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)));
  }

  .sm\:-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)));
  }

  .sm\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-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)));
  }

  .sm\:-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)));
  }

  .sm\:-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)));
  }

  .sm\:-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)));
  }

  .sm\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-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)));
  }

  .sm\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3rem * var(--tw-space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4rem * var(--tw-space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5rem * var(--tw-space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6rem * var(--tw-space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-7rem * var(--tw-space-x-reverse));
    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8rem * var(--tw-space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-9rem * var(--tw-space-x-reverse));
    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-10rem * var(--tw-space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-11rem * var(--tw-space-x-reverse));
    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-12rem * var(--tw-space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-13rem * var(--tw-space-x-reverse));
    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-14rem * var(--tw-space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-15rem * var(--tw-space-x-reverse));
    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-16rem * var(--tw-space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-18rem * var(--tw-space-x-reverse));
    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-20rem * var(--tw-space-x-reverse));
    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-24rem * var(--tw-space-x-reverse));
    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-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)));
  }

  .sm\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .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\: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));
  }

  .sm\: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));
  }

  .sm\: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));
  }

  .sm\: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));
  }

  .sm\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
  }

  .sm\: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));
  }

  .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .sm\: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));
  }

  .sm\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * var(--tw-space-y-reverse));
  }

  .sm\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
  }

  .sm\: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));
  }

  .sm\: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));
  }

  .sm\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
  }

  .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\:-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));
  }

  .sm\:-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));
  }

  .sm\:-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));
  }

  .sm\:-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));
  }

  .sm\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
  }

  .sm\:-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));
  }

  .sm\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
  }

  .sm\:-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));
  }

  .sm\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  }

  .sm\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
  }

  .sm\:-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));
  }

  .sm\:-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));
  }

  .sm\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1;
  }

  .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }

  .sm\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px * var(--tw-divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px * var(--tw-divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(8px * var(--tw-divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-x > :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)));
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --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));
  }

  .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  }

  .sm\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
  }

  .sm\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
  }

  .sm\: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));
  }

  .sm\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 1;
  }

  .sm\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
  }

  .sm\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
  }

  .sm\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style: dotted;
  }

  .sm\:divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style: double;
  }

  .sm\:divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style: none;
  }

  .sm\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
    border-color: transparent;
  }

  .sm\:divide-current > :not([hidden]) ~ :not([hidden]) {
    border-color: currentColor;
  }

  .sm\:divide-black > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
  }

  .sm\:divide-white > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
  }

  .sm\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
  }

  .sm\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
  }

  .sm\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
  }

  .sm\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
  }

  .sm\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
  }

  .sm\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
  }

  .sm\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
  }

  .sm\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
  }

  .sm\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
  }

  .sm\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
  }

  .sm\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
  }

  .sm\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
  }

  .sm\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
  }

  .sm\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
  }

  .sm\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
  }

  .sm\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
  }

  .sm\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
  }

  .sm\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
  }

  .sm\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
  }

  .sm\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
  }

  .sm\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
  }

  .sm\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
  }

  .sm\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
  }

  .sm\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
  }

  .sm\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
  }

  .sm\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
  }

  .sm\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0;
  }

  .sm\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.05;
  }

  .sm\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.1;
  }

  .sm\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.2;
  }

  .sm\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.25;
  }

  .sm\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.3;
  }

  .sm\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.4;
  }

  .sm\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.5;
  }

  .sm\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.6;
  }

  .sm\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.7;
  }

  .sm\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.75;
  }

  .sm\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.8;
  }

  .sm\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.9;
  }

  .sm\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95;
  }

  .sm\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
  }

  .sm\:place-self-auto {
    place-self: auto;
  }

  .sm\:place-self-start {
    place-self: start;
  }

  .sm\:place-self-end {
    place-self: end;
  }

  .sm\:place-self-center {
    place-self: center;
  }

  .sm\:place-self-stretch {
    place-self: stretch;
  }

  .sm\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .sm\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .sm\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .sm\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .sm\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .sm\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .sm\:justify-self-auto {
    justify-self: auto;
  }

  .sm\:justify-self-start {
    justify-self: start;
  }

  .sm\:justify-self-end {
    justify-self: end;
  }

  .sm\:justify-self-center {
    justify-self: center;
  }

  .sm\:justify-self-stretch {
    justify-self: stretch;
  }

  .sm\:overflow-auto {
    overflow: auto;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:overflow-visible {
    overflow: visible;
  }

  .sm\:overflow-scroll {
    overflow: scroll;
  }

  .sm\:overflow-x-auto {
    overflow-x: auto;
  }

  .sm\:overflow-y-auto {
    overflow-y: auto;
  }

  .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  .sm\:overflow-y-visible {
    overflow-y: visible;
  }

  .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .sm\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .sm\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .sm\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .sm\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .sm\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .sm\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .sm\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .sm\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .sm\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .sm\:overflow-clip {
    text-overflow: clip;
  }

  .sm\:whitespace-normal {
    white-space: normal;
  }

  .sm\:whitespace-nowrap {
    white-space: nowrap;
  }

  .sm\:whitespace-pre {
    white-space: pre;
  }

  .sm\:whitespace-pre-line {
    white-space: pre-line;
  }

  .sm\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .sm\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .sm\:break-words {
    overflow-wrap: break-word;
  }

  .sm\:break-all {
    word-break: break-all;
  }

  .sm\:rounded-none {
    border-radius: 0px;
  }

  .sm\:rounded-sm {
    border-radius: 0.125rem;
  }

  .sm\:rounded {
    border-radius: 0.25rem;
  }

  .sm\:rounded-md {
    border-radius: 0.375rem;
  }

  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .sm\:rounded-full {
    border-radius: 9999px;
  }

  .sm\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .sm\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .sm\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .sm\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .sm\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .sm\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .sm\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .sm\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .sm\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .sm\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .sm\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .sm\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .sm\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-tl-none {
    border-top-left-radius: 0px;
  }

  .sm\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .sm\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .sm\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .sm\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .sm\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .sm\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .sm\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .sm\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .sm\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .sm\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .sm\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .sm\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .sm\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .sm\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .sm\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .sm\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .sm\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }

  .sm\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .sm\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }

  .sm\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .sm\:border-0 {
    border-width: 0px;
  }

  .sm\:border-2 {
    border-width: 2px;
  }

  .sm\:border-4 {
    border-width: 4px;
  }

  .sm\:border-8 {
    border-width: 8px;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0px;
  }

  .sm\:border-t-2 {
    border-top-width: 2px;
  }

  .sm\:border-t-4 {
    border-top-width: 4px;
  }

  .sm\:border-t-8 {
    border-top-width: 8px;
  }

  .sm\:border-t {
    border-top-width: 1px;
  }

  .sm\:border-r-0 {
    border-right-width: 0px;
  }

  .sm\:border-r-2 {
    border-right-width: 2px;
  }

  .sm\:border-r-4 {
    border-right-width: 4px;
  }

  .sm\:border-r-8 {
    border-right-width: 8px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0px;
  }

  .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  .sm\:border-b-4 {
    border-bottom-width: 4px;
  }

  .sm\:border-b-8 {
    border-bottom-width: 8px;
  }

  .sm\:border-b {
    border-bottom-width: 1px;
  }

  .sm\:border-l-0 {
    border-left-width: 0px;
  }

  .sm\:border-l-2 {
    border-left-width: 2px;
  }

  .sm\:border-l-4 {
    border-left-width: 4px;
  }

  .sm\:border-l-8 {
    border-left-width: 8px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:border-solid {
    border-style: solid;
  }

  .sm\:border-dashed {
    border-style: dashed;
  }

  .sm\:border-dotted {
    border-style: dotted;
  }

  .sm\:border-double {
    border-style: double;
  }

  .sm\:border-none {
    border-style: none;
  }

  .sm\:border-transparent {
    border-color: transparent;
  }

  .sm\:border-current {
    border-color: currentColor;
  }

  .sm\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .sm\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .sm\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .sm\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .sm\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .sm\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .sm\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .sm\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .sm\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .sm\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .sm\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .sm\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .sm\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .sm\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .sm\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .sm\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .sm\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .sm\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .sm\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .sm\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .sm\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .sm\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .sm\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .sm\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .sm\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .sm\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .sm\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .sm\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .sm\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .sm\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .sm\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .sm\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .sm\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .sm\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .sm\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .sm\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .sm\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .sm\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .sm\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .sm\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .sm\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .sm\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .sm\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .sm\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .sm\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .sm\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .sm\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .sm\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .sm\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .sm\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .sm\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .sm\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .sm\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .sm\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .sm\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .sm\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .sm\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .sm\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .sm\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .sm\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .sm\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .sm\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .sm\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .sm\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .sm\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .sm\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .sm\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .sm\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .sm\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .sm\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .sm\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .sm\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .sm\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .sm\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .sm\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .sm\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .sm\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .sm\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .sm\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .sm\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .sm\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .sm\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-transparent {
    border-color: transparent;
  }

  .group:hover .sm\:group-hover\:border-current {
    border-color: currentColor;
  }

  .group:hover .sm\:group-hover\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .group:hover .sm\:group-hover\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-transparent:focus-within {
    border-color: transparent;
  }

  .sm\:focus-within\:border-current:focus-within {
    border-color: currentColor;
  }

  .sm\:focus-within\:border-black:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-white:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-gray-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-red-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-yellow-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-green-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-blue-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-indigo-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-purple-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .sm\:focus-within\:border-pink-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .sm\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .sm\:hover\:border-current:hover {
    border-color: currentColor;
  }

  .sm\:hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .sm\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .sm\:hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .sm\:hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .sm\:hover\:border-yellow-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .sm\:hover\:border-green-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .sm\:hover\:border-blue-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .sm\:hover\:border-indigo-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .sm\:hover\:border-purple-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .sm\:hover\:border-pink-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .sm\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .sm\:focus\:border-current:focus {
    border-color: currentColor;
  }

  .sm\:focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .sm\:focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .sm\:focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .sm\:focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .sm\:focus\:border-yellow-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .sm\:focus\:border-green-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .sm\:focus\:border-blue-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .sm\:focus\:border-indigo-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .sm\:focus\:border-purple-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .sm\:focus\:border-pink-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .sm\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .sm\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .sm\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .sm\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .sm\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .sm\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .sm\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .sm\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .sm\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .sm\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .sm\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .sm\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .sm\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .sm\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .sm\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .group:hover .sm\:group-hover\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .group:hover .sm\:group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .group:hover .sm\:group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .group:hover .sm\:group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .group:hover .sm\:group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .group:hover .sm\:group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .group:hover .sm\:group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .group:hover .sm\:group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .group:hover .sm\:group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .group:hover .sm\:group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .group:hover .sm\:group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .group:hover .sm\:group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .group:hover .sm\:group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .group:hover .sm\:group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .group:hover .sm\:group-hover\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .sm\:focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0;
  }

  .sm\:focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05;
  }

  .sm\:focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1;
  }

  .sm\:focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2;
  }

  .sm\:focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25;
  }

  .sm\:focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3;
  }

  .sm\:focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4;
  }

  .sm\:focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5;
  }

  .sm\:focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6;
  }

  .sm\:focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7;
  }

  .sm\:focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75;
  }

  .sm\:focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8;
  }

  .sm\:focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9;
  }

  .sm\:focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95;
  }

  .sm\:focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1;
  }

  .sm\:hover\:border-opacity-0:hover {
    --tw-border-opacity: 0;
  }

  .sm\:hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05;
  }

  .sm\:hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1;
  }

  .sm\:hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2;
  }

  .sm\:hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25;
  }

  .sm\:hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3;
  }

  .sm\:hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4;
  }

  .sm\:hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5;
  }

  .sm\:hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6;
  }

  .sm\:hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7;
  }

  .sm\:hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75;
  }

  .sm\:hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8;
  }

  .sm\:hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9;
  }

  .sm\:hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95;
  }

  .sm\:hover\:border-opacity-100:hover {
    --tw-border-opacity: 1;
  }

  .sm\:focus\:border-opacity-0:focus {
    --tw-border-opacity: 0;
  }

  .sm\:focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05;
  }

  .sm\:focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1;
  }

  .sm\:focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2;
  }

  .sm\:focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25;
  }

  .sm\:focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3;
  }

  .sm\:focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4;
  }

  .sm\:focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5;
  }

  .sm\:focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6;
  }

  .sm\:focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7;
  }

  .sm\:focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75;
  }

  .sm\:focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8;
  }

  .sm\:focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9;
  }

  .sm\:focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95;
  }

  .sm\:focus\:border-opacity-100:focus {
    --tw-border-opacity: 1;
  }

  .sm\:bg-transparent {
    background-color: transparent;
  }

  .sm\:bg-current {
    background-color: currentColor;
  }

  .sm\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .sm\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .sm\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .sm\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .sm\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .sm\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .sm\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .sm\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .sm\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .sm\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .sm\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .sm\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .sm\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .sm\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .sm\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .sm\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .sm\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .sm\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .sm\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .sm\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .sm\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .sm\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .sm\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .sm\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .sm\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .sm\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .sm\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .sm\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-transparent {
    background-color: transparent;
  }

  .group:hover .sm\:group-hover\:bg-current {
    background-color: currentColor;
  }

  .group:hover .sm\:group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .group:hover .sm\:group-hover\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-transparent:focus-within {
    background-color: transparent;
  }

  .sm\:focus-within\:bg-current:focus-within {
    background-color: currentColor;
  }

  .sm\:focus-within\:bg-black:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-white:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-gray-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-red-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-yellow-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-green-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-blue-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-indigo-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-purple-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .sm\:focus-within\:bg-pink-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .sm\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  .sm\:hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-green-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-purple-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .sm\:hover\:bg-pink-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .sm\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  .sm\:focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-gray-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-red-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-yellow-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-green-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-indigo-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-purple-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .sm\:focus\:bg-pink-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .sm\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .sm\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .sm\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .sm\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .sm\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .sm\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .sm\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .sm\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .sm\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .sm\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .sm\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .sm\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .sm\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .sm\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .sm\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .group:hover .sm\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .group:hover .sm\:group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .group:hover .sm\:group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .group:hover .sm\:group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .group:hover .sm\:group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .group:hover .sm\:group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .group:hover .sm\:group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .group:hover .sm\:group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .group:hover .sm\:group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .group:hover .sm\:group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .group:hover .sm\:group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .group:hover .sm\:group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .group:hover .sm\:group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .group:hover .sm\:group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .group:hover .sm\:group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .sm\:focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0;
  }

  .sm\:focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05;
  }

  .sm\:focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1;
  }

  .sm\:focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2;
  }

  .sm\:focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25;
  }

  .sm\:focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3;
  }

  .sm\:focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4;
  }

  .sm\:focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5;
  }

  .sm\:focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6;
  }

  .sm\:focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7;
  }

  .sm\:focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75;
  }

  .sm\:focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8;
  }

  .sm\:focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9;
  }

  .sm\:focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95;
  }

  .sm\:focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1;
  }

  .sm\:hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0;
  }

  .sm\:hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
  }

  .sm\:hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
  }

  .sm\:hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
  }

  .sm\:hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25;
  }

  .sm\:hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3;
  }

  .sm\:hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4;
  }

  .sm\:hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5;
  }

  .sm\:hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6;
  }

  .sm\:hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7;
  }

  .sm\:hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75;
  }

  .sm\:hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8;
  }

  .sm\:hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9;
  }

  .sm\:hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95;
  }

  .sm\:hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1;
  }

  .sm\:focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0;
  }

  .sm\:focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05;
  }

  .sm\:focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1;
  }

  .sm\:focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2;
  }

  .sm\:focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25;
  }

  .sm\:focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3;
  }

  .sm\:focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4;
  }

  .sm\:focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5;
  }

  .sm\:focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6;
  }

  .sm\:focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7;
  }

  .sm\:focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75;
  }

  .sm\:focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8;
  }

  .sm\:focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9;
  }

  .sm\:focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95;
  }

  .sm\:focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1;
  }

  .sm\:bg-none {
    background-image: none;
  }

  .sm\:bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-tr {
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-r {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-bl {
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-l {
    background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }

  .sm\:bg-gradient-to-tl {
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
  }

  .sm\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:from-current {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:from-black {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:from-gray-50 {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .sm\:from-gray-100 {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .sm\:from-gray-200 {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .sm\:from-gray-300 {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .sm\:from-gray-400 {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .sm\:from-gray-500 {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .sm\:from-gray-600 {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .sm\:from-gray-700 {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .sm\:from-gray-800 {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .sm\:from-gray-900 {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .sm\:from-red-50 {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .sm\:from-red-100 {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .sm\:from-red-200 {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .sm\:from-red-300 {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .sm\:from-red-400 {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .sm\:from-red-500 {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .sm\:from-red-600 {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .sm\:from-red-700 {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .sm\:from-red-800 {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .sm\:from-red-900 {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .sm\:from-yellow-50 {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .sm\:from-yellow-100 {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .sm\:from-yellow-200 {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .sm\:from-yellow-300 {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .sm\:from-yellow-400 {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .sm\:from-yellow-500 {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .sm\:from-yellow-600 {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .sm\:from-yellow-700 {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .sm\:from-yellow-800 {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .sm\:from-yellow-900 {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .sm\:from-green-50 {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .sm\:from-green-100 {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .sm\:from-green-200 {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .sm\:from-green-300 {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .sm\:from-green-400 {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .sm\:from-green-500 {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .sm\:from-green-600 {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .sm\:from-green-700 {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .sm\:from-green-800 {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .sm\:from-green-900 {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .sm\:from-blue-50 {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .sm\:from-blue-100 {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .sm\:from-blue-200 {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .sm\:from-blue-300 {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .sm\:from-blue-400 {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .sm\:from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .sm\:from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .sm\:from-blue-700 {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .sm\:from-blue-800 {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .sm\:from-blue-900 {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .sm\:from-indigo-50 {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .sm\:from-indigo-100 {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .sm\:from-indigo-200 {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .sm\:from-indigo-300 {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .sm\:from-indigo-400 {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .sm\:from-indigo-500 {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .sm\:from-indigo-600 {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .sm\:from-indigo-700 {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .sm\:from-indigo-800 {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .sm\:from-indigo-900 {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .sm\:from-purple-50 {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .sm\:from-purple-100 {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .sm\:from-purple-200 {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .sm\:from-purple-300 {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .sm\:from-purple-400 {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .sm\:from-purple-500 {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .sm\:from-purple-600 {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .sm\:from-purple-700 {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .sm\:from-purple-800 {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .sm\:from-purple-900 {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .sm\:from-pink-50 {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .sm\:from-pink-100 {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .sm\:from-pink-200 {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .sm\:from-pink-300 {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .sm\:from-pink-400 {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .sm\:from-pink-500 {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .sm\:from-pink-600 {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .sm\:from-pink-700 {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .sm\:from-pink-800 {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .sm\:from-pink-900 {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .sm\:hover\:from-transparent:hover {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-current:hover {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-black:hover {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-white:hover {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-gray-50:hover {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .sm\:hover\:from-gray-100:hover {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .sm\:hover\:from-gray-200:hover {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .sm\:hover\:from-gray-300:hover {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .sm\:hover\:from-gray-400:hover {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .sm\:hover\:from-gray-500:hover {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .sm\:hover\:from-gray-600:hover {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .sm\:hover\:from-gray-700:hover {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .sm\:hover\:from-gray-800:hover {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .sm\:hover\:from-gray-900:hover {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .sm\:hover\:from-red-50:hover {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .sm\:hover\:from-red-100:hover {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .sm\:hover\:from-red-200:hover {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .sm\:hover\:from-red-300:hover {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .sm\:hover\:from-red-400:hover {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .sm\:hover\:from-red-500:hover {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .sm\:hover\:from-red-600:hover {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .sm\:hover\:from-red-700:hover {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .sm\:hover\:from-red-800:hover {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .sm\:hover\:from-red-900:hover {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .sm\:hover\:from-yellow-50:hover {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .sm\:hover\:from-yellow-100:hover {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .sm\:hover\:from-yellow-200:hover {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .sm\:hover\:from-yellow-300:hover {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .sm\:hover\:from-yellow-400:hover {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .sm\:hover\:from-yellow-500:hover {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .sm\:hover\:from-yellow-600:hover {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .sm\:hover\:from-yellow-700:hover {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .sm\:hover\:from-yellow-800:hover {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .sm\:hover\:from-yellow-900:hover {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .sm\:hover\:from-green-50:hover {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .sm\:hover\:from-green-100:hover {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .sm\:hover\:from-green-200:hover {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .sm\:hover\:from-green-300:hover {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .sm\:hover\:from-green-400:hover {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .sm\:hover\:from-green-500:hover {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .sm\:hover\:from-green-600:hover {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .sm\:hover\:from-green-700:hover {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .sm\:hover\:from-green-800:hover {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .sm\:hover\:from-green-900:hover {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .sm\:hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .sm\:hover\:from-blue-100:hover {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .sm\:hover\:from-blue-200:hover {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .sm\:hover\:from-blue-300:hover {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .sm\:hover\:from-blue-400:hover {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .sm\:hover\:from-blue-500:hover {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .sm\:hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .sm\:hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .sm\:hover\:from-blue-800:hover {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .sm\:hover\:from-blue-900:hover {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .sm\:hover\:from-indigo-50:hover {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .sm\:hover\:from-indigo-100:hover {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .sm\:hover\:from-indigo-200:hover {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .sm\:hover\:from-indigo-300:hover {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .sm\:hover\:from-indigo-400:hover {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .sm\:hover\:from-indigo-500:hover {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .sm\:hover\:from-indigo-600:hover {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .sm\:hover\:from-indigo-700:hover {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .sm\:hover\:from-indigo-800:hover {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .sm\:hover\:from-indigo-900:hover {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .sm\:hover\:from-purple-50:hover {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .sm\:hover\:from-purple-100:hover {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .sm\:hover\:from-purple-200:hover {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .sm\:hover\:from-purple-300:hover {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .sm\:hover\:from-purple-400:hover {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .sm\:hover\:from-purple-500:hover {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .sm\:hover\:from-purple-600:hover {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .sm\:hover\:from-purple-700:hover {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .sm\:hover\:from-purple-800:hover {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .sm\:hover\:from-purple-900:hover {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .sm\:hover\:from-pink-50:hover {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .sm\:hover\:from-pink-100:hover {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .sm\:hover\:from-pink-200:hover {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .sm\:hover\:from-pink-300:hover {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .sm\:hover\:from-pink-400:hover {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .sm\:hover\:from-pink-500:hover {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .sm\:hover\:from-pink-600:hover {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .sm\:hover\:from-pink-700:hover {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .sm\:hover\:from-pink-800:hover {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .sm\:hover\:from-pink-900:hover {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .sm\:focus\:from-transparent:focus {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-current:focus {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-black:focus {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-white:focus {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-gray-50:focus {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .sm\:focus\:from-gray-100:focus {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .sm\:focus\:from-gray-200:focus {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .sm\:focus\:from-gray-300:focus {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .sm\:focus\:from-gray-400:focus {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .sm\:focus\:from-gray-500:focus {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .sm\:focus\:from-gray-600:focus {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .sm\:focus\:from-gray-700:focus {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .sm\:focus\:from-gray-800:focus {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .sm\:focus\:from-gray-900:focus {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .sm\:focus\:from-red-50:focus {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .sm\:focus\:from-red-100:focus {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .sm\:focus\:from-red-200:focus {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .sm\:focus\:from-red-300:focus {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .sm\:focus\:from-red-400:focus {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .sm\:focus\:from-red-500:focus {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .sm\:focus\:from-red-600:focus {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .sm\:focus\:from-red-700:focus {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .sm\:focus\:from-red-800:focus {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .sm\:focus\:from-red-900:focus {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .sm\:focus\:from-yellow-50:focus {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .sm\:focus\:from-yellow-100:focus {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .sm\:focus\:from-yellow-200:focus {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .sm\:focus\:from-yellow-300:focus {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .sm\:focus\:from-yellow-400:focus {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .sm\:focus\:from-yellow-500:focus {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .sm\:focus\:from-yellow-600:focus {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .sm\:focus\:from-yellow-700:focus {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .sm\:focus\:from-yellow-800:focus {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .sm\:focus\:from-yellow-900:focus {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .sm\:focus\:from-green-50:focus {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .sm\:focus\:from-green-100:focus {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .sm\:focus\:from-green-200:focus {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .sm\:focus\:from-green-300:focus {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .sm\:focus\:from-green-400:focus {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .sm\:focus\:from-green-500:focus {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .sm\:focus\:from-green-600:focus {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .sm\:focus\:from-green-700:focus {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .sm\:focus\:from-green-800:focus {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .sm\:focus\:from-green-900:focus {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .sm\:focus\:from-blue-50:focus {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .sm\:focus\:from-blue-100:focus {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .sm\:focus\:from-blue-200:focus {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .sm\:focus\:from-blue-300:focus {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .sm\:focus\:from-blue-400:focus {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .sm\:focus\:from-blue-500:focus {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .sm\:focus\:from-blue-600:focus {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .sm\:focus\:from-blue-700:focus {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .sm\:focus\:from-blue-800:focus {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .sm\:focus\:from-blue-900:focus {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .sm\:focus\:from-indigo-50:focus {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .sm\:focus\:from-indigo-100:focus {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .sm\:focus\:from-indigo-200:focus {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .sm\:focus\:from-indigo-300:focus {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .sm\:focus\:from-indigo-400:focus {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .sm\:focus\:from-indigo-500:focus {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .sm\:focus\:from-indigo-600:focus {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .sm\:focus\:from-indigo-700:focus {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .sm\:focus\:from-indigo-800:focus {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .sm\:focus\:from-indigo-900:focus {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .sm\:focus\:from-purple-50:focus {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .sm\:focus\:from-purple-100:focus {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .sm\:focus\:from-purple-200:focus {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .sm\:focus\:from-purple-300:focus {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .sm\:focus\:from-purple-400:focus {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .sm\:focus\:from-purple-500:focus {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .sm\:focus\:from-purple-600:focus {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .sm\:focus\:from-purple-700:focus {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .sm\:focus\:from-purple-800:focus {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .sm\:focus\:from-purple-900:focus {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .sm\:focus\:from-pink-50:focus {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .sm\:focus\:from-pink-100:focus {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .sm\:focus\:from-pink-200:focus {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .sm\:focus\:from-pink-300:focus {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .sm\:focus\:from-pink-400:focus {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .sm\:focus\:from-pink-500:focus {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .sm\:focus\:from-pink-600:focus {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .sm\:focus\:from-pink-700:focus {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .sm\:focus\:from-pink-800:focus {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .sm\:focus\:from-pink-900:focus {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .sm\:via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:via-current {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:via-black {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:via-gray-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .sm\:via-gray-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .sm\:via-gray-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .sm\:via-gray-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .sm\:via-gray-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .sm\:via-gray-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .sm\:via-gray-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .sm\:via-gray-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .sm\:via-gray-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .sm\:via-gray-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .sm\:via-red-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .sm\:via-red-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .sm\:via-red-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .sm\:via-red-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .sm\:via-red-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .sm\:via-red-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .sm\:via-red-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .sm\:via-red-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .sm\:via-red-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .sm\:via-red-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .sm\:via-yellow-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .sm\:via-yellow-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .sm\:via-yellow-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .sm\:via-yellow-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .sm\:via-yellow-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .sm\:via-yellow-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .sm\:via-yellow-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .sm\:via-yellow-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .sm\:via-yellow-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .sm\:via-yellow-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .sm\:via-green-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .sm\:via-green-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .sm\:via-green-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .sm\:via-green-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .sm\:via-green-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .sm\:via-green-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .sm\:via-green-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .sm\:via-green-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .sm\:via-green-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .sm\:via-green-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .sm\:via-blue-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .sm\:via-blue-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .sm\:via-blue-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .sm\:via-blue-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .sm\:via-blue-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .sm\:via-blue-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .sm\:via-blue-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .sm\:via-blue-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .sm\:via-blue-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .sm\:via-blue-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .sm\:via-indigo-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .sm\:via-indigo-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .sm\:via-indigo-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .sm\:via-indigo-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .sm\:via-indigo-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .sm\:via-indigo-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .sm\:via-indigo-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .sm\:via-indigo-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .sm\:via-indigo-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .sm\:via-indigo-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .sm\:via-purple-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .sm\:via-purple-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .sm\:via-purple-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .sm\:via-purple-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .sm\:via-purple-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .sm\:via-purple-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .sm\:via-purple-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .sm\:via-purple-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .sm\:via-purple-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .sm\:via-purple-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .sm\:via-pink-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .sm\:via-pink-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .sm\:via-pink-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .sm\:via-pink-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .sm\:via-pink-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .sm\:via-pink-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .sm\:via-pink-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .sm\:via-pink-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .sm\:via-pink-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .sm\:via-pink-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .sm\:hover\:via-transparent:hover {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-current:hover {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-black:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-gray-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .sm\:hover\:via-gray-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .sm\:hover\:via-gray-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .sm\:hover\:via-gray-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .sm\:hover\:via-gray-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .sm\:hover\:via-gray-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .sm\:hover\:via-gray-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .sm\:hover\:via-gray-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .sm\:hover\:via-gray-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .sm\:hover\:via-gray-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .sm\:hover\:via-red-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .sm\:hover\:via-red-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .sm\:hover\:via-red-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .sm\:hover\:via-red-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .sm\:hover\:via-red-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .sm\:hover\:via-red-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .sm\:hover\:via-red-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .sm\:hover\:via-red-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .sm\:hover\:via-red-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .sm\:hover\:via-red-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .sm\:hover\:via-yellow-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .sm\:hover\:via-yellow-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .sm\:hover\:via-yellow-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .sm\:hover\:via-yellow-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .sm\:hover\:via-yellow-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .sm\:hover\:via-yellow-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .sm\:hover\:via-yellow-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .sm\:hover\:via-yellow-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .sm\:hover\:via-yellow-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .sm\:hover\:via-yellow-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .sm\:hover\:via-green-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .sm\:hover\:via-green-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .sm\:hover\:via-green-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .sm\:hover\:via-green-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .sm\:hover\:via-green-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .sm\:hover\:via-green-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .sm\:hover\:via-green-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .sm\:hover\:via-green-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .sm\:hover\:via-green-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .sm\:hover\:via-green-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .sm\:hover\:via-blue-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .sm\:hover\:via-blue-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .sm\:hover\:via-blue-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .sm\:hover\:via-blue-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .sm\:hover\:via-blue-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .sm\:hover\:via-blue-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .sm\:hover\:via-blue-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .sm\:hover\:via-blue-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .sm\:hover\:via-blue-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .sm\:hover\:via-blue-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .sm\:hover\:via-indigo-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .sm\:hover\:via-indigo-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .sm\:hover\:via-indigo-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .sm\:hover\:via-indigo-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .sm\:hover\:via-indigo-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .sm\:hover\:via-indigo-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .sm\:hover\:via-indigo-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .sm\:hover\:via-indigo-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .sm\:hover\:via-indigo-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .sm\:hover\:via-indigo-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .sm\:hover\:via-purple-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .sm\:hover\:via-purple-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .sm\:hover\:via-purple-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .sm\:hover\:via-purple-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .sm\:hover\:via-purple-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .sm\:hover\:via-purple-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .sm\:hover\:via-purple-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .sm\:hover\:via-purple-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .sm\:hover\:via-purple-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .sm\:hover\:via-purple-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .sm\:hover\:via-pink-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .sm\:hover\:via-pink-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .sm\:hover\:via-pink-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .sm\:hover\:via-pink-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .sm\:hover\:via-pink-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .sm\:hover\:via-pink-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .sm\:hover\:via-pink-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .sm\:hover\:via-pink-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .sm\:hover\:via-pink-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .sm\:hover\:via-pink-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .sm\:focus\:via-transparent:focus {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-current:focus {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-black:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-gray-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .sm\:focus\:via-gray-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .sm\:focus\:via-gray-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .sm\:focus\:via-gray-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .sm\:focus\:via-gray-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .sm\:focus\:via-gray-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .sm\:focus\:via-gray-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .sm\:focus\:via-gray-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .sm\:focus\:via-gray-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .sm\:focus\:via-gray-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .sm\:focus\:via-red-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .sm\:focus\:via-red-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .sm\:focus\:via-red-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .sm\:focus\:via-red-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .sm\:focus\:via-red-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .sm\:focus\:via-red-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .sm\:focus\:via-red-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .sm\:focus\:via-red-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .sm\:focus\:via-red-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .sm\:focus\:via-red-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .sm\:focus\:via-yellow-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .sm\:focus\:via-yellow-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .sm\:focus\:via-yellow-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .sm\:focus\:via-yellow-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .sm\:focus\:via-yellow-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .sm\:focus\:via-yellow-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .sm\:focus\:via-yellow-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .sm\:focus\:via-yellow-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .sm\:focus\:via-yellow-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .sm\:focus\:via-yellow-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .sm\:focus\:via-green-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .sm\:focus\:via-green-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .sm\:focus\:via-green-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .sm\:focus\:via-green-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .sm\:focus\:via-green-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .sm\:focus\:via-green-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .sm\:focus\:via-green-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .sm\:focus\:via-green-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .sm\:focus\:via-green-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .sm\:focus\:via-green-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .sm\:focus\:via-blue-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .sm\:focus\:via-blue-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .sm\:focus\:via-blue-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .sm\:focus\:via-blue-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .sm\:focus\:via-blue-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .sm\:focus\:via-blue-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .sm\:focus\:via-blue-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .sm\:focus\:via-blue-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .sm\:focus\:via-blue-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .sm\:focus\:via-blue-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .sm\:focus\:via-indigo-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .sm\:focus\:via-indigo-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .sm\:focus\:via-indigo-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .sm\:focus\:via-indigo-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .sm\:focus\:via-indigo-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .sm\:focus\:via-indigo-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .sm\:focus\:via-indigo-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .sm\:focus\:via-indigo-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .sm\:focus\:via-indigo-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .sm\:focus\:via-indigo-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .sm\:focus\:via-purple-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .sm\:focus\:via-purple-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .sm\:focus\:via-purple-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .sm\:focus\:via-purple-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .sm\:focus\:via-purple-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .sm\:focus\:via-purple-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .sm\:focus\:via-purple-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .sm\:focus\:via-purple-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .sm\:focus\:via-purple-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .sm\:focus\:via-purple-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .sm\:focus\:via-pink-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .sm\:focus\:via-pink-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .sm\:focus\:via-pink-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .sm\:focus\:via-pink-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .sm\:focus\:via-pink-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .sm\:focus\:via-pink-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .sm\:focus\:via-pink-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .sm\:focus\:via-pink-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .sm\:focus\:via-pink-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .sm\:focus\:via-pink-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .sm\:to-transparent {
    --tw-gradient-to: transparent;
  }

  .sm\:to-current {
    --tw-gradient-to: currentColor;
  }

  .sm\:to-black {
    --tw-gradient-to: #000;
  }

  .sm\:to-white {
    --tw-gradient-to: #fff;
  }

  .sm\:to-gray-50 {
    --tw-gradient-to: #f9fafb;
  }

  .sm\:to-gray-100 {
    --tw-gradient-to: #f3f4f6;
  }

  .sm\:to-gray-200 {
    --tw-gradient-to: #e5e7eb;
  }

  .sm\:to-gray-300 {
    --tw-gradient-to: #d1d5db;
  }

  .sm\:to-gray-400 {
    --tw-gradient-to: #9ca3af;
  }

  .sm\:to-gray-500 {
    --tw-gradient-to: #6b7280;
  }

  .sm\:to-gray-600 {
    --tw-gradient-to: #4b5563;
  }

  .sm\:to-gray-700 {
    --tw-gradient-to: #374151;
  }

  .sm\:to-gray-800 {
    --tw-gradient-to: #1f2937;
  }

  .sm\:to-gray-900 {
    --tw-gradient-to: #111827;
  }

  .sm\:to-red-50 {
    --tw-gradient-to: #fef2f2;
  }

  .sm\:to-red-100 {
    --tw-gradient-to: #fee2e2;
  }

  .sm\:to-red-200 {
    --tw-gradient-to: #fecaca;
  }

  .sm\:to-red-300 {
    --tw-gradient-to: #fca5a5;
  }

  .sm\:to-red-400 {
    --tw-gradient-to: #f87171;
  }

  .sm\:to-red-500 {
    --tw-gradient-to: #ef4444;
  }

  .sm\:to-red-600 {
    --tw-gradient-to: #dc2626;
  }

  .sm\:to-red-700 {
    --tw-gradient-to: #b91c1c;
  }

  .sm\:to-red-800 {
    --tw-gradient-to: #991b1b;
  }

  .sm\:to-red-900 {
    --tw-gradient-to: #7f1d1d;
  }

  .sm\:to-yellow-50 {
    --tw-gradient-to: #fffbeb;
  }

  .sm\:to-yellow-100 {
    --tw-gradient-to: #fef3c7;
  }

  .sm\:to-yellow-200 {
    --tw-gradient-to: #fde68a;
  }

  .sm\:to-yellow-300 {
    --tw-gradient-to: #fcd34d;
  }

  .sm\:to-yellow-400 {
    --tw-gradient-to: #fbbf24;
  }

  .sm\:to-yellow-500 {
    --tw-gradient-to: #f59e0b;
  }

  .sm\:to-yellow-600 {
    --tw-gradient-to: #d97706;
  }

  .sm\:to-yellow-700 {
    --tw-gradient-to: #b45309;
  }

  .sm\:to-yellow-800 {
    --tw-gradient-to: #92400e;
  }

  .sm\:to-yellow-900 {
    --tw-gradient-to: #78350f;
  }

  .sm\:to-green-50 {
    --tw-gradient-to: #ecfdf5;
  }

  .sm\:to-green-100 {
    --tw-gradient-to: #d1fae5;
  }

  .sm\:to-green-200 {
    --tw-gradient-to: #a7f3d0;
  }

  .sm\:to-green-300 {
    --tw-gradient-to: #6ee7b7;
  }

  .sm\:to-green-400 {
    --tw-gradient-to: #34d399;
  }

  .sm\:to-green-500 {
    --tw-gradient-to: #10b981;
  }

  .sm\:to-green-600 {
    --tw-gradient-to: #059669;
  }

  .sm\:to-green-700 {
    --tw-gradient-to: #047857;
  }

  .sm\:to-green-800 {
    --tw-gradient-to: #065f46;
  }

  .sm\:to-green-900 {
    --tw-gradient-to: #064e3b;
  }

  .sm\:to-blue-50 {
    --tw-gradient-to: #eff6ff;
  }

  .sm\:to-blue-100 {
    --tw-gradient-to: #dbeafe;
  }

  .sm\:to-blue-200 {
    --tw-gradient-to: #bfdbfe;
  }

  .sm\:to-blue-300 {
    --tw-gradient-to: #93c5fd;
  }

  .sm\:to-blue-400 {
    --tw-gradient-to: #60a5fa;
  }

  .sm\:to-blue-500 {
    --tw-gradient-to: #3b82f6;
  }

  .sm\:to-blue-600 {
    --tw-gradient-to: #2563eb;
  }

  .sm\:to-blue-700 {
    --tw-gradient-to: #1d4ed8;
  }

  .sm\:to-blue-800 {
    --tw-gradient-to: #1e40af;
  }

  .sm\:to-blue-900 {
    --tw-gradient-to: #1e3a8a;
  }

  .sm\:to-indigo-50 {
    --tw-gradient-to: #eef2ff;
  }

  .sm\:to-indigo-100 {
    --tw-gradient-to: #e0e7ff;
  }

  .sm\:to-indigo-200 {
    --tw-gradient-to: #c7d2fe;
  }

  .sm\:to-indigo-300 {
    --tw-gradient-to: #a5b4fc;
  }

  .sm\:to-indigo-400 {
    --tw-gradient-to: #818cf8;
  }

  .sm\:to-indigo-500 {
    --tw-gradient-to: #6366f1;
  }

  .sm\:to-indigo-600 {
    --tw-gradient-to: #4f46e5;
  }

  .sm\:to-indigo-700 {
    --tw-gradient-to: #4338ca;
  }

  .sm\:to-indigo-800 {
    --tw-gradient-to: #3730a3;
  }

  .sm\:to-indigo-900 {
    --tw-gradient-to: #312e81;
  }

  .sm\:to-purple-50 {
    --tw-gradient-to: #f5f3ff;
  }

  .sm\:to-purple-100 {
    --tw-gradient-to: #ede9fe;
  }

  .sm\:to-purple-200 {
    --tw-gradient-to: #ddd6fe;
  }

  .sm\:to-purple-300 {
    --tw-gradient-to: #c4b5fd;
  }

  .sm\:to-purple-400 {
    --tw-gradient-to: #a78bfa;
  }

  .sm\:to-purple-500 {
    --tw-gradient-to: #8b5cf6;
  }

  .sm\:to-purple-600 {
    --tw-gradient-to: #7c3aed;
  }

  .sm\:to-purple-700 {
    --tw-gradient-to: #6d28d9;
  }

  .sm\:to-purple-800 {
    --tw-gradient-to: #5b21b6;
  }

  .sm\:to-purple-900 {
    --tw-gradient-to: #4c1d95;
  }

  .sm\:to-pink-50 {
    --tw-gradient-to: #fdf2f8;
  }

  .sm\:to-pink-100 {
    --tw-gradient-to: #fce7f3;
  }

  .sm\:to-pink-200 {
    --tw-gradient-to: #fbcfe8;
  }

  .sm\:to-pink-300 {
    --tw-gradient-to: #f9a8d4;
  }

  .sm\:to-pink-400 {
    --tw-gradient-to: #f472b6;
  }

  .sm\:to-pink-500 {
    --tw-gradient-to: #ec4899;
  }

  .sm\:to-pink-600 {
    --tw-gradient-to: #db2777;
  }

  .sm\:to-pink-700 {
    --tw-gradient-to: #be185d;
  }

  .sm\:to-pink-800 {
    --tw-gradient-to: #9d174d;
  }

  .sm\:to-pink-900 {
    --tw-gradient-to: #831843;
  }

  .sm\:hover\:to-transparent:hover {
    --tw-gradient-to: transparent;
  }

  .sm\:hover\:to-current:hover {
    --tw-gradient-to: currentColor;
  }

  .sm\:hover\:to-black:hover {
    --tw-gradient-to: #000;
  }

  .sm\:hover\:to-white:hover {
    --tw-gradient-to: #fff;
  }

  .sm\:hover\:to-gray-50:hover {
    --tw-gradient-to: #f9fafb;
  }

  .sm\:hover\:to-gray-100:hover {
    --tw-gradient-to: #f3f4f6;
  }

  .sm\:hover\:to-gray-200:hover {
    --tw-gradient-to: #e5e7eb;
  }

  .sm\:hover\:to-gray-300:hover {
    --tw-gradient-to: #d1d5db;
  }

  .sm\:hover\:to-gray-400:hover {
    --tw-gradient-to: #9ca3af;
  }

  .sm\:hover\:to-gray-500:hover {
    --tw-gradient-to: #6b7280;
  }

  .sm\:hover\:to-gray-600:hover {
    --tw-gradient-to: #4b5563;
  }

  .sm\:hover\:to-gray-700:hover {
    --tw-gradient-to: #374151;
  }

  .sm\:hover\:to-gray-800:hover {
    --tw-gradient-to: #1f2937;
  }

  .sm\:hover\:to-gray-900:hover {
    --tw-gradient-to: #111827;
  }

  .sm\:hover\:to-red-50:hover {
    --tw-gradient-to: #fef2f2;
  }

  .sm\:hover\:to-red-100:hover {
    --tw-gradient-to: #fee2e2;
  }

  .sm\:hover\:to-red-200:hover {
    --tw-gradient-to: #fecaca;
  }

  .sm\:hover\:to-red-300:hover {
    --tw-gradient-to: #fca5a5;
  }

  .sm\:hover\:to-red-400:hover {
    --tw-gradient-to: #f87171;
  }

  .sm\:hover\:to-red-500:hover {
    --tw-gradient-to: #ef4444;
  }

  .sm\:hover\:to-red-600:hover {
    --tw-gradient-to: #dc2626;
  }

  .sm\:hover\:to-red-700:hover {
    --tw-gradient-to: #b91c1c;
  }

  .sm\:hover\:to-red-800:hover {
    --tw-gradient-to: #991b1b;
  }

  .sm\:hover\:to-red-900:hover {
    --tw-gradient-to: #7f1d1d;
  }

  .sm\:hover\:to-yellow-50:hover {
    --tw-gradient-to: #fffbeb;
  }

  .sm\:hover\:to-yellow-100:hover {
    --tw-gradient-to: #fef3c7;
  }

  .sm\:hover\:to-yellow-200:hover {
    --tw-gradient-to: #fde68a;
  }

  .sm\:hover\:to-yellow-300:hover {
    --tw-gradient-to: #fcd34d;
  }

  .sm\:hover\:to-yellow-400:hover {
    --tw-gradient-to: #fbbf24;
  }

  .sm\:hover\:to-yellow-500:hover {
    --tw-gradient-to: #f59e0b;
  }

  .sm\:hover\:to-yellow-600:hover {
    --tw-gradient-to: #d97706;
  }

  .sm\:hover\:to-yellow-700:hover {
    --tw-gradient-to: #b45309;
  }

  .sm\:hover\:to-yellow-800:hover {
    --tw-gradient-to: #92400e;
  }

  .sm\:hover\:to-yellow-900:hover {
    --tw-gradient-to: #78350f;
  }

  .sm\:hover\:to-green-50:hover {
    --tw-gradient-to: #ecfdf5;
  }

  .sm\:hover\:to-green-100:hover {
    --tw-gradient-to: #d1fae5;
  }

  .sm\:hover\:to-green-200:hover {
    --tw-gradient-to: #a7f3d0;
  }

  .sm\:hover\:to-green-300:hover {
    --tw-gradient-to: #6ee7b7;
  }

  .sm\:hover\:to-green-400:hover {
    --tw-gradient-to: #34d399;
  }

  .sm\:hover\:to-green-500:hover {
    --tw-gradient-to: #10b981;
  }

  .sm\:hover\:to-green-600:hover {
    --tw-gradient-to: #059669;
  }

  .sm\:hover\:to-green-700:hover {
    --tw-gradient-to: #047857;
  }

  .sm\:hover\:to-green-800:hover {
    --tw-gradient-to: #065f46;
  }

  .sm\:hover\:to-green-900:hover {
    --tw-gradient-to: #064e3b;
  }

  .sm\:hover\:to-blue-50:hover {
    --tw-gradient-to: #eff6ff;
  }

  .sm\:hover\:to-blue-100:hover {
    --tw-gradient-to: #dbeafe;
  }

  .sm\:hover\:to-blue-200:hover {
    --tw-gradient-to: #bfdbfe;
  }

  .sm\:hover\:to-blue-300:hover {
    --tw-gradient-to: #93c5fd;
  }

  .sm\:hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa;
  }

  .sm\:hover\:to-blue-500:hover {
    --tw-gradient-to: #3b82f6;
  }

  .sm\:hover\:to-blue-600:hover {
    --tw-gradient-to: #2563eb;
  }

  .sm\:hover\:to-blue-700:hover {
    --tw-gradient-to: #1d4ed8;
  }

  .sm\:hover\:to-blue-800:hover {
    --tw-gradient-to: #1e40af;
  }

  .sm\:hover\:to-blue-900:hover {
    --tw-gradient-to: #1e3a8a;
  }

  .sm\:hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff;
  }

  .sm\:hover\:to-indigo-100:hover {
    --tw-gradient-to: #e0e7ff;
  }

  .sm\:hover\:to-indigo-200:hover {
    --tw-gradient-to: #c7d2fe;
  }

  .sm\:hover\:to-indigo-300:hover {
    --tw-gradient-to: #a5b4fc;
  }

  .sm\:hover\:to-indigo-400:hover {
    --tw-gradient-to: #818cf8;
  }

  .sm\:hover\:to-indigo-500:hover {
    --tw-gradient-to: #6366f1;
  }

  .sm\:hover\:to-indigo-600:hover {
    --tw-gradient-to: #4f46e5;
  }

  .sm\:hover\:to-indigo-700:hover {
    --tw-gradient-to: #4338ca;
  }

  .sm\:hover\:to-indigo-800:hover {
    --tw-gradient-to: #3730a3;
  }

  .sm\:hover\:to-indigo-900:hover {
    --tw-gradient-to: #312e81;
  }

  .sm\:hover\:to-purple-50:hover {
    --tw-gradient-to: #f5f3ff;
  }

  .sm\:hover\:to-purple-100:hover {
    --tw-gradient-to: #ede9fe;
  }

  .sm\:hover\:to-purple-200:hover {
    --tw-gradient-to: #ddd6fe;
  }

  .sm\:hover\:to-purple-300:hover {
    --tw-gradient-to: #c4b5fd;
  }

  .sm\:hover\:to-purple-400:hover {
    --tw-gradient-to: #a78bfa;
  }

  .sm\:hover\:to-purple-500:hover {
    --tw-gradient-to: #8b5cf6;
  }

  .sm\:hover\:to-purple-600:hover {
    --tw-gradient-to: #7c3aed;
  }

  .sm\:hover\:to-purple-700:hover {
    --tw-gradient-to: #6d28d9;
  }

  .sm\:hover\:to-purple-800:hover {
    --tw-gradient-to: #5b21b6;
  }

  .sm\:hover\:to-purple-900:hover {
    --tw-gradient-to: #4c1d95;
  }

  .sm\:hover\:to-pink-50:hover {
    --tw-gradient-to: #fdf2f8;
  }

  .sm\:hover\:to-pink-100:hover {
    --tw-gradient-to: #fce7f3;
  }

  .sm\:hover\:to-pink-200:hover {
    --tw-gradient-to: #fbcfe8;
  }

  .sm\:hover\:to-pink-300:hover {
    --tw-gradient-to: #f9a8d4;
  }

  .sm\:hover\:to-pink-400:hover {
    --tw-gradient-to: #f472b6;
  }

  .sm\:hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899;
  }

  .sm\:hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777;
  }

  .sm\:hover\:to-pink-700:hover {
    --tw-gradient-to: #be185d;
  }

  .sm\:hover\:to-pink-800:hover {
    --tw-gradient-to: #9d174d;
  }

  .sm\:hover\:to-pink-900:hover {
    --tw-gradient-to: #831843;
  }

  .sm\:focus\:to-transparent:focus {
    --tw-gradient-to: transparent;
  }

  .sm\:focus\:to-current:focus {
    --tw-gradient-to: currentColor;
  }

  .sm\:focus\:to-black:focus {
    --tw-gradient-to: #000;
  }

  .sm\:focus\:to-white:focus {
    --tw-gradient-to: #fff;
  }

  .sm\:focus\:to-gray-50:focus {
    --tw-gradient-to: #f9fafb;
  }

  .sm\:focus\:to-gray-100:focus {
    --tw-gradient-to: #f3f4f6;
  }

  .sm\:focus\:to-gray-200:focus {
    --tw-gradient-to: #e5e7eb;
  }

  .sm\:focus\:to-gray-300:focus {
    --tw-gradient-to: #d1d5db;
  }

  .sm\:focus\:to-gray-400:focus {
    --tw-gradient-to: #9ca3af;
  }

  .sm\:focus\:to-gray-500:focus {
    --tw-gradient-to: #6b7280;
  }

  .sm\:focus\:to-gray-600:focus {
    --tw-gradient-to: #4b5563;
  }

  .sm\:focus\:to-gray-700:focus {
    --tw-gradient-to: #374151;
  }

  .sm\:focus\:to-gray-800:focus {
    --tw-gradient-to: #1f2937;
  }

  .sm\:focus\:to-gray-900:focus {
    --tw-gradient-to: #111827;
  }

  .sm\:focus\:to-red-50:focus {
    --tw-gradient-to: #fef2f2;
  }

  .sm\:focus\:to-red-100:focus {
    --tw-gradient-to: #fee2e2;
  }

  .sm\:focus\:to-red-200:focus {
    --tw-gradient-to: #fecaca;
  }

  .sm\:focus\:to-red-300:focus {
    --tw-gradient-to: #fca5a5;
  }

  .sm\:focus\:to-red-400:focus {
    --tw-gradient-to: #f87171;
  }

  .sm\:focus\:to-red-500:focus {
    --tw-gradient-to: #ef4444;
  }

  .sm\:focus\:to-red-600:focus {
    --tw-gradient-to: #dc2626;
  }

  .sm\:focus\:to-red-700:focus {
    --tw-gradient-to: #b91c1c;
  }

  .sm\:focus\:to-red-800:focus {
    --tw-gradient-to: #991b1b;
  }

  .sm\:focus\:to-red-900:focus {
    --tw-gradient-to: #7f1d1d;
  }

  .sm\:focus\:to-yellow-50:focus {
    --tw-gradient-to: #fffbeb;
  }

  .sm\:focus\:to-yellow-100:focus {
    --tw-gradient-to: #fef3c7;
  }

  .sm\:focus\:to-yellow-200:focus {
    --tw-gradient-to: #fde68a;
  }

  .sm\:focus\:to-yellow-300:focus {
    --tw-gradient-to: #fcd34d;
  }

  .sm\:focus\:to-yellow-400:focus {
    --tw-gradient-to: #fbbf24;
  }

  .sm\:focus\:to-yellow-500:focus {
    --tw-gradient-to: #f59e0b;
  }

  .sm\:focus\:to-yellow-600:focus {
    --tw-gradient-to: #d97706;
  }

  .sm\:focus\:to-yellow-700:focus {
    --tw-gradient-to: #b45309;
  }

  .sm\:focus\:to-yellow-800:focus {
    --tw-gradient-to: #92400e;
  }

  .sm\:focus\:to-yellow-900:focus {
    --tw-gradient-to: #78350f;
  }

  .sm\:focus\:to-green-50:focus {
    --tw-gradient-to: #ecfdf5;
  }

  .sm\:focus\:to-green-100:focus {
    --tw-gradient-to: #d1fae5;
  }

  .sm\:focus\:to-green-200:focus {
    --tw-gradient-to: #a7f3d0;
  }

  .sm\:focus\:to-green-300:focus {
    --tw-gradient-to: #6ee7b7;
  }

  .sm\:focus\:to-green-400:focus {
    --tw-gradient-to: #34d399;
  }

  .sm\:focus\:to-green-500:focus {
    --tw-gradient-to: #10b981;
  }

  .sm\:focus\:to-green-600:focus {
    --tw-gradient-to: #059669;
  }

  .sm\:focus\:to-green-700:focus {
    --tw-gradient-to: #047857;
  }

  .sm\:focus\:to-green-800:focus {
    --tw-gradient-to: #065f46;
  }

  .sm\:focus\:to-green-900:focus {
    --tw-gradient-to: #064e3b;
  }

  .sm\:focus\:to-blue-50:focus {
    --tw-gradient-to: #eff6ff;
  }

  .sm\:focus\:to-blue-100:focus {
    --tw-gradient-to: #dbeafe;
  }

  .sm\:focus\:to-blue-200:focus {
    --tw-gradient-to: #bfdbfe;
  }

  .sm\:focus\:to-blue-300:focus {
    --tw-gradient-to: #93c5fd;
  }

  .sm\:focus\:to-blue-400:focus {
    --tw-gradient-to: #60a5fa;
  }

  .sm\:focus\:to-blue-500:focus {
    --tw-gradient-to: #3b82f6;
  }

  .sm\:focus\:to-blue-600:focus {
    --tw-gradient-to: #2563eb;
  }

  .sm\:focus\:to-blue-700:focus {
    --tw-gradient-to: #1d4ed8;
  }

  .sm\:focus\:to-blue-800:focus {
    --tw-gradient-to: #1e40af;
  }

  .sm\:focus\:to-blue-900:focus {
    --tw-gradient-to: #1e3a8a;
  }

  .sm\:focus\:to-indigo-50:focus {
    --tw-gradient-to: #eef2ff;
  }

  .sm\:focus\:to-indigo-100:focus {
    --tw-gradient-to: #e0e7ff;
  }

  .sm\:focus\:to-indigo-200:focus {
    --tw-gradient-to: #c7d2fe;
  }

  .sm\:focus\:to-indigo-300:focus {
    --tw-gradient-to: #a5b4fc;
  }

  .sm\:focus\:to-indigo-400:focus {
    --tw-gradient-to: #818cf8;
  }

  .sm\:focus\:to-indigo-500:focus {
    --tw-gradient-to: #6366f1;
  }

  .sm\:focus\:to-indigo-600:focus {
    --tw-gradient-to: #4f46e5;
  }

  .sm\:focus\:to-indigo-700:focus {
    --tw-gradient-to: #4338ca;
  }

  .sm\:focus\:to-indigo-800:focus {
    --tw-gradient-to: #3730a3;
  }

  .sm\:focus\:to-indigo-900:focus {
    --tw-gradient-to: #312e81;
  }

  .sm\:focus\:to-purple-50:focus {
    --tw-gradient-to: #f5f3ff;
  }

  .sm\:focus\:to-purple-100:focus {
    --tw-gradient-to: #ede9fe;
  }

  .sm\:focus\:to-purple-200:focus {
    --tw-gradient-to: #ddd6fe;
  }

  .sm\:focus\:to-purple-300:focus {
    --tw-gradient-to: #c4b5fd;
  }

  .sm\:focus\:to-purple-400:focus {
    --tw-gradient-to: #a78bfa;
  }

  .sm\:focus\:to-purple-500:focus {
    --tw-gradient-to: #8b5cf6;
  }

  .sm\:focus\:to-purple-600:focus {
    --tw-gradient-to: #7c3aed;
  }

  .sm\:focus\:to-purple-700:focus {
    --tw-gradient-to: #6d28d9;
  }

  .sm\:focus\:to-purple-800:focus {
    --tw-gradient-to: #5b21b6;
  }

  .sm\:focus\:to-purple-900:focus {
    --tw-gradient-to: #4c1d95;
  }

  .sm\:focus\:to-pink-50:focus {
    --tw-gradient-to: #fdf2f8;
  }

  .sm\:focus\:to-pink-100:focus {
    --tw-gradient-to: #fce7f3;
  }

  .sm\:focus\:to-pink-200:focus {
    --tw-gradient-to: #fbcfe8;
  }

  .sm\:focus\:to-pink-300:focus {
    --tw-gradient-to: #f9a8d4;
  }

  .sm\:focus\:to-pink-400:focus {
    --tw-gradient-to: #f472b6;
  }

  .sm\:focus\:to-pink-500:focus {
    --tw-gradient-to: #ec4899;
  }

  .sm\:focus\:to-pink-600:focus {
    --tw-gradient-to: #db2777;
  }

  .sm\:focus\:to-pink-700:focus {
    --tw-gradient-to: #be185d;
  }

  .sm\:focus\:to-pink-800:focus {
    --tw-gradient-to: #9d174d;
  }

  .sm\:focus\:to-pink-900:focus {
    --tw-gradient-to: #831843;
  }

  .sm\:decoration-slice {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
  }

  .sm\:decoration-clone {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }

  .sm\:bg-auto {
    background-size: auto;
  }

  .sm\:bg-cover {
    background-size: cover;
  }

  .sm\:bg-contain {
    background-size: contain;
  }

  .sm\:bg-fixed {
    background-attachment: fixed;
  }

  .sm\:bg-local {
    background-attachment: local;
  }

  .sm\:bg-scroll {
    background-attachment: scroll;
  }

  .sm\:bg-clip-border {
    background-clip: border-box;
  }

  .sm\:bg-clip-padding {
    background-clip: padding-box;
  }

  .sm\:bg-clip-content {
    background-clip: content-box;
  }

  .sm\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .sm\:bg-bottom {
    background-position: bottom;
  }

  .sm\:bg-center {
    background-position: center;
  }

  .sm\:bg-left {
    background-position: left;
  }

  .sm\:bg-left-bottom {
    background-position: left bottom;
  }

  .sm\:bg-left-top {
    background-position: left top;
  }

  .sm\:bg-right {
    background-position: right;
  }

  .sm\:bg-right-bottom {
    background-position: right bottom;
  }

  .sm\:bg-right-top {
    background-position: right top;
  }

  .sm\:bg-top {
    background-position: top;
  }

  .sm\:bg-repeat {
    background-repeat: repeat;
  }

  .sm\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .sm\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .sm\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .sm\:bg-repeat-round {
    background-repeat: round;
  }

  .sm\:bg-repeat-space {
    background-repeat: space;
  }

  .sm\:bg-origin-border {
    background-origin: border-box;
  }

  .sm\:bg-origin-padding {
    background-origin: padding-box;
  }

  .sm\:bg-origin-content {
    background-origin: content-box;
  }

  .sm\:fill-current {
    fill: currentColor;
  }

  .sm\:stroke-current {
    stroke: currentColor;
  }

  .sm\:stroke-0 {
    stroke-width: 0;
  }

  .sm\:stroke-1 {
    stroke-width: 1;
  }

  .sm\:stroke-2 {
    stroke-width: 2;
  }

  .sm\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .sm\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .sm\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .sm\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .sm\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .sm\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  .sm\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .sm\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  .sm\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .sm\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  .sm\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  .sm\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .sm\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  .sm\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-1 {
    padding: 0.25rem;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-9 {
    padding: 2.25rem;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-11 {
    padding: 2.75rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-14 {
    padding: 3.5rem;
  }

  .sm\:p-16 {
    padding: 4rem;
  }

  .sm\:p-20 {
    padding: 5rem;
  }

  .sm\:p-24 {
    padding: 6rem;
  }

  .sm\:p-28 {
    padding: 7rem;
  }

  .sm\:p-32 {
    padding: 8rem;
  }

  .sm\:p-36 {
    padding: 9rem;
  }

  .sm\:p-40 {
    padding: 10rem;
  }

  .sm\:p-44 {
    padding: 11rem;
  }

  .sm\:p-48 {
    padding: 12rem;
  }

  .sm\:p-52 {
    padding: 13rem;
  }

  .sm\:p-56 {
    padding: 14rem;
  }

  .sm\:p-60 {
    padding: 15rem;
  }

  .sm\:p-64 {
    padding: 16rem;
  }

  .sm\:p-72 {
    padding: 18rem;
  }

  .sm\:p-80 {
    padding: 20rem;
  }

  .sm\:p-96 {
    padding: 24rem;
  }

  .sm\:p-px {
    padding: 1px;
  }

  .sm\:p-0\.5 {
    padding: 0.125rem;
  }

  .sm\:p-1\.5 {
    padding: 0.375rem;
  }

  .sm\:p-2\.5 {
    padding: 0.625rem;
  }

  .sm\:p-3\.5 {
    padding: 0.875rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .sm\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .sm\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sm\:px-44 {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .sm\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .sm\:px-52 {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .sm\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .sm\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .sm\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .sm\:px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .sm\:px-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .sm\:px-96 {
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .sm\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .sm\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .sm\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .sm\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .sm\:py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }

  .sm\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .sm\:py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .sm\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .sm\:py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .sm\:py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .sm\:py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }

  .sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:pt-1 {
    padding-top: 0.25rem;
  }

  .sm\:pt-2 {
    padding-top: 0.5rem;
  }

  .sm\:pt-3 {
    padding-top: 0.75rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:pt-7 {
    padding-top: 1.75rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:pt-9 {
    padding-top: 2.25rem;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pt-11 {
    padding-top: 2.75rem;
  }

  .sm\:pt-12 {
    padding-top: 3rem;
  }

  .sm\:pt-14 {
    padding-top: 3.5rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:pt-28 {
    padding-top: 7rem;
  }

  .sm\:pt-32 {
    padding-top: 8rem;
  }

  .sm\:pt-36 {
    padding-top: 9rem;
  }

  .sm\:pt-40 {
    padding-top: 10rem;
  }

  .sm\:pt-44 {
    padding-top: 11rem;
  }

  .sm\:pt-48 {
    padding-top: 12rem;
  }

  .sm\:pt-52 {
    padding-top: 13rem;
  }

  .sm\:pt-56 {
    padding-top: 14rem;
  }

  .sm\:pt-60 {
    padding-top: 15rem;
  }

  .sm\:pt-64 {
    padding-top: 16rem;
  }

  .sm\:pt-72 {
    padding-top: 18rem;
  }

  .sm\:pt-80 {
    padding-top: 20rem;
  }

  .sm\:pt-96 {
    padding-top: 24rem;
  }

  .sm\:pt-px {
    padding-top: 1px;
  }

  .sm\:pt-0\.5 {
    padding-top: 0.125rem;
  }

  .sm\:pt-1\.5 {
    padding-top: 0.375rem;
  }

  .sm\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .sm\:pt-3\.5 {
    padding-top: 0.875rem;
  }

  .sm\:pr-0 {
    padding-right: 0px;
  }

  .sm\:pr-1 {
    padding-right: 0.25rem;
  }

  .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:pr-3 {
    padding-right: 0.75rem;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:pr-7 {
    padding-right: 1.75rem;
  }

  .sm\:pr-8 {
    padding-right: 2rem;
  }

  .sm\:pr-9 {
    padding-right: 2.25rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:pr-11 {
    padding-right: 2.75rem;
  }

  .sm\:pr-12 {
    padding-right: 3rem;
  }

  .sm\:pr-14 {
    padding-right: 3.5rem;
  }

  .sm\:pr-16 {
    padding-right: 4rem;
  }

  .sm\:pr-20 {
    padding-right: 5rem;
  }

  .sm\:pr-24 {
    padding-right: 6rem;
  }

  .sm\:pr-28 {
    padding-right: 7rem;
  }

  .sm\:pr-32 {
    padding-right: 8rem;
  }

  .sm\:pr-36 {
    padding-right: 9rem;
  }

  .sm\:pr-40 {
    padding-right: 10rem;
  }

  .sm\:pr-44 {
    padding-right: 11rem;
  }

  .sm\:pr-48 {
    padding-right: 12rem;
  }

  .sm\:pr-52 {
    padding-right: 13rem;
  }

  .sm\:pr-56 {
    padding-right: 14rem;
  }

  .sm\:pr-60 {
    padding-right: 15rem;
  }

  .sm\:pr-64 {
    padding-right: 16rem;
  }

  .sm\:pr-72 {
    padding-right: 18rem;
  }

  .sm\:pr-80 {
    padding-right: 20rem;
  }

  .sm\:pr-96 {
    padding-right: 24rem;
  }

  .sm\:pr-px {
    padding-right: 1px;
  }

  .sm\:pr-0\.5 {
    padding-right: 0.125rem;
  }

  .sm\:pr-1\.5 {
    padding-right: 0.375rem;
  }

  .sm\:pr-2\.5 {
    padding-right: 0.625rem;
  }

  .sm\:pr-3\.5 {
    padding-right: 0.875rem;
  }

  .sm\:pb-0 {
    padding-bottom: 0px;
  }

  .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .sm\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .sm\:pb-11 {
    padding-bottom: 2.75rem;
  }

  .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:pb-28 {
    padding-bottom: 7rem;
  }

  .sm\:pb-32 {
    padding-bottom: 8rem;
  }

  .sm\:pb-36 {
    padding-bottom: 9rem;
  }

  .sm\:pb-40 {
    padding-bottom: 10rem;
  }

  .sm\:pb-44 {
    padding-bottom: 11rem;
  }

  .sm\:pb-48 {
    padding-bottom: 12rem;
  }

  .sm\:pb-52 {
    padding-bottom: 13rem;
  }

  .sm\:pb-56 {
    padding-bottom: 14rem;
  }

  .sm\:pb-60 {
    padding-bottom: 15rem;
  }

  .sm\:pb-64 {
    padding-bottom: 16rem;
  }

  .sm\:pb-72 {
    padding-bottom: 18rem;
  }

  .sm\:pb-80 {
    padding-bottom: 20rem;
  }

  .sm\:pb-96 {
    padding-bottom: 24rem;
  }

  .sm\:pb-px {
    padding-bottom: 1px;
  }

  .sm\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }

  .sm\:pb-1\.5 {
    padding-bottom: 0.375rem;
  }

  .sm\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }

  .sm\:pb-3\.5 {
    padding-bottom: 0.875rem;
  }

  .sm\:pl-0 {
    padding-left: 0px;
  }

  .sm\:pl-1 {
    padding-left: 0.25rem;
  }

  .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  .sm\:pl-3 {
    padding-left: 0.75rem;
  }

  .sm\:pl-4 {
    padding-left: 1rem;
  }

  .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:pl-7 {
    padding-left: 1.75rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:pl-9 {
    padding-left: 2.25rem;
  }

  .sm\:pl-10 {
    padding-left: 2.5rem;
  }

  .sm\:pl-11 {
    padding-left: 2.75rem;
  }

  .sm\:pl-12 {
    padding-left: 3rem;
  }

  .sm\:pl-14 {
    padding-left: 3.5rem;
  }

  .sm\:pl-16 {
    padding-left: 4rem;
  }

  .sm\:pl-20 {
    padding-left: 5rem;
  }

  .sm\:pl-24 {
    padding-left: 6rem;
  }

  .sm\:pl-28 {
    padding-left: 7rem;
  }

  .sm\:pl-32 {
    padding-left: 8rem;
  }

  .sm\:pl-36 {
    padding-left: 9rem;
  }

  .sm\:pl-40 {
    padding-left: 10rem;
  }

  .sm\:pl-44 {
    padding-left: 11rem;
  }

  .sm\:pl-48 {
    padding-left: 12rem;
  }

  .sm\:pl-52 {
    padding-left: 13rem;
  }

  .sm\:pl-56 {
    padding-left: 14rem;
  }

  .sm\:pl-60 {
    padding-left: 15rem;
  }

  .sm\:pl-64 {
    padding-left: 16rem;
  }

  .sm\:pl-72 {
    padding-left: 18rem;
  }

  .sm\:pl-80 {
    padding-left: 20rem;
  }

  .sm\:pl-96 {
    padding-left: 24rem;
  }

  .sm\:pl-px {
    padding-left: 1px;
  }

  .sm\:pl-0\.5 {
    padding-left: 0.125rem;
  }

  .sm\:pl-1\.5 {
    padding-left: 0.375rem;
  }

  .sm\:pl-2\.5 {
    padding-left: 0.625rem;
  }

  .sm\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:text-justify {
    text-align: justify;
  }

  .sm\:align-baseline {
    vertical-align: baseline;
  }

  .sm\:align-top {
    vertical-align: top;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }

  .sm\:align-bottom {
    vertical-align: bottom;
  }

  .sm\:align-text-top {
    vertical-align: text-top;
  }

  .sm\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .sm\:font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .sm\:font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .sm\:font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .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-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .sm\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .sm\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

  .sm\:font-thin {
    font-weight: 100;
  }

  .sm\:font-extralight {
    font-weight: 200;
  }

  .sm\:font-light {
    font-weight: 300;
  }

  .sm\:font-normal {
    font-weight: 400;
  }

  .sm\:font-medium {
    font-weight: 500;
  }

  .sm\:font-semibold {
    font-weight: 600;
  }

  .sm\:font-bold {
    font-weight: 700;
  }

  .sm\:font-extrabold {
    font-weight: 800;
  }

  .sm\:font-black {
    font-weight: 900;
  }

  .sm\:uppercase {
    text-transform: uppercase;
  }

  .sm\:lowercase {
    text-transform: lowercase;
  }

  .sm\:capitalize {
    text-transform: capitalize;
  }

  .sm\:normal-case {
    text-transform: none;
  }

  .sm\:italic {
    font-style: italic;
  }

  .sm\:not-italic {
    font-style: normal;
  }

  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }

  .sm\:normal-nums {
    font-variant-numeric: normal;
  }

  .sm\:ordinal {
    --tw-ordinal: ordinal;
  }

  .sm\:slashed-zero {
    --tw-slashed-zero: slashed-zero;
  }

  .sm\:lining-nums {
    --tw-numeric-figure: lining-nums;
  }

  .sm\:oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
  }

  .sm\:proportional-nums {
    --tw-numeric-spacing: proportional-nums;
  }

  .sm\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
  }

  .sm\:diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
  }

  .sm\:stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
  }

  .sm\:leading-3 {
    line-height: .75rem;
  }

  .sm\:leading-4 {
    line-height: 1rem;
  }

  .sm\:leading-5 {
    line-height: 1.25rem;
  }

  .sm\:leading-6 {
    line-height: 1.5rem;
  }

  .sm\:leading-7 {
    line-height: 1.75rem;
  }

  .sm\:leading-8 {
    line-height: 2rem;
  }

  .sm\:leading-9 {
    line-height: 2.25rem;
  }

  .sm\:leading-10 {
    line-height: 2.5rem;
  }

  .sm\:leading-none {
    line-height: 1;
  }

  .sm\:leading-tight {
    line-height: 1.25;
  }

  .sm\:leading-snug {
    line-height: 1.375;
  }

  .sm\:leading-normal {
    line-height: 1.5;
  }

  .sm\:leading-relaxed {
    line-height: 1.625;
  }

  .sm\:leading-loose {
    line-height: 2;
  }

  .sm\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .sm\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .sm\:tracking-normal {
    letter-spacing: 0em;
  }

  .sm\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .sm\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .sm\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .sm\:text-transparent {
    color: transparent;
  }

  .sm\:text-current {
    color: currentColor;
  }

  .sm\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .sm\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .sm\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .sm\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .sm\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .sm\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .sm\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .sm\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .sm\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .sm\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .sm\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .sm\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .sm\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .sm\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .sm\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .sm\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .sm\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .sm\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .sm\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .sm\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .sm\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .sm\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .sm\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .sm\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .sm\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .sm\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .sm\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .sm\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .sm\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .sm\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .sm\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .sm\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .sm\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .sm\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .sm\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .sm\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .sm\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .sm\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .sm\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .sm\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .sm\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .sm\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .sm\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .sm\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .sm\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .sm\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .sm\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .sm\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .sm\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .sm\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .sm\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .sm\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .sm\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .sm\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .sm\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .sm\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .sm\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .sm\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .sm\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .sm\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .sm\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .sm\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .sm\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .sm\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .sm\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .sm\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .sm\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .sm\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .sm\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .sm\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .sm\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .sm\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .sm\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .sm\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .sm\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .sm\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .sm\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .sm\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .sm\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .sm\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .sm\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .sm\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-transparent {
    color: transparent;
  }

  .group:hover .sm\:group-hover\:text-current {
    color: currentColor;
  }

  .group:hover .sm\:group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .group:hover .sm\:group-hover\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-transparent:focus-within {
    color: transparent;
  }

  .sm\:focus-within\:text-current:focus-within {
    color: currentColor;
  }

  .sm\:focus-within\:text-black:focus-within {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-white:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-gray-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-red-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-yellow-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-green-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-blue-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-indigo-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-purple-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .sm\:focus-within\:text-pink-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .sm\:hover\:text-transparent:hover {
    color: transparent;
  }

  .sm\:hover\:text-current:hover {
    color: currentColor;
  }

  .sm\:hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .sm\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-50:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .sm\:hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .sm\:hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-50:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-700:hover {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-800:hover {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .sm\:hover\:text-yellow-900:hover {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-300:hover {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-800:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .sm\:hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-50:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .sm\:hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-200:hover {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-800:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .sm\:hover\:text-indigo-900:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-50:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-100:hover {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-800:hover {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .sm\:hover\:text-purple-900:hover {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-50:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-100:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-200:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-300:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-400:hover {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-800:hover {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .sm\:hover\:text-pink-900:hover {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .sm\:focus\:text-transparent:focus {
    color: transparent;
  }

  .sm\:focus\:text-current:focus {
    color: currentColor;
  }

  .sm\:focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .sm\:focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-200:focus {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-300:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .sm\:focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-50:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-200:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-400:focus {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-500:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-700:focus {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-800:focus {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .sm\:focus\:text-red-900:focus {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-50:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-200:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-400:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-500:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-600:focus {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-700:focus {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-800:focus {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .sm\:focus\:text-yellow-900:focus {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-50:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-100:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-200:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-300:focus {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-400:focus {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-500:focus {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-600:focus {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-700:focus {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-800:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .sm\:focus\:text-green-900:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-50:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-100:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-200:focus {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-300:focus {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-400:focus {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-500:focus {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-800:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .sm\:focus\:text-blue-900:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-50:focus {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-100:focus {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-200:focus {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-300:focus {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-400:focus {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-500:focus {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-600:focus {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-700:focus {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .sm\:focus\:text-indigo-900:focus {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-50:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-100:focus {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-200:focus {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-300:focus {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-400:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-500:focus {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-600:focus {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-700:focus {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-800:focus {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .sm\:focus\:text-purple-900:focus {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-50:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-100:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-200:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-300:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-400:focus {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-500:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-600:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-700:focus {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-800:focus {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .sm\:focus\:text-pink-900:focus {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .sm\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .sm\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .sm\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .sm\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .sm\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .sm\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .sm\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .sm\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .sm\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .sm\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .sm\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .sm\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .sm\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .sm\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .sm\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .group:hover .sm\:group-hover\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .group:hover .sm\:group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .group:hover .sm\:group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .group:hover .sm\:group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .group:hover .sm\:group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .group:hover .sm\:group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .group:hover .sm\:group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .group:hover .sm\:group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .group:hover .sm\:group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .group:hover .sm\:group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .group:hover .sm\:group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .group:hover .sm\:group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .group:hover .sm\:group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .group:hover .sm\:group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .group:hover .sm\:group-hover\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .sm\:focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0;
  }

  .sm\:focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05;
  }

  .sm\:focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1;
  }

  .sm\:focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2;
  }

  .sm\:focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25;
  }

  .sm\:focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3;
  }

  .sm\:focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4;
  }

  .sm\:focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5;
  }

  .sm\:focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6;
  }

  .sm\:focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7;
  }

  .sm\:focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75;
  }

  .sm\:focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8;
  }

  .sm\:focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9;
  }

  .sm\:focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95;
  }

  .sm\:focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1;
  }

  .sm\:hover\:text-opacity-0:hover {
    --tw-text-opacity: 0;
  }

  .sm\:hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05;
  }

  .sm\:hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1;
  }

  .sm\:hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2;
  }

  .sm\:hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25;
  }

  .sm\:hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3;
  }

  .sm\:hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4;
  }

  .sm\:hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5;
  }

  .sm\:hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6;
  }

  .sm\:hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7;
  }

  .sm\:hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75;
  }

  .sm\:hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8;
  }

  .sm\:hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9;
  }

  .sm\:hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95;
  }

  .sm\:hover\:text-opacity-100:hover {
    --tw-text-opacity: 1;
  }

  .sm\:focus\:text-opacity-0:focus {
    --tw-text-opacity: 0;
  }

  .sm\:focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05;
  }

  .sm\:focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1;
  }

  .sm\:focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2;
  }

  .sm\:focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25;
  }

  .sm\:focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3;
  }

  .sm\:focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4;
  }

  .sm\:focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5;
  }

  .sm\:focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6;
  }

  .sm\:focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7;
  }

  .sm\:focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75;
  }

  .sm\:focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8;
  }

  .sm\:focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9;
  }

  .sm\:focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95;
  }

  .sm\:focus\:text-opacity-100:focus {
    --tw-text-opacity: 1;
  }

  .sm\:underline {
    text-decoration: underline;
  }

  .sm\:line-through {
    text-decoration: line-through;
  }

  .sm\:no-underline {
    text-decoration: none;
  }

  .group:hover .sm\:group-hover\:underline {
    text-decoration: underline;
  }

  .group:hover .sm\:group-hover\:line-through {
    text-decoration: line-through;
  }

  .group:hover .sm\:group-hover\:no-underline {
    text-decoration: none;
  }

  .sm\:focus-within\:underline:focus-within {
    text-decoration: underline;
  }

  .sm\:focus-within\:line-through:focus-within {
    text-decoration: line-through;
  }

  .sm\:focus-within\:no-underline:focus-within {
    text-decoration: none;
  }

  .sm\:hover\:underline:hover {
    text-decoration: underline;
  }

  .sm\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .sm\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .sm\:focus\:underline:focus {
    text-decoration: underline;
  }

  .sm\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .sm\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .sm\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:placeholder-transparent::-webkit-input-placeholder {
    color: transparent;
  }

  .sm\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  .sm\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .sm\:placeholder-transparent::-ms-input-placeholder {
    color: transparent;
  }

  .sm\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .sm\:placeholder-current::-webkit-input-placeholder {
    color: currentColor;
  }

  .sm\:placeholder-current::-moz-placeholder {
    color: currentColor;
  }

  .sm\:placeholder-current:-ms-input-placeholder {
    color: currentColor;
  }

  .sm\:placeholder-current::-ms-input-placeholder {
    color: currentColor;
  }

  .sm\:placeholder-current::placeholder {
    color: currentColor;
  }

  .sm\:placeholder-black::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-black:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-black::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-white::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-white:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-white::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-gray-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-red-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-yellow-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-green-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-blue-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-indigo-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-purple-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-pink-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-current:focus::-webkit-input-placeholder {
    color: currentColor;
  }

  .sm\:focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor;
  }

  .sm\:focus\:placeholder-current:focus:-ms-input-placeholder {
    color: currentColor;
  }

  .sm\:focus\:placeholder-current:focus::-ms-input-placeholder {
    color: currentColor;
  }

  .sm\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  .sm\:focus\:placeholder-black:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-black:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-black:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-black:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:focus\:placeholder-pink-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .sm\:placeholder-opacity-0::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-0::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-0:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-0::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-5::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:placeholder-opacity-5::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:placeholder-opacity-5:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:placeholder-opacity-5::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:placeholder-opacity-10::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:placeholder-opacity-10::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:placeholder-opacity-10:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:placeholder-opacity-10::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:placeholder-opacity-20::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:placeholder-opacity-20::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:placeholder-opacity-20:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:placeholder-opacity-20::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:placeholder-opacity-25::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-25::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-25:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-25::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-30::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:placeholder-opacity-30::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:placeholder-opacity-30:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:placeholder-opacity-30::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:placeholder-opacity-40::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:placeholder-opacity-40::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:placeholder-opacity-40:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:placeholder-opacity-40::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:placeholder-opacity-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-50::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:placeholder-opacity-60:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:placeholder-opacity-60::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:placeholder-opacity-70::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:placeholder-opacity-70::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:placeholder-opacity-70:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:placeholder-opacity-70::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:placeholder-opacity-75::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-75::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-75:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-75::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-80::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:placeholder-opacity-80::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:placeholder-opacity-80:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:placeholder-opacity-80::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:placeholder-opacity-90::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:placeholder-opacity-90::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:placeholder-opacity-90:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:placeholder-opacity-90::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:placeholder-opacity-95::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:placeholder-opacity-95::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:placeholder-opacity-95:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:placeholder-opacity-95::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:placeholder-opacity-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:placeholder-opacity-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:placeholder-opacity-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:placeholder-opacity-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .sm\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .sm\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .sm\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .sm\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .sm\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .sm\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .sm\:opacity-0 {
    opacity: 0;
  }

  .sm\:opacity-5 {
    opacity: 0.05;
  }

  .sm\:opacity-10 {
    opacity: 0.1;
  }

  .sm\:opacity-20 {
    opacity: 0.2;
  }

  .sm\:opacity-25 {
    opacity: 0.25;
  }

  .sm\:opacity-30 {
    opacity: 0.3;
  }

  .sm\:opacity-40 {
    opacity: 0.4;
  }

  .sm\:opacity-50 {
    opacity: 0.5;
  }

  .sm\:opacity-60 {
    opacity: 0.6;
  }

  .sm\:opacity-70 {
    opacity: 0.7;
  }

  .sm\:opacity-75 {
    opacity: 0.75;
  }

  .sm\:opacity-80 {
    opacity: 0.8;
  }

  .sm\:opacity-90 {
    opacity: 0.9;
  }

  .sm\:opacity-95 {
    opacity: 0.95;
  }

  .sm\:opacity-100 {
    opacity: 1;
  }

  .group:hover .sm\:group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .sm\:group-hover\:opacity-5 {
    opacity: 0.05;
  }

  .group:hover .sm\:group-hover\:opacity-10 {
    opacity: 0.1;
  }

  .group:hover .sm\:group-hover\:opacity-20 {
    opacity: 0.2;
  }

  .group:hover .sm\:group-hover\:opacity-25 {
    opacity: 0.25;
  }

  .group:hover .sm\:group-hover\:opacity-30 {
    opacity: 0.3;
  }

  .group:hover .sm\:group-hover\:opacity-40 {
    opacity: 0.4;
  }

  .group:hover .sm\:group-hover\:opacity-50 {
    opacity: 0.5;
  }

  .group:hover .sm\:group-hover\:opacity-60 {
    opacity: 0.6;
  }

  .group:hover .sm\:group-hover\:opacity-70 {
    opacity: 0.7;
  }

  .group:hover .sm\:group-hover\:opacity-75 {
    opacity: 0.75;
  }

  .group:hover .sm\:group-hover\:opacity-80 {
    opacity: 0.8;
  }

  .group:hover .sm\:group-hover\:opacity-90 {
    opacity: 0.9;
  }

  .group:hover .sm\:group-hover\:opacity-95 {
    opacity: 0.95;
  }

  .group:hover .sm\:group-hover\:opacity-100 {
    opacity: 1;
  }

  .sm\:focus-within\:opacity-0:focus-within {
    opacity: 0;
  }

  .sm\:focus-within\:opacity-5:focus-within {
    opacity: 0.05;
  }

  .sm\:focus-within\:opacity-10:focus-within {
    opacity: 0.1;
  }

  .sm\:focus-within\:opacity-20:focus-within {
    opacity: 0.2;
  }

  .sm\:focus-within\:opacity-25:focus-within {
    opacity: 0.25;
  }

  .sm\:focus-within\:opacity-30:focus-within {
    opacity: 0.3;
  }

  .sm\:focus-within\:opacity-40:focus-within {
    opacity: 0.4;
  }

  .sm\:focus-within\:opacity-50:focus-within {
    opacity: 0.5;
  }

  .sm\:focus-within\:opacity-60:focus-within {
    opacity: 0.6;
  }

  .sm\:focus-within\:opacity-70:focus-within {
    opacity: 0.7;
  }

  .sm\:focus-within\:opacity-75:focus-within {
    opacity: 0.75;
  }

  .sm\:focus-within\:opacity-80:focus-within {
    opacity: 0.8;
  }

  .sm\:focus-within\:opacity-90:focus-within {
    opacity: 0.9;
  }

  .sm\:focus-within\:opacity-95:focus-within {
    opacity: 0.95;
  }

  .sm\:focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .sm\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .sm\:hover\:opacity-5:hover {
    opacity: 0.05;
  }

  .sm\:hover\:opacity-10:hover {
    opacity: 0.1;
  }

  .sm\:hover\:opacity-20:hover {
    opacity: 0.2;
  }

  .sm\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .sm\:hover\:opacity-30:hover {
    opacity: 0.3;
  }

  .sm\:hover\:opacity-40:hover {
    opacity: 0.4;
  }

  .sm\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .sm\:hover\:opacity-60:hover {
    opacity: 0.6;
  }

  .sm\:hover\:opacity-70:hover {
    opacity: 0.7;
  }

  .sm\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .sm\:hover\:opacity-80:hover {
    opacity: 0.8;
  }

  .sm\:hover\:opacity-90:hover {
    opacity: 0.9;
  }

  .sm\:hover\:opacity-95:hover {
    opacity: 0.95;
  }

  .sm\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .sm\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .sm\:focus\:opacity-5:focus {
    opacity: 0.05;
  }

  .sm\:focus\:opacity-10:focus {
    opacity: 0.1;
  }

  .sm\:focus\:opacity-20:focus {
    opacity: 0.2;
  }

  .sm\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .sm\:focus\:opacity-30:focus {
    opacity: 0.3;
  }

  .sm\:focus\:opacity-40:focus {
    opacity: 0.4;
  }

  .sm\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .sm\:focus\:opacity-60:focus {
    opacity: 0.6;
  }

  .sm\:focus\:opacity-70:focus {
    opacity: 0.7;
  }

  .sm\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .sm\:focus\:opacity-80:focus {
    opacity: 0.8;
  }

  .sm\:focus\:opacity-90:focus {
    opacity: 0.9;
  }

  .sm\:focus\:opacity-95:focus {
    opacity: 0.95;
  }

  .sm\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .sm\:bg-blend-normal {
    background-blend-mode: normal;
  }

  .sm\:bg-blend-multiply {
    background-blend-mode: multiply;
  }

  .sm\:bg-blend-screen {
    background-blend-mode: screen;
  }

  .sm\:bg-blend-overlay {
    background-blend-mode: overlay;
  }

  .sm\:bg-blend-darken {
    background-blend-mode: darken;
  }

  .sm\:bg-blend-lighten {
    background-blend-mode: lighten;
  }

  .sm\:bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .sm\:bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .sm\:bg-blend-hard-light {
    background-blend-mode: hard-light;
  }

  .sm\:bg-blend-soft-light {
    background-blend-mode: soft-light;
  }

  .sm\:bg-blend-difference {
    background-blend-mode: difference;
  }

  .sm\:bg-blend-exclusion {
    background-blend-mode: exclusion;
  }

  .sm\:bg-blend-hue {
    background-blend-mode: hue;
  }

  .sm\:bg-blend-saturation {
    background-blend-mode: saturation;
  }

  .sm\:bg-blend-color {
    background-blend-mode: color;
  }

  .sm\:bg-blend-luminosity {
    background-blend-mode: luminosity;
  }

  .sm\:mix-blend-normal {
    mix-blend-mode: normal;
  }

  .sm\:mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .sm\:mix-blend-screen {
    mix-blend-mode: screen;
  }

  .sm\:mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .sm\:mix-blend-darken {
    mix-blend-mode: darken;
  }

  .sm\:mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .sm\:mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .sm\:mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .sm\:mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  .sm\:mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .sm\:mix-blend-difference {
    mix-blend-mode: difference;
  }

  .sm\:mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }

  .sm\:mix-blend-hue {
    mix-blend-mode: hue;
  }

  .sm\:mix-blend-saturation {
    mix-blend-mode: saturation;
  }

  .sm\:mix-blend-color {
    mix-blend-mode: color;
  }

  .sm\:mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .sm\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .sm\:group-hover\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow:focus-within {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-xl:focus-within {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-2xl:focus-within {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-inner:focus-within {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-within\:shadow-none:focus-within {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-2xl:focus {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-inner:focus {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:focus-within\:outline-white:focus-within {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:focus-within\:outline-black:focus-within {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:ring-8 {
    --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:ring-inset {
    --tw-ring-inset: inset;
  }

  .sm\:focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset;
  }

  .sm\:focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .sm\:ring-transparent {
    --tw-ring-color: transparent;
  }

  .sm\:ring-current {
    --tw-ring-color: currentColor;
  }

  .sm\:ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .sm\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .sm\:ring-gray-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .sm\:ring-red-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .sm\:ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .sm\:ring-red-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .sm\:ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .sm\:ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .sm\:ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .sm\:ring-red-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .sm\:ring-red-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .sm\:ring-red-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .sm\:ring-red-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .sm\:ring-yellow-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .sm\:ring-green-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .sm\:ring-green-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .sm\:ring-green-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .sm\:ring-green-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .sm\:ring-green-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .sm\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .sm\:ring-green-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .sm\:ring-green-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .sm\:ring-green-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .sm\:ring-green-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .sm\:ring-blue-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .sm\:ring-indigo-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .sm\:ring-purple-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .sm\:ring-pink-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }

  .sm\:focus-within\:ring-current:focus-within {
    --tw-ring-color: currentColor;
  }

  .sm\:focus-within\:ring-black:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-white:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-gray-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-red-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-yellow-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-green-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-blue-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-indigo-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-purple-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .sm\:focus-within\:ring-pink-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }

  .sm\:focus\:ring-current:focus {
    --tw-ring-color: currentColor;
  }

  .sm\:focus\:ring-black:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-green-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-blue-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-indigo-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .sm\:focus\:ring-pink-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .sm\:ring-opacity-0 {
    --tw-ring-opacity: 0;
  }

  .sm\:ring-opacity-5 {
    --tw-ring-opacity: 0.05;
  }

  .sm\:ring-opacity-10 {
    --tw-ring-opacity: 0.1;
  }

  .sm\:ring-opacity-20 {
    --tw-ring-opacity: 0.2;
  }

  .sm\:ring-opacity-25 {
    --tw-ring-opacity: 0.25;
  }

  .sm\:ring-opacity-30 {
    --tw-ring-opacity: 0.3;
  }

  .sm\:ring-opacity-40 {
    --tw-ring-opacity: 0.4;
  }

  .sm\:ring-opacity-50 {
    --tw-ring-opacity: 0.5;
  }

  .sm\:ring-opacity-60 {
    --tw-ring-opacity: 0.6;
  }

  .sm\:ring-opacity-70 {
    --tw-ring-opacity: 0.7;
  }

  .sm\:ring-opacity-75 {
    --tw-ring-opacity: 0.75;
  }

  .sm\:ring-opacity-80 {
    --tw-ring-opacity: 0.8;
  }

  .sm\:ring-opacity-90 {
    --tw-ring-opacity: 0.9;
  }

  .sm\:ring-opacity-95 {
    --tw-ring-opacity: 0.95;
  }

  .sm\:ring-opacity-100 {
    --tw-ring-opacity: 1;
  }

  .sm\:focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0;
  }

  .sm\:focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05;
  }

  .sm\:focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1;
  }

  .sm\:focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2;
  }

  .sm\:focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25;
  }

  .sm\:focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3;
  }

  .sm\:focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4;
  }

  .sm\:focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5;
  }

  .sm\:focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6;
  }

  .sm\:focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7;
  }

  .sm\:focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75;
  }

  .sm\:focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8;
  }

  .sm\:focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9;
  }

  .sm\:focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95;
  }

  .sm\:focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1;
  }

  .sm\:focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0;
  }

  .sm\:focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05;
  }

  .sm\:focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1;
  }

  .sm\:focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2;
  }

  .sm\:focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25;
  }

  .sm\:focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3;
  }

  .sm\:focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4;
  }

  .sm\:focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
  }

  .sm\:focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6;
  }

  .sm\:focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7;
  }

  .sm\:focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75;
  }

  .sm\:focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8;
  }

  .sm\:focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9;
  }

  .sm\:focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95;
  }

  .sm\:focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1;
  }

  .sm\:ring-offset-0 {
    --tw-ring-offset-width: 0px;
  }

  .sm\:ring-offset-1 {
    --tw-ring-offset-width: 1px;
  }

  .sm\:ring-offset-2 {
    --tw-ring-offset-width: 2px;
  }

  .sm\:ring-offset-4 {
    --tw-ring-offset-width: 4px;
  }

  .sm\:ring-offset-8 {
    --tw-ring-offset-width: 8px;
  }

  .sm\:focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px;
  }

  .sm\:focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px;
  }

  .sm\:focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
  }

  .sm\:focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px;
  }

  .sm\:focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px;
  }

  .sm\:focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
  }

  .sm\:focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
  }

  .sm\:focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }

  .sm\:focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px;
  }

  .sm\:focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px;
  }

  .sm\:ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }

  .sm\:ring-offset-current {
    --tw-ring-offset-color: currentColor;
  }

  .sm\:ring-offset-black {
    --tw-ring-offset-color: #000;
  }

  .sm\:ring-offset-white {
    --tw-ring-offset-color: #fff;
  }

  .sm\:ring-offset-gray-50 {
    --tw-ring-offset-color: #f9fafb;
  }

  .sm\:ring-offset-gray-100 {
    --tw-ring-offset-color: #f3f4f6;
  }

  .sm\:ring-offset-gray-200 {
    --tw-ring-offset-color: #e5e7eb;
  }

  .sm\:ring-offset-gray-300 {
    --tw-ring-offset-color: #d1d5db;
  }

  .sm\:ring-offset-gray-400 {
    --tw-ring-offset-color: #9ca3af;
  }

  .sm\:ring-offset-gray-500 {
    --tw-ring-offset-color: #6b7280;
  }

  .sm\:ring-offset-gray-600 {
    --tw-ring-offset-color: #4b5563;
  }

  .sm\:ring-offset-gray-700 {
    --tw-ring-offset-color: #374151;
  }

  .sm\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937;
  }

  .sm\:ring-offset-gray-900 {
    --tw-ring-offset-color: #111827;
  }

  .sm\:ring-offset-red-50 {
    --tw-ring-offset-color: #fef2f2;
  }

  .sm\:ring-offset-red-100 {
    --tw-ring-offset-color: #fee2e2;
  }

  .sm\:ring-offset-red-200 {
    --tw-ring-offset-color: #fecaca;
  }

  .sm\:ring-offset-red-300 {
    --tw-ring-offset-color: #fca5a5;
  }

  .sm\:ring-offset-red-400 {
    --tw-ring-offset-color: #f87171;
  }

  .sm\:ring-offset-red-500 {
    --tw-ring-offset-color: #ef4444;
  }

  .sm\:ring-offset-red-600 {
    --tw-ring-offset-color: #dc2626;
  }

  .sm\:ring-offset-red-700 {
    --tw-ring-offset-color: #b91c1c;
  }

  .sm\:ring-offset-red-800 {
    --tw-ring-offset-color: #991b1b;
  }

  .sm\:ring-offset-red-900 {
    --tw-ring-offset-color: #7f1d1d;
  }

  .sm\:ring-offset-yellow-50 {
    --tw-ring-offset-color: #fffbeb;
  }

  .sm\:ring-offset-yellow-100 {
    --tw-ring-offset-color: #fef3c7;
  }

  .sm\:ring-offset-yellow-200 {
    --tw-ring-offset-color: #fde68a;
  }

  .sm\:ring-offset-yellow-300 {
    --tw-ring-offset-color: #fcd34d;
  }

  .sm\:ring-offset-yellow-400 {
    --tw-ring-offset-color: #fbbf24;
  }

  .sm\:ring-offset-yellow-500 {
    --tw-ring-offset-color: #f59e0b;
  }

  .sm\:ring-offset-yellow-600 {
    --tw-ring-offset-color: #d97706;
  }

  .sm\:ring-offset-yellow-700 {
    --tw-ring-offset-color: #b45309;
  }

  .sm\:ring-offset-yellow-800 {
    --tw-ring-offset-color: #92400e;
  }

  .sm\:ring-offset-yellow-900 {
    --tw-ring-offset-color: #78350f;
  }

  .sm\:ring-offset-green-50 {
    --tw-ring-offset-color: #ecfdf5;
  }

  .sm\:ring-offset-green-100 {
    --tw-ring-offset-color: #d1fae5;
  }

  .sm\:ring-offset-green-200 {
    --tw-ring-offset-color: #a7f3d0;
  }

  .sm\:ring-offset-green-300 {
    --tw-ring-offset-color: #6ee7b7;
  }

  .sm\:ring-offset-green-400 {
    --tw-ring-offset-color: #34d399;
  }

  .sm\:ring-offset-green-500 {
    --tw-ring-offset-color: #10b981;
  }

  .sm\:ring-offset-green-600 {
    --tw-ring-offset-color: #059669;
  }

  .sm\:ring-offset-green-700 {
    --tw-ring-offset-color: #047857;
  }

  .sm\:ring-offset-green-800 {
    --tw-ring-offset-color: #065f46;
  }

  .sm\:ring-offset-green-900 {
    --tw-ring-offset-color: #064e3b;
  }

  .sm\:ring-offset-blue-50 {
    --tw-ring-offset-color: #eff6ff;
  }

  .sm\:ring-offset-blue-100 {
    --tw-ring-offset-color: #dbeafe;
  }

  .sm\:ring-offset-blue-200 {
    --tw-ring-offset-color: #bfdbfe;
  }

  .sm\:ring-offset-blue-300 {
    --tw-ring-offset-color: #93c5fd;
  }

  .sm\:ring-offset-blue-400 {
    --tw-ring-offset-color: #60a5fa;
  }

  .sm\:ring-offset-blue-500 {
    --tw-ring-offset-color: #3b82f6;
  }

  .sm\:ring-offset-blue-600 {
    --tw-ring-offset-color: #2563eb;
  }

  .sm\:ring-offset-blue-700 {
    --tw-ring-offset-color: #1d4ed8;
  }

  .sm\:ring-offset-blue-800 {
    --tw-ring-offset-color: #1e40af;
  }

  .sm\:ring-offset-blue-900 {
    --tw-ring-offset-color: #1e3a8a;
  }

  .sm\:ring-offset-indigo-50 {
    --tw-ring-offset-color: #eef2ff;
  }

  .sm\:ring-offset-indigo-100 {
    --tw-ring-offset-color: #e0e7ff;
  }

  .sm\:ring-offset-indigo-200 {
    --tw-ring-offset-color: #c7d2fe;
  }

  .sm\:ring-offset-indigo-300 {
    --tw-ring-offset-color: #a5b4fc;
  }

  .sm\:ring-offset-indigo-400 {
    --tw-ring-offset-color: #818cf8;
  }

  .sm\:ring-offset-indigo-500 {
    --tw-ring-offset-color: #6366f1;
  }

  .sm\:ring-offset-indigo-600 {
    --tw-ring-offset-color: #4f46e5;
  }

  .sm\:ring-offset-indigo-700 {
    --tw-ring-offset-color: #4338ca;
  }

  .sm\:ring-offset-indigo-800 {
    --tw-ring-offset-color: #3730a3;
  }

  .sm\:ring-offset-indigo-900 {
    --tw-ring-offset-color: #312e81;
  }

  .sm\:ring-offset-purple-50 {
    --tw-ring-offset-color: #f5f3ff;
  }

  .sm\:ring-offset-purple-100 {
    --tw-ring-offset-color: #ede9fe;
  }

  .sm\:ring-offset-purple-200 {
    --tw-ring-offset-color: #ddd6fe;
  }

  .sm\:ring-offset-purple-300 {
    --tw-ring-offset-color: #c4b5fd;
  }

  .sm\:ring-offset-purple-400 {
    --tw-ring-offset-color: #a78bfa;
  }

  .sm\:ring-offset-purple-500 {
    --tw-ring-offset-color: #8b5cf6;
  }

  .sm\:ring-offset-purple-600 {
    --tw-ring-offset-color: #7c3aed;
  }

  .sm\:ring-offset-purple-700 {
    --tw-ring-offset-color: #6d28d9;
  }

  .sm\:ring-offset-purple-800 {
    --tw-ring-offset-color: #5b21b6;
  }

  .sm\:ring-offset-purple-900 {
    --tw-ring-offset-color: #4c1d95;
  }

  .sm\:ring-offset-pink-50 {
    --tw-ring-offset-color: #fdf2f8;
  }

  .sm\:ring-offset-pink-100 {
    --tw-ring-offset-color: #fce7f3;
  }

  .sm\:ring-offset-pink-200 {
    --tw-ring-offset-color: #fbcfe8;
  }

  .sm\:ring-offset-pink-300 {
    --tw-ring-offset-color: #f9a8d4;
  }

  .sm\:ring-offset-pink-400 {
    --tw-ring-offset-color: #f472b6;
  }

  .sm\:ring-offset-pink-500 {
    --tw-ring-offset-color: #ec4899;
  }

  .sm\:ring-offset-pink-600 {
    --tw-ring-offset-color: #db2777;
  }

  .sm\:ring-offset-pink-700 {
    --tw-ring-offset-color: #be185d;
  }

  .sm\:ring-offset-pink-800 {
    --tw-ring-offset-color: #9d174d;
  }

  .sm\:ring-offset-pink-900 {
    --tw-ring-offset-color: #831843;
  }

  .sm\:focus-within\:ring-offset-transparent:focus-within {
    --tw-ring-offset-color: transparent;
  }

  .sm\:focus-within\:ring-offset-current:focus-within {
    --tw-ring-offset-color: currentColor;
  }

  .sm\:focus-within\:ring-offset-black:focus-within {
    --tw-ring-offset-color: #000;
  }

  .sm\:focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: #fff;
  }

  .sm\:focus-within\:ring-offset-gray-50:focus-within {
    --tw-ring-offset-color: #f9fafb;
  }

  .sm\:focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6;
  }

  .sm\:focus-within\:ring-offset-gray-200:focus-within {
    --tw-ring-offset-color: #e5e7eb;
  }

  .sm\:focus-within\:ring-offset-gray-300:focus-within {
    --tw-ring-offset-color: #d1d5db;
  }

  .sm\:focus-within\:ring-offset-gray-400:focus-within {
    --tw-ring-offset-color: #9ca3af;
  }

  .sm\:focus-within\:ring-offset-gray-500:focus-within {
    --tw-ring-offset-color: #6b7280;
  }

  .sm\:focus-within\:ring-offset-gray-600:focus-within {
    --tw-ring-offset-color: #4b5563;
  }

  .sm\:focus-within\:ring-offset-gray-700:focus-within {
    --tw-ring-offset-color: #374151;
  }

  .sm\:focus-within\:ring-offset-gray-800:focus-within {
    --tw-ring-offset-color: #1f2937;
  }

  .sm\:focus-within\:ring-offset-gray-900:focus-within {
    --tw-ring-offset-color: #111827;
  }

  .sm\:focus-within\:ring-offset-red-50:focus-within {
    --tw-ring-offset-color: #fef2f2;
  }

  .sm\:focus-within\:ring-offset-red-100:focus-within {
    --tw-ring-offset-color: #fee2e2;
  }

  .sm\:focus-within\:ring-offset-red-200:focus-within {
    --tw-ring-offset-color: #fecaca;
  }

  .sm\:focus-within\:ring-offset-red-300:focus-within {
    --tw-ring-offset-color: #fca5a5;
  }

  .sm\:focus-within\:ring-offset-red-400:focus-within {
    --tw-ring-offset-color: #f87171;
  }

  .sm\:focus-within\:ring-offset-red-500:focus-within {
    --tw-ring-offset-color: #ef4444;
  }

  .sm\:focus-within\:ring-offset-red-600:focus-within {
    --tw-ring-offset-color: #dc2626;
  }

  .sm\:focus-within\:ring-offset-red-700:focus-within {
    --tw-ring-offset-color: #b91c1c;
  }

  .sm\:focus-within\:ring-offset-red-800:focus-within {
    --tw-ring-offset-color: #991b1b;
  }

  .sm\:focus-within\:ring-offset-red-900:focus-within {
    --tw-ring-offset-color: #7f1d1d;
  }

  .sm\:focus-within\:ring-offset-yellow-50:focus-within {
    --tw-ring-offset-color: #fffbeb;
  }

  .sm\:focus-within\:ring-offset-yellow-100:focus-within {
    --tw-ring-offset-color: #fef3c7;
  }

  .sm\:focus-within\:ring-offset-yellow-200:focus-within {
    --tw-ring-offset-color: #fde68a;
  }

  .sm\:focus-within\:ring-offset-yellow-300:focus-within {
    --tw-ring-offset-color: #fcd34d;
  }

  .sm\:focus-within\:ring-offset-yellow-400:focus-within {
    --tw-ring-offset-color: #fbbf24;
  }

  .sm\:focus-within\:ring-offset-yellow-500:focus-within {
    --tw-ring-offset-color: #f59e0b;
  }

  .sm\:focus-within\:ring-offset-yellow-600:focus-within {
    --tw-ring-offset-color: #d97706;
  }

  .sm\:focus-within\:ring-offset-yellow-700:focus-within {
    --tw-ring-offset-color: #b45309;
  }

  .sm\:focus-within\:ring-offset-yellow-800:focus-within {
    --tw-ring-offset-color: #92400e;
  }

  .sm\:focus-within\:ring-offset-yellow-900:focus-within {
    --tw-ring-offset-color: #78350f;
  }

  .sm\:focus-within\:ring-offset-green-50:focus-within {
    --tw-ring-offset-color: #ecfdf5;
  }

  .sm\:focus-within\:ring-offset-green-100:focus-within {
    --tw-ring-offset-color: #d1fae5;
  }

  .sm\:focus-within\:ring-offset-green-200:focus-within {
    --tw-ring-offset-color: #a7f3d0;
  }

  .sm\:focus-within\:ring-offset-green-300:focus-within {
    --tw-ring-offset-color: #6ee7b7;
  }

  .sm\:focus-within\:ring-offset-green-400:focus-within {
    --tw-ring-offset-color: #34d399;
  }

  .sm\:focus-within\:ring-offset-green-500:focus-within {
    --tw-ring-offset-color: #10b981;
  }

  .sm\:focus-within\:ring-offset-green-600:focus-within {
    --tw-ring-offset-color: #059669;
  }

  .sm\:focus-within\:ring-offset-green-700:focus-within {
    --tw-ring-offset-color: #047857;
  }

  .sm\:focus-within\:ring-offset-green-800:focus-within {
    --tw-ring-offset-color: #065f46;
  }

  .sm\:focus-within\:ring-offset-green-900:focus-within {
    --tw-ring-offset-color: #064e3b;
  }

  .sm\:focus-within\:ring-offset-blue-50:focus-within {
    --tw-ring-offset-color: #eff6ff;
  }

  .sm\:focus-within\:ring-offset-blue-100:focus-within {
    --tw-ring-offset-color: #dbeafe;
  }

  .sm\:focus-within\:ring-offset-blue-200:focus-within {
    --tw-ring-offset-color: #bfdbfe;
  }

  .sm\:focus-within\:ring-offset-blue-300:focus-within {
    --tw-ring-offset-color: #93c5fd;
  }

  .sm\:focus-within\:ring-offset-blue-400:focus-within {
    --tw-ring-offset-color: #60a5fa;
  }

  .sm\:focus-within\:ring-offset-blue-500:focus-within {
    --tw-ring-offset-color: #3b82f6;
  }

  .sm\:focus-within\:ring-offset-blue-600:focus-within {
    --tw-ring-offset-color: #2563eb;
  }

  .sm\:focus-within\:ring-offset-blue-700:focus-within {
    --tw-ring-offset-color: #1d4ed8;
  }

  .sm\:focus-within\:ring-offset-blue-800:focus-within {
    --tw-ring-offset-color: #1e40af;
  }

  .sm\:focus-within\:ring-offset-blue-900:focus-within {
    --tw-ring-offset-color: #1e3a8a;
  }

  .sm\:focus-within\:ring-offset-indigo-50:focus-within {
    --tw-ring-offset-color: #eef2ff;
  }

  .sm\:focus-within\:ring-offset-indigo-100:focus-within {
    --tw-ring-offset-color: #e0e7ff;
  }

  .sm\:focus-within\:ring-offset-indigo-200:focus-within {
    --tw-ring-offset-color: #c7d2fe;
  }

  .sm\:focus-within\:ring-offset-indigo-300:focus-within {
    --tw-ring-offset-color: #a5b4fc;
  }

  .sm\:focus-within\:ring-offset-indigo-400:focus-within {
    --tw-ring-offset-color: #818cf8;
  }

  .sm\:focus-within\:ring-offset-indigo-500:focus-within {
    --tw-ring-offset-color: #6366f1;
  }

  .sm\:focus-within\:ring-offset-indigo-600:focus-within {
    --tw-ring-offset-color: #4f46e5;
  }

  .sm\:focus-within\:ring-offset-indigo-700:focus-within {
    --tw-ring-offset-color: #4338ca;
  }

  .sm\:focus-within\:ring-offset-indigo-800:focus-within {
    --tw-ring-offset-color: #3730a3;
  }

  .sm\:focus-within\:ring-offset-indigo-900:focus-within {
    --tw-ring-offset-color: #312e81;
  }

  .sm\:focus-within\:ring-offset-purple-50:focus-within {
    --tw-ring-offset-color: #f5f3ff;
  }

  .sm\:focus-within\:ring-offset-purple-100:focus-within {
    --tw-ring-offset-color: #ede9fe;
  }

  .sm\:focus-within\:ring-offset-purple-200:focus-within {
    --tw-ring-offset-color: #ddd6fe;
  }

  .sm\:focus-within\:ring-offset-purple-300:focus-within {
    --tw-ring-offset-color: #c4b5fd;
  }

  .sm\:focus-within\:ring-offset-purple-400:focus-within {
    --tw-ring-offset-color: #a78bfa;
  }

  .sm\:focus-within\:ring-offset-purple-500:focus-within {
    --tw-ring-offset-color: #8b5cf6;
  }

  .sm\:focus-within\:ring-offset-purple-600:focus-within {
    --tw-ring-offset-color: #7c3aed;
  }

  .sm\:focus-within\:ring-offset-purple-700:focus-within {
    --tw-ring-offset-color: #6d28d9;
  }

  .sm\:focus-within\:ring-offset-purple-800:focus-within {
    --tw-ring-offset-color: #5b21b6;
  }

  .sm\:focus-within\:ring-offset-purple-900:focus-within {
    --tw-ring-offset-color: #4c1d95;
  }

  .sm\:focus-within\:ring-offset-pink-50:focus-within {
    --tw-ring-offset-color: #fdf2f8;
  }

  .sm\:focus-within\:ring-offset-pink-100:focus-within {
    --tw-ring-offset-color: #fce7f3;
  }

  .sm\:focus-within\:ring-offset-pink-200:focus-within {
    --tw-ring-offset-color: #fbcfe8;
  }

  .sm\:focus-within\:ring-offset-pink-300:focus-within {
    --tw-ring-offset-color: #f9a8d4;
  }

  .sm\:focus-within\:ring-offset-pink-400:focus-within {
    --tw-ring-offset-color: #f472b6;
  }

  .sm\:focus-within\:ring-offset-pink-500:focus-within {
    --tw-ring-offset-color: #ec4899;
  }

  .sm\:focus-within\:ring-offset-pink-600:focus-within {
    --tw-ring-offset-color: #db2777;
  }

  .sm\:focus-within\:ring-offset-pink-700:focus-within {
    --tw-ring-offset-color: #be185d;
  }

  .sm\:focus-within\:ring-offset-pink-800:focus-within {
    --tw-ring-offset-color: #9d174d;
  }

  .sm\:focus-within\:ring-offset-pink-900:focus-within {
    --tw-ring-offset-color: #831843;
  }

  .sm\:focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent;
  }

  .sm\:focus\:ring-offset-current:focus {
    --tw-ring-offset-color: currentColor;
  }

  .sm\:focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000;
  }

  .sm\:focus\:ring-offset-white:focus {
    --tw-ring-offset-color: #fff;
  }

  .sm\:focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb;
  }

  .sm\:focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: #f3f4f6;
  }

  .sm\:focus\:ring-offset-gray-200:focus {
    --tw-ring-offset-color: #e5e7eb;
  }

  .sm\:focus\:ring-offset-gray-300:focus {
    --tw-ring-offset-color: #d1d5db;
  }

  .sm\:focus\:ring-offset-gray-400:focus {
    --tw-ring-offset-color: #9ca3af;
  }

  .sm\:focus\:ring-offset-gray-500:focus {
    --tw-ring-offset-color: #6b7280;
  }

  .sm\:focus\:ring-offset-gray-600:focus {
    --tw-ring-offset-color: #4b5563;
  }

  .sm\:focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151;
  }

  .sm\:focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1f2937;
  }

  .sm\:focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color: #111827;
  }

  .sm\:focus\:ring-offset-red-50:focus {
    --tw-ring-offset-color: #fef2f2;
  }

  .sm\:focus\:ring-offset-red-100:focus {
    --tw-ring-offset-color: #fee2e2;
  }

  .sm\:focus\:ring-offset-red-200:focus {
    --tw-ring-offset-color: #fecaca;
  }

  .sm\:focus\:ring-offset-red-300:focus {
    --tw-ring-offset-color: #fca5a5;
  }

  .sm\:focus\:ring-offset-red-400:focus {
    --tw-ring-offset-color: #f87171;
  }

  .sm\:focus\:ring-offset-red-500:focus {
    --tw-ring-offset-color: #ef4444;
  }

  .sm\:focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626;
  }

  .sm\:focus\:ring-offset-red-700:focus {
    --tw-ring-offset-color: #b91c1c;
  }

  .sm\:focus\:ring-offset-red-800:focus {
    --tw-ring-offset-color: #991b1b;
  }

  .sm\:focus\:ring-offset-red-900:focus {
    --tw-ring-offset-color: #7f1d1d;
  }

  .sm\:focus\:ring-offset-yellow-50:focus {
    --tw-ring-offset-color: #fffbeb;
  }

  .sm\:focus\:ring-offset-yellow-100:focus {
    --tw-ring-offset-color: #fef3c7;
  }

  .sm\:focus\:ring-offset-yellow-200:focus {
    --tw-ring-offset-color: #fde68a;
  }

  .sm\:focus\:ring-offset-yellow-300:focus {
    --tw-ring-offset-color: #fcd34d;
  }

  .sm\:focus\:ring-offset-yellow-400:focus {
    --tw-ring-offset-color: #fbbf24;
  }

  .sm\:focus\:ring-offset-yellow-500:focus {
    --tw-ring-offset-color: #f59e0b;
  }

  .sm\:focus\:ring-offset-yellow-600:focus {
    --tw-ring-offset-color: #d97706;
  }

  .sm\:focus\:ring-offset-yellow-700:focus {
    --tw-ring-offset-color: #b45309;
  }

  .sm\:focus\:ring-offset-yellow-800:focus {
    --tw-ring-offset-color: #92400e;
  }

  .sm\:focus\:ring-offset-yellow-900:focus {
    --tw-ring-offset-color: #78350f;
  }

  .sm\:focus\:ring-offset-green-50:focus {
    --tw-ring-offset-color: #ecfdf5;
  }

  .sm\:focus\:ring-offset-green-100:focus {
    --tw-ring-offset-color: #d1fae5;
  }

  .sm\:focus\:ring-offset-green-200:focus {
    --tw-ring-offset-color: #a7f3d0;
  }

  .sm\:focus\:ring-offset-green-300:focus {
    --tw-ring-offset-color: #6ee7b7;
  }

  .sm\:focus\:ring-offset-green-400:focus {
    --tw-ring-offset-color: #34d399;
  }

  .sm\:focus\:ring-offset-green-500:focus {
    --tw-ring-offset-color: #10b981;
  }

  .sm\:focus\:ring-offset-green-600:focus {
    --tw-ring-offset-color: #059669;
  }

  .sm\:focus\:ring-offset-green-700:focus {
    --tw-ring-offset-color: #047857;
  }

  .sm\:focus\:ring-offset-green-800:focus {
    --tw-ring-offset-color: #065f46;
  }

  .sm\:focus\:ring-offset-green-900:focus {
    --tw-ring-offset-color: #064e3b;
  }

  .sm\:focus\:ring-offset-blue-50:focus {
    --tw-ring-offset-color: #eff6ff;
  }

  .sm\:focus\:ring-offset-blue-100:focus {
    --tw-ring-offset-color: #dbeafe;
  }

  .sm\:focus\:ring-offset-blue-200:focus {
    --tw-ring-offset-color: #bfdbfe;
  }

  .sm\:focus\:ring-offset-blue-300:focus {
    --tw-ring-offset-color: #93c5fd;
  }

  .sm\:focus\:ring-offset-blue-400:focus {
    --tw-ring-offset-color: #60a5fa;
  }

  .sm\:focus\:ring-offset-blue-500:focus {
    --tw-ring-offset-color: #3b82f6;
  }

  .sm\:focus\:ring-offset-blue-600:focus {
    --tw-ring-offset-color: #2563eb;
  }

  .sm\:focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8;
  }

  .sm\:focus\:ring-offset-blue-800:focus {
    --tw-ring-offset-color: #1e40af;
  }

  .sm\:focus\:ring-offset-blue-900:focus {
    --tw-ring-offset-color: #1e3a8a;
  }

  .sm\:focus\:ring-offset-indigo-50:focus {
    --tw-ring-offset-color: #eef2ff;
  }

  .sm\:focus\:ring-offset-indigo-100:focus {
    --tw-ring-offset-color: #e0e7ff;
  }

  .sm\:focus\:ring-offset-indigo-200:focus {
    --tw-ring-offset-color: #c7d2fe;
  }

  .sm\:focus\:ring-offset-indigo-300:focus {
    --tw-ring-offset-color: #a5b4fc;
  }

  .sm\:focus\:ring-offset-indigo-400:focus {
    --tw-ring-offset-color: #818cf8;
  }

  .sm\:focus\:ring-offset-indigo-500:focus {
    --tw-ring-offset-color: #6366f1;
  }

  .sm\:focus\:ring-offset-indigo-600:focus {
    --tw-ring-offset-color: #4f46e5;
  }

  .sm\:focus\:ring-offset-indigo-700:focus {
    --tw-ring-offset-color: #4338ca;
  }

  .sm\:focus\:ring-offset-indigo-800:focus {
    --tw-ring-offset-color: #3730a3;
  }

  .sm\:focus\:ring-offset-indigo-900:focus {
    --tw-ring-offset-color: #312e81;
  }

  .sm\:focus\:ring-offset-purple-50:focus {
    --tw-ring-offset-color: #f5f3ff;
  }

  .sm\:focus\:ring-offset-purple-100:focus {
    --tw-ring-offset-color: #ede9fe;
  }

  .sm\:focus\:ring-offset-purple-200:focus {
    --tw-ring-offset-color: #ddd6fe;
  }

  .sm\:focus\:ring-offset-purple-300:focus {
    --tw-ring-offset-color: #c4b5fd;
  }

  .sm\:focus\:ring-offset-purple-400:focus {
    --tw-ring-offset-color: #a78bfa;
  }

  .sm\:focus\:ring-offset-purple-500:focus {
    --tw-ring-offset-color: #8b5cf6;
  }

  .sm\:focus\:ring-offset-purple-600:focus {
    --tw-ring-offset-color: #7c3aed;
  }

  .sm\:focus\:ring-offset-purple-700:focus {
    --tw-ring-offset-color: #6d28d9;
  }

  .sm\:focus\:ring-offset-purple-800:focus {
    --tw-ring-offset-color: #5b21b6;
  }

  .sm\:focus\:ring-offset-purple-900:focus {
    --tw-ring-offset-color: #4c1d95;
  }

  .sm\:focus\:ring-offset-pink-50:focus {
    --tw-ring-offset-color: #fdf2f8;
  }

  .sm\:focus\:ring-offset-pink-100:focus {
    --tw-ring-offset-color: #fce7f3;
  }

  .sm\:focus\:ring-offset-pink-200:focus {
    --tw-ring-offset-color: #fbcfe8;
  }

  .sm\:focus\:ring-offset-pink-300:focus {
    --tw-ring-offset-color: #f9a8d4;
  }

  .sm\:focus\:ring-offset-pink-400:focus {
    --tw-ring-offset-color: #f472b6;
  }

  .sm\:focus\:ring-offset-pink-500:focus {
    --tw-ring-offset-color: #ec4899;
  }

  .sm\:focus\:ring-offset-pink-600:focus {
    --tw-ring-offset-color: #db2777;
  }

  .sm\:focus\:ring-offset-pink-700:focus {
    --tw-ring-offset-color: #be185d;
  }

  .sm\:focus\:ring-offset-pink-800:focus {
    --tw-ring-offset-color: #9d174d;
  }

  .sm\:focus\:ring-offset-pink-900:focus {
    --tw-ring-offset-color: #831843;
  }

  .sm\:filter {
    --tw-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
    -webkit-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: 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);
  }

  .sm\:filter-none {
    -webkit-filter: none;
            filter: none;
  }

  .sm\:blur-0 {
    --tw-blur: blur(0);
  }

  .sm\:blur-none {
    --tw-blur: blur(0);
  }

  .sm\:blur-sm {
    --tw-blur: blur(4px);
  }

  .sm\:blur {
    --tw-blur: blur(8px);
  }

  .sm\:blur-md {
    --tw-blur: blur(12px);
  }

  .sm\:blur-lg {
    --tw-blur: blur(16px);
  }

  .sm\:blur-xl {
    --tw-blur: blur(24px);
  }

  .sm\:blur-2xl {
    --tw-blur: blur(40px);
  }

  .sm\:blur-3xl {
    --tw-blur: blur(64px);
  }

  .sm\:brightness-0 {
    --tw-brightness: brightness(0);
  }

  .sm\:brightness-50 {
    --tw-brightness: brightness(.5);
  }

  .sm\:brightness-75 {
    --tw-brightness: brightness(.75);
  }

  .sm\:brightness-90 {
    --tw-brightness: brightness(.9);
  }

  .sm\:brightness-95 {
    --tw-brightness: brightness(.95);
  }

  .sm\:brightness-100 {
    --tw-brightness: brightness(1);
  }

  .sm\:brightness-105 {
    --tw-brightness: brightness(1.05);
  }

  .sm\:brightness-110 {
    --tw-brightness: brightness(1.1);
  }

  .sm\:brightness-125 {
    --tw-brightness: brightness(1.25);
  }

  .sm\:brightness-150 {
    --tw-brightness: brightness(1.5);
  }

  .sm\:brightness-200 {
    --tw-brightness: brightness(2);
  }

  .sm\:contrast-0 {
    --tw-contrast: contrast(0);
  }

  .sm\:contrast-50 {
    --tw-contrast: contrast(.5);
  }

  .sm\:contrast-75 {
    --tw-contrast: contrast(.75);
  }

  .sm\:contrast-100 {
    --tw-contrast: contrast(1);
  }

  .sm\:contrast-125 {
    --tw-contrast: contrast(1.25);
  }

  .sm\:contrast-150 {
    --tw-contrast: contrast(1.5);
  }

  .sm\:contrast-200 {
    --tw-contrast: contrast(2);
  }

  .sm\:drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
  }

  .sm\:drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
  }

  .sm\:drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
  }

  .sm\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
  }

  .sm\:drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  }

  .sm\:drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  }

  .sm\:drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
  }

  .sm\:grayscale-0 {
    --tw-grayscale: grayscale(0);
  }

  .sm\:grayscale {
    --tw-grayscale: grayscale(100%);
  }

  .sm\:hue-rotate-0 {
    --tw-hue-rotate: hue-rotate(0deg);
  }

  .sm\:hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(15deg);
  }

  .sm\:hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg);
  }

  .sm\:hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(60deg);
  }

  .sm\:hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(90deg);
  }

  .sm\:hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg);
  }

  .sm\:-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(-180deg);
  }

  .sm\:-hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(-90deg);
  }

  .sm\:-hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(-60deg);
  }

  .sm\:-hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(-30deg);
  }

  .sm\:-hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(-15deg);
  }

  .sm\:invert-0 {
    --tw-invert: invert(0);
  }

  .sm\:invert {
    --tw-invert: invert(100%);
  }

  .sm\:saturate-0 {
    --tw-saturate: saturate(0);
  }

  .sm\:saturate-50 {
    --tw-saturate: saturate(.5);
  }

  .sm\:saturate-100 {
    --tw-saturate: saturate(1);
  }

  .sm\:saturate-150 {
    --tw-saturate: saturate(1.5);
  }

  .sm\:saturate-200 {
    --tw-saturate: saturate(2);
  }

  .sm\:sepia-0 {
    --tw-sepia: sepia(0);
  }

  .sm\:sepia {
    --tw-sepia: sepia(100%);
  }

  .sm\:backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
    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);
  }

  .sm\:backdrop-filter-none {
    backdrop-filter: none;
  }

  .sm\:backdrop-blur-0 {
    --tw-backdrop-blur: blur(0);
  }

  .sm\:backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
  }

  .sm\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
  }

  .sm\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
  }

  .sm\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
  }

  .sm\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
  }

  .sm\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
  }

  .sm\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
  }

  .sm\:backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
  }

  .sm\:backdrop-brightness-0 {
    --tw-backdrop-brightness: brightness(0);
  }

  .sm\:backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
  }

  .sm\:backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75);
  }

  .sm\:backdrop-brightness-90 {
    --tw-backdrop-brightness: brightness(.9);
  }

  .sm\:backdrop-brightness-95 {
    --tw-backdrop-brightness: brightness(.95);
  }

  .sm\:backdrop-brightness-100 {
    --tw-backdrop-brightness: brightness(1);
  }

  .sm\:backdrop-brightness-105 {
    --tw-backdrop-brightness: brightness(1.05);
  }

  .sm\:backdrop-brightness-110 {
    --tw-backdrop-brightness: brightness(1.1);
  }

  .sm\:backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(1.25);
  }

  .sm\:backdrop-brightness-150 {
    --tw-backdrop-brightness: brightness(1.5);
  }

  .sm\:backdrop-brightness-200 {
    --tw-backdrop-brightness: brightness(2);
  }

  .sm\:backdrop-contrast-0 {
    --tw-backdrop-contrast: contrast(0);
  }

  .sm\:backdrop-contrast-50 {
    --tw-backdrop-contrast: contrast(.5);
  }

  .sm\:backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75);
  }

  .sm\:backdrop-contrast-100 {
    --tw-backdrop-contrast: contrast(1);
  }

  .sm\:backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(1.25);
  }

  .sm\:backdrop-contrast-150 {
    --tw-backdrop-contrast: contrast(1.5);
  }

  .sm\:backdrop-contrast-200 {
    --tw-backdrop-contrast: contrast(2);
  }

  .sm\:backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0);
  }

  .sm\:backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
  }

  .sm\:backdrop-hue-rotate-0 {
    --tw-backdrop-hue-rotate: hue-rotate(0deg);
  }

  .sm\:backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(15deg);
  }

  .sm\:backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(30deg);
  }

  .sm\:backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(60deg);
  }

  .sm\:backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(90deg);
  }

  .sm\:backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(180deg);
  }

  .sm\:-backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(-180deg);
  }

  .sm\:-backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(-90deg);
  }

  .sm\:-backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(-60deg);
  }

  .sm\:-backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(-30deg);
  }

  .sm\:-backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(-15deg);
  }

  .sm\:backdrop-invert-0 {
    --tw-backdrop-invert: invert(0);
  }

  .sm\:backdrop-invert {
    --tw-backdrop-invert: invert(100%);
  }

  .sm\:backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0);
  }

  .sm\:backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05);
  }

  .sm\:backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1);
  }

  .sm\:backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2);
  }

  .sm\:backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25);
  }

  .sm\:backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3);
  }

  .sm\:backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4);
  }

  .sm\:backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5);
  }

  .sm\:backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6);
  }

  .sm\:backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7);
  }

  .sm\:backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75);
  }

  .sm\:backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8);
  }

  .sm\:backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9);
  }

  .sm\:backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95);
  }

  .sm\:backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1);
  }

  .sm\:backdrop-saturate-0 {
    --tw-backdrop-saturate: saturate(0);
  }

  .sm\:backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5);
  }

  .sm\:backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(1);
  }

  .sm\:backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5);
  }

  .sm\:backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
  }

  .sm\:backdrop-sepia-0 {
    --tw-backdrop-sepia: sepia(0);
  }

  .sm\:backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
  }

  .sm\:transition-none {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .sm\:transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:transition-colors {
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:transition-shadow {
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:delay-75 {
    -webkit-transition-delay: 75ms;
            transition-delay: 75ms;
  }

  .sm\:delay-100 {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
  }

  .sm\:delay-150 {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
  }

  .sm\:delay-200 {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }

  .sm\:delay-300 {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }

  .sm\:delay-500 {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }

  .sm\:delay-700 {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
  }

  .sm\:delay-1000 {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }

  .sm\:duration-75 {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
  }

  .sm\:duration-100 {
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
  }

  .sm\:duration-150 {
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .sm\:duration-200 {
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  .sm\:duration-300 {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }

  .sm\:duration-500 {
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }

  .sm\:duration-700 {
    -webkit-transition-duration: 700ms;
            transition-duration: 700ms;
  }

  .sm\:duration-1000 {
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
  }

  .sm\:ease-linear {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }

  .sm\:ease-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .sm\:ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .sm\:ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media (min-width: 768px) {
  .md\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .md\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .md\:container {
      max-width: 1536px;
    }
  }

  .md\: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;
  }

  .md\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:focus-within\:sr-only:focus-within {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:pointer-events-none {
    pointer-events: none;
  }

  .md\:pointer-events-auto {
    pointer-events: auto;
  }

  .md\:visible {
    visibility: visible;
  }

  .md\:invisible {
    visibility: hidden;
  }

  .md\:static {
    position: static;
  }

  .md\:fixed {
    position: fixed;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .md\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  .md\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  .md\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .md\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .md\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  .md\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .md\:inset-7 {
    top: 1.75rem;
    right: 1.75rem;
    bottom: 1.75rem;
    left: 1.75rem;
  }

  .md\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  .md\:inset-9 {
    top: 2.25rem;
    right: 2.25rem;
    bottom: 2.25rem;
    left: 2.25rem;
  }

  .md\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  .md\:inset-11 {
    top: 2.75rem;
    right: 2.75rem;
    bottom: 2.75rem;
    left: 2.75rem;
  }

  .md\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  .md\:inset-14 {
    top: 3.5rem;
    right: 3.5rem;
    bottom: 3.5rem;
    left: 3.5rem;
  }

  .md\:inset-16 {
    top: 4rem;
    right: 4rem;
    bottom: 4rem;
    left: 4rem;
  }

  .md\:inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem;
  }

  .md\:inset-24 {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
  }

  .md\:inset-28 {
    top: 7rem;
    right: 7rem;
    bottom: 7rem;
    left: 7rem;
  }

  .md\:inset-32 {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
  }

  .md\:inset-36 {
    top: 9rem;
    right: 9rem;
    bottom: 9rem;
    left: 9rem;
  }

  .md\:inset-40 {
    top: 10rem;
    right: 10rem;
    bottom: 10rem;
    left: 10rem;
  }

  .md\:inset-44 {
    top: 11rem;
    right: 11rem;
    bottom: 11rem;
    left: 11rem;
  }

  .md\:inset-48 {
    top: 12rem;
    right: 12rem;
    bottom: 12rem;
    left: 12rem;
  }

  .md\:inset-52 {
    top: 13rem;
    right: 13rem;
    bottom: 13rem;
    left: 13rem;
  }

  .md\:inset-56 {
    top: 14rem;
    right: 14rem;
    bottom: 14rem;
    left: 14rem;
  }

  .md\:inset-60 {
    top: 15rem;
    right: 15rem;
    bottom: 15rem;
    left: 15rem;
  }

  .md\:inset-64 {
    top: 16rem;
    right: 16rem;
    bottom: 16rem;
    left: 16rem;
  }

  .md\:inset-72 {
    top: 18rem;
    right: 18rem;
    bottom: 18rem;
    left: 18rem;
  }

  .md\:inset-80 {
    top: 20rem;
    right: 20rem;
    bottom: 20rem;
    left: 20rem;
  }

  .md\:inset-96 {
    top: 24rem;
    right: 24rem;
    bottom: 24rem;
    left: 24rem;
  }

  .md\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
  }

  .md\:inset-0\.5 {
    top: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    left: 0.125rem;
  }

  .md\:inset-1\.5 {
    top: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
    left: 0.375rem;
  }

  .md\:inset-2\.5 {
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
  }

  .md\:inset-3\.5 {
    top: 0.875rem;
    right: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
  }

  .md\:-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .md\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  .md\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  .md\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  .md\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  .md\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .md\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .md\:-inset-7 {
    top: -1.75rem;
    right: -1.75rem;
    bottom: -1.75rem;
    left: -1.75rem;
  }

  .md\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  .md\:-inset-9 {
    top: -2.25rem;
    right: -2.25rem;
    bottom: -2.25rem;
    left: -2.25rem;
  }

  .md\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  .md\:-inset-11 {
    top: -2.75rem;
    right: -2.75rem;
    bottom: -2.75rem;
    left: -2.75rem;
  }

  .md\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  .md\:-inset-14 {
    top: -3.5rem;
    right: -3.5rem;
    bottom: -3.5rem;
    left: -3.5rem;
  }

  .md\:-inset-16 {
    top: -4rem;
    right: -4rem;
    bottom: -4rem;
    left: -4rem;
  }

  .md\:-inset-20 {
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    left: -5rem;
  }

  .md\:-inset-24 {
    top: -6rem;
    right: -6rem;
    bottom: -6rem;
    left: -6rem;
  }

  .md\:-inset-28 {
    top: -7rem;
    right: -7rem;
    bottom: -7rem;
    left: -7rem;
  }

  .md\:-inset-32 {
    top: -8rem;
    right: -8rem;
    bottom: -8rem;
    left: -8rem;
  }

  .md\:-inset-36 {
    top: -9rem;
    right: -9rem;
    bottom: -9rem;
    left: -9rem;
  }

  .md\:-inset-40 {
    top: -10rem;
    right: -10rem;
    bottom: -10rem;
    left: -10rem;
  }

  .md\:-inset-44 {
    top: -11rem;
    right: -11rem;
    bottom: -11rem;
    left: -11rem;
  }

  .md\:-inset-48 {
    top: -12rem;
    right: -12rem;
    bottom: -12rem;
    left: -12rem;
  }

  .md\:-inset-52 {
    top: -13rem;
    right: -13rem;
    bottom: -13rem;
    left: -13rem;
  }

  .md\:-inset-56 {
    top: -14rem;
    right: -14rem;
    bottom: -14rem;
    left: -14rem;
  }

  .md\:-inset-60 {
    top: -15rem;
    right: -15rem;
    bottom: -15rem;
    left: -15rem;
  }

  .md\:-inset-64 {
    top: -16rem;
    right: -16rem;
    bottom: -16rem;
    left: -16rem;
  }

  .md\:-inset-72 {
    top: -18rem;
    right: -18rem;
    bottom: -18rem;
    left: -18rem;
  }

  .md\:-inset-80 {
    top: -20rem;
    right: -20rem;
    bottom: -20rem;
    left: -20rem;
  }

  .md\:-inset-96 {
    top: -24rem;
    right: -24rem;
    bottom: -24rem;
    left: -24rem;
  }

  .md\:-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }

  .md\:-inset-0\.5 {
    top: -0.125rem;
    right: -0.125rem;
    bottom: -0.125rem;
    left: -0.125rem;
  }

  .md\:-inset-1\.5 {
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem;
  }

  .md\:-inset-2\.5 {
    top: -0.625rem;
    right: -0.625rem;
    bottom: -0.625rem;
    left: -0.625rem;
  }

  .md\:-inset-3\.5 {
    top: -0.875rem;
    right: -0.875rem;
    bottom: -0.875rem;
    left: -0.875rem;
  }

  .md\:inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .md\:inset-1\/3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%;
  }

  .md\:inset-2\/3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%;
  }

  .md\:inset-1\/4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
  }

  .md\:inset-2\/4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .md\:inset-3\/4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%;
  }

  .md\:inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }

  .md\:-inset-1\/2 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .md\:-inset-1\/3 {
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
    left: -33.333333%;
  }

  .md\:-inset-2\/3 {
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
    left: -66.666667%;
  }

  .md\:-inset-1\/4 {
    top: -25%;
    right: -25%;
    bottom: -25%;
    left: -25%;
  }

  .md\:-inset-2\/4 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .md\:-inset-3\/4 {
    top: -75%;
    right: -75%;
    bottom: -75%;
    left: -75%;
  }

  .md\:-inset-full {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
  }

  .md\:inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .md\:inset-x-1 {
    left: 0.25rem;
    right: 0.25rem;
  }

  .md\:inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
  }

  .md\:inset-x-3 {
    left: 0.75rem;
    right: 0.75rem;
  }

  .md\:inset-x-4 {
    left: 1rem;
    right: 1rem;
  }

  .md\:inset-x-5 {
    left: 1.25rem;
    right: 1.25rem;
  }

  .md\:inset-x-6 {
    left: 1.5rem;
    right: 1.5rem;
  }

  .md\:inset-x-7 {
    left: 1.75rem;
    right: 1.75rem;
  }

  .md\:inset-x-8 {
    left: 2rem;
    right: 2rem;
  }

  .md\:inset-x-9 {
    left: 2.25rem;
    right: 2.25rem;
  }

  .md\:inset-x-10 {
    left: 2.5rem;
    right: 2.5rem;
  }

  .md\:inset-x-11 {
    left: 2.75rem;
    right: 2.75rem;
  }

  .md\:inset-x-12 {
    left: 3rem;
    right: 3rem;
  }

  .md\:inset-x-14 {
    left: 3.5rem;
    right: 3.5rem;
  }

  .md\:inset-x-16 {
    left: 4rem;
    right: 4rem;
  }

  .md\:inset-x-20 {
    left: 5rem;
    right: 5rem;
  }

  .md\:inset-x-24 {
    left: 6rem;
    right: 6rem;
  }

  .md\:inset-x-28 {
    left: 7rem;
    right: 7rem;
  }

  .md\:inset-x-32 {
    left: 8rem;
    right: 8rem;
  }

  .md\:inset-x-36 {
    left: 9rem;
    right: 9rem;
  }

  .md\:inset-x-40 {
    left: 10rem;
    right: 10rem;
  }

  .md\:inset-x-44 {
    left: 11rem;
    right: 11rem;
  }

  .md\:inset-x-48 {
    left: 12rem;
    right: 12rem;
  }

  .md\:inset-x-52 {
    left: 13rem;
    right: 13rem;
  }

  .md\:inset-x-56 {
    left: 14rem;
    right: 14rem;
  }

  .md\:inset-x-60 {
    left: 15rem;
    right: 15rem;
  }

  .md\:inset-x-64 {
    left: 16rem;
    right: 16rem;
  }

  .md\:inset-x-72 {
    left: 18rem;
    right: 18rem;
  }

  .md\:inset-x-80 {
    left: 20rem;
    right: 20rem;
  }

  .md\:inset-x-96 {
    left: 24rem;
    right: 24rem;
  }

  .md\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .md\:inset-x-px {
    left: 1px;
    right: 1px;
  }

  .md\:inset-x-0\.5 {
    left: 0.125rem;
    right: 0.125rem;
  }

  .md\:inset-x-1\.5 {
    left: 0.375rem;
    right: 0.375rem;
  }

  .md\:inset-x-2\.5 {
    left: 0.625rem;
    right: 0.625rem;
  }

  .md\:inset-x-3\.5 {
    left: 0.875rem;
    right: 0.875rem;
  }

  .md\:-inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .md\:-inset-x-1 {
    left: -0.25rem;
    right: -0.25rem;
  }

  .md\:-inset-x-2 {
    left: -0.5rem;
    right: -0.5rem;
  }

  .md\:-inset-x-3 {
    left: -0.75rem;
    right: -0.75rem;
  }

  .md\:-inset-x-4 {
    left: -1rem;
    right: -1rem;
  }

  .md\:-inset-x-5 {
    left: -1.25rem;
    right: -1.25rem;
  }

  .md\:-inset-x-6 {
    left: -1.5rem;
    right: -1.5rem;
  }

  .md\:-inset-x-7 {
    left: -1.75rem;
    right: -1.75rem;
  }

  .md\:-inset-x-8 {
    left: -2rem;
    right: -2rem;
  }

  .md\:-inset-x-9 {
    left: -2.25rem;
    right: -2.25rem;
  }

  .md\:-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem;
  }

  .md\:-inset-x-11 {
    left: -2.75rem;
    right: -2.75rem;
  }

  .md\:-inset-x-12 {
    left: -3rem;
    right: -3rem;
  }

  .md\:-inset-x-14 {
    left: -3.5rem;
    right: -3.5rem;
  }

  .md\:-inset-x-16 {
    left: -4rem;
    right: -4rem;
  }

  .md\:-inset-x-20 {
    left: -5rem;
    right: -5rem;
  }

  .md\:-inset-x-24 {
    left: -6rem;
    right: -6rem;
  }

  .md\:-inset-x-28 {
    left: -7rem;
    right: -7rem;
  }

  .md\:-inset-x-32 {
    left: -8rem;
    right: -8rem;
  }

  .md\:-inset-x-36 {
    left: -9rem;
    right: -9rem;
  }

  .md\:-inset-x-40 {
    left: -10rem;
    right: -10rem;
  }

  .md\:-inset-x-44 {
    left: -11rem;
    right: -11rem;
  }

  .md\:-inset-x-48 {
    left: -12rem;
    right: -12rem;
  }

  .md\:-inset-x-52 {
    left: -13rem;
    right: -13rem;
  }

  .md\:-inset-x-56 {
    left: -14rem;
    right: -14rem;
  }

  .md\:-inset-x-60 {
    left: -15rem;
    right: -15rem;
  }

  .md\:-inset-x-64 {
    left: -16rem;
    right: -16rem;
  }

  .md\:-inset-x-72 {
    left: -18rem;
    right: -18rem;
  }

  .md\:-inset-x-80 {
    left: -20rem;
    right: -20rem;
  }

  .md\:-inset-x-96 {
    left: -24rem;
    right: -24rem;
  }

  .md\:-inset-x-px {
    left: -1px;
    right: -1px;
  }

  .md\:-inset-x-0\.5 {
    left: -0.125rem;
    right: -0.125rem;
  }

  .md\:-inset-x-1\.5 {
    left: -0.375rem;
    right: -0.375rem;
  }

  .md\:-inset-x-2\.5 {
    left: -0.625rem;
    right: -0.625rem;
  }

  .md\:-inset-x-3\.5 {
    left: -0.875rem;
    right: -0.875rem;
  }

  .md\:inset-x-1\/2 {
    left: 50%;
    right: 50%;
  }

  .md\:inset-x-1\/3 {
    left: 33.333333%;
    right: 33.333333%;
  }

  .md\:inset-x-2\/3 {
    left: 66.666667%;
    right: 66.666667%;
  }

  .md\:inset-x-1\/4 {
    left: 25%;
    right: 25%;
  }

  .md\:inset-x-2\/4 {
    left: 50%;
    right: 50%;
  }

  .md\:inset-x-3\/4 {
    left: 75%;
    right: 75%;
  }

  .md\:inset-x-full {
    left: 100%;
    right: 100%;
  }

  .md\:-inset-x-1\/2 {
    left: -50%;
    right: -50%;
  }

  .md\:-inset-x-1\/3 {
    left: -33.333333%;
    right: -33.333333%;
  }

  .md\:-inset-x-2\/3 {
    left: -66.666667%;
    right: -66.666667%;
  }

  .md\:-inset-x-1\/4 {
    left: -25%;
    right: -25%;
  }

  .md\:-inset-x-2\/4 {
    left: -50%;
    right: -50%;
  }

  .md\:-inset-x-3\/4 {
    left: -75%;
    right: -75%;
  }

  .md\:-inset-x-full {
    left: -100%;
    right: -100%;
  }

  .md\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .md\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  .md\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .md\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  .md\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  .md\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  .md\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  .md\:inset-y-7 {
    top: 1.75rem;
    bottom: 1.75rem;
  }

  .md\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  .md\:inset-y-9 {
    top: 2.25rem;
    bottom: 2.25rem;
  }

  .md\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  .md\:inset-y-11 {
    top: 2.75rem;
    bottom: 2.75rem;
  }

  .md\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  .md\:inset-y-14 {
    top: 3.5rem;
    bottom: 3.5rem;
  }

  .md\:inset-y-16 {
    top: 4rem;
    bottom: 4rem;
  }

  .md\:inset-y-20 {
    top: 5rem;
    bottom: 5rem;
  }

  .md\:inset-y-24 {
    top: 6rem;
    bottom: 6rem;
  }

  .md\:inset-y-28 {
    top: 7rem;
    bottom: 7rem;
  }

  .md\:inset-y-32 {
    top: 8rem;
    bottom: 8rem;
  }

  .md\:inset-y-36 {
    top: 9rem;
    bottom: 9rem;
  }

  .md\:inset-y-40 {
    top: 10rem;
    bottom: 10rem;
  }

  .md\:inset-y-44 {
    top: 11rem;
    bottom: 11rem;
  }

  .md\:inset-y-48 {
    top: 12rem;
    bottom: 12rem;
  }

  .md\:inset-y-52 {
    top: 13rem;
    bottom: 13rem;
  }

  .md\:inset-y-56 {
    top: 14rem;
    bottom: 14rem;
  }

  .md\:inset-y-60 {
    top: 15rem;
    bottom: 15rem;
  }

  .md\:inset-y-64 {
    top: 16rem;
    bottom: 16rem;
  }

  .md\:inset-y-72 {
    top: 18rem;
    bottom: 18rem;
  }

  .md\:inset-y-80 {
    top: 20rem;
    bottom: 20rem;
  }

  .md\:inset-y-96 {
    top: 24rem;
    bottom: 24rem;
  }

  .md\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .md\:inset-y-px {
    top: 1px;
    bottom: 1px;
  }

  .md\:inset-y-0\.5 {
    top: 0.125rem;
    bottom: 0.125rem;
  }

  .md\:inset-y-1\.5 {
    top: 0.375rem;
    bottom: 0.375rem;
  }

  .md\:inset-y-2\.5 {
    top: 0.625rem;
    bottom: 0.625rem;
  }

  .md\:inset-y-3\.5 {
    top: 0.875rem;
    bottom: 0.875rem;
  }

  .md\:-inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .md\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .md\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .md\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .md\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  .md\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .md\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .md\:-inset-y-7 {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .md\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  .md\:-inset-y-9 {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .md\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .md\:-inset-y-11 {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .md\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  .md\:-inset-y-14 {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .md\:-inset-y-16 {
    top: -4rem;
    bottom: -4rem;
  }

  .md\:-inset-y-20 {
    top: -5rem;
    bottom: -5rem;
  }

  .md\:-inset-y-24 {
    top: -6rem;
    bottom: -6rem;
  }

  .md\:-inset-y-28 {
    top: -7rem;
    bottom: -7rem;
  }

  .md\:-inset-y-32 {
    top: -8rem;
    bottom: -8rem;
  }

  .md\:-inset-y-36 {
    top: -9rem;
    bottom: -9rem;
  }

  .md\:-inset-y-40 {
    top: -10rem;
    bottom: -10rem;
  }

  .md\:-inset-y-44 {
    top: -11rem;
    bottom: -11rem;
  }

  .md\:-inset-y-48 {
    top: -12rem;
    bottom: -12rem;
  }

  .md\:-inset-y-52 {
    top: -13rem;
    bottom: -13rem;
  }

  .md\:-inset-y-56 {
    top: -14rem;
    bottom: -14rem;
  }

  .md\:-inset-y-60 {
    top: -15rem;
    bottom: -15rem;
  }

  .md\:-inset-y-64 {
    top: -16rem;
    bottom: -16rem;
  }

  .md\:-inset-y-72 {
    top: -18rem;
    bottom: -18rem;
  }

  .md\:-inset-y-80 {
    top: -20rem;
    bottom: -20rem;
  }

  .md\:-inset-y-96 {
    top: -24rem;
    bottom: -24rem;
  }

  .md\:-inset-y-px {
    top: -1px;
    bottom: -1px;
  }

  .md\:-inset-y-0\.5 {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .md\:-inset-y-1\.5 {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .md\:-inset-y-2\.5 {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .md\:-inset-y-3\.5 {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .md\:inset-y-1\/2 {
    top: 50%;
    bottom: 50%;
  }

  .md\:inset-y-1\/3 {
    top: 33.333333%;
    bottom: 33.333333%;
  }

  .md\:inset-y-2\/3 {
    top: 66.666667%;
    bottom: 66.666667%;
  }

  .md\:inset-y-1\/4 {
    top: 25%;
    bottom: 25%;
  }

  .md\:inset-y-2\/4 {
    top: 50%;
    bottom: 50%;
  }

  .md\:inset-y-3\/4 {
    top: 75%;
    bottom: 75%;
  }

  .md\:inset-y-full {
    top: 100%;
    bottom: 100%;
  }

  .md\:-inset-y-1\/2 {
    top: -50%;
    bottom: -50%;
  }

  .md\:-inset-y-1\/3 {
    top: -33.333333%;
    bottom: -33.333333%;
  }

  .md\:-inset-y-2\/3 {
    top: -66.666667%;
    bottom: -66.666667%;
  }

  .md\:-inset-y-1\/4 {
    top: -25%;
    bottom: -25%;
  }

  .md\:-inset-y-2\/4 {
    top: -50%;
    bottom: -50%;
  }

  .md\:-inset-y-3\/4 {
    top: -75%;
    bottom: -75%;
  }

  .md\:-inset-y-full {
    top: -100%;
    bottom: -100%;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:top-1 {
    top: 0.25rem;
  }

  .md\:top-2 {
    top: 0.5rem;
  }

  .md\:top-3 {
    top: 0.75rem;
  }

  .md\:top-4 {
    top: 1rem;
  }

  .md\:top-5 {
    top: 1.25rem;
  }

  .md\:top-6 {
    top: 1.5rem;
  }

  .md\:top-7 {
    top: 1.75rem;
  }

  .md\:top-8 {
    top: 2rem;
  }

  .md\:top-9 {
    top: 2.25rem;
  }

  .md\:top-10 {
    top: 2.5rem;
  }

  .md\:top-11 {
    top: 2.75rem;
  }

  .md\:top-12 {
    top: 3rem;
  }

  .md\:top-14 {
    top: 3.5rem;
  }

  .md\:top-16 {
    top: 4rem;
  }

  .md\:top-20 {
    top: 5rem;
  }

  .md\:top-24 {
    top: 6rem;
  }

  .md\:top-28 {
    top: 7rem;
  }

  .md\:top-32 {
    top: 8rem;
  }

  .md\:top-36 {
    top: 9rem;
  }

  .md\:top-40 {
    top: 10rem;
  }

  .md\:top-44 {
    top: 11rem;
  }

  .md\:top-48 {
    top: 12rem;
  }

  .md\:top-52 {
    top: 13rem;
  }

  .md\:top-56 {
    top: 14rem;
  }

  .md\:top-60 {
    top: 15rem;
  }

  .md\:top-64 {
    top: 16rem;
  }

  .md\:top-72 {
    top: 18rem;
  }

  .md\:top-80 {
    top: 20rem;
  }

  .md\:top-96 {
    top: 24rem;
  }

  .md\:top-auto {
    top: auto;
  }

  .md\:top-px {
    top: 1px;
  }

  .md\:top-0\.5 {
    top: 0.125rem;
  }

  .md\:top-1\.5 {
    top: 0.375rem;
  }

  .md\:top-2\.5 {
    top: 0.625rem;
  }

  .md\:top-3\.5 {
    top: 0.875rem;
  }

  .md\:-top-0 {
    top: 0px;
  }

  .md\:-top-1 {
    top: -0.25rem;
  }

  .md\:-top-2 {
    top: -0.5rem;
  }

  .md\:-top-3 {
    top: -0.75rem;
  }

  .md\:-top-4 {
    top: -1rem;
  }

  .md\:-top-5 {
    top: -1.25rem;
  }

  .md\:-top-6 {
    top: -1.5rem;
  }

  .md\:-top-7 {
    top: -1.75rem;
  }

  .md\:-top-8 {
    top: -2rem;
  }

  .md\:-top-9 {
    top: -2.25rem;
  }

  .md\:-top-10 {
    top: -2.5rem;
  }

  .md\:-top-11 {
    top: -2.75rem;
  }

  .md\:-top-12 {
    top: -3rem;
  }

  .md\:-top-14 {
    top: -3.5rem;
  }

  .md\:-top-16 {
    top: -4rem;
  }

  .md\:-top-20 {
    top: -5rem;
  }

  .md\:-top-24 {
    top: -6rem;
  }

  .md\:-top-28 {
    top: -7rem;
  }

  .md\:-top-32 {
    top: -8rem;
  }

  .md\:-top-36 {
    top: -9rem;
  }

  .md\:-top-40 {
    top: -10rem;
  }

  .md\:-top-44 {
    top: -11rem;
  }

  .md\:-top-48 {
    top: -12rem;
  }

  .md\:-top-52 {
    top: -13rem;
  }

  .md\:-top-56 {
    top: -14rem;
  }

  .md\:-top-60 {
    top: -15rem;
  }

  .md\:-top-64 {
    top: -16rem;
  }

  .md\:-top-72 {
    top: -18rem;
  }

  .md\:-top-80 {
    top: -20rem;
  }

  .md\:-top-96 {
    top: -24rem;
  }

  .md\:-top-px {
    top: -1px;
  }

  .md\:-top-0\.5 {
    top: -0.125rem;
  }

  .md\:-top-1\.5 {
    top: -0.375rem;
  }

  .md\:-top-2\.5 {
    top: -0.625rem;
  }

  .md\:-top-3\.5 {
    top: -0.875rem;
  }

  .md\:top-1\/2 {
    top: 50%;
  }

  .md\:top-1\/3 {
    top: 33.333333%;
  }

  .md\:top-2\/3 {
    top: 66.666667%;
  }

  .md\:top-1\/4 {
    top: 25%;
  }

  .md\:top-2\/4 {
    top: 50%;
  }

  .md\:top-3\/4 {
    top: 75%;
  }

  .md\:top-full {
    top: 100%;
  }

  .md\:-top-1\/2 {
    top: -50%;
  }

  .md\:-top-1\/3 {
    top: -33.333333%;
  }

  .md\:-top-2\/3 {
    top: -66.666667%;
  }

  .md\:-top-1\/4 {
    top: -25%;
  }

  .md\:-top-2\/4 {
    top: -50%;
  }

  .md\:-top-3\/4 {
    top: -75%;
  }

  .md\:-top-full {
    top: -100%;
  }

  .md\:right-0 {
    right: 0px;
  }

  .md\:right-1 {
    right: 0.25rem;
  }

  .md\:right-2 {
    right: 0.5rem;
  }

  .md\:right-3 {
    right: 0.75rem;
  }

  .md\:right-4 {
    right: 1rem;
  }

  .md\:right-5 {
    right: 1.25rem;
  }

  .md\:right-6 {
    right: 1.5rem;
  }

  .md\:right-7 {
    right: 1.75rem;
  }

  .md\:right-8 {
    right: 2rem;
  }

  .md\:right-9 {
    right: 2.25rem;
  }

  .md\:right-10 {
    right: 2.5rem;
  }

  .md\:right-11 {
    right: 2.75rem;
  }

  .md\:right-12 {
    right: 3rem;
  }

  .md\:right-14 {
    right: 3.5rem;
  }

  .md\:right-16 {
    right: 4rem;
  }

  .md\:right-20 {
    right: 5rem;
  }

  .md\:right-24 {
    right: 6rem;
  }

  .md\:right-28 {
    right: 7rem;
  }

  .md\:right-32 {
    right: 8rem;
  }

  .md\:right-36 {
    right: 9rem;
  }

  .md\:right-40 {
    right: 10rem;
  }

  .md\:right-44 {
    right: 11rem;
  }

  .md\:right-48 {
    right: 12rem;
  }

  .md\:right-52 {
    right: 13rem;
  }

  .md\:right-56 {
    right: 14rem;
  }

  .md\:right-60 {
    right: 15rem;
  }

  .md\:right-64 {
    right: 16rem;
  }

  .md\:right-72 {
    right: 18rem;
  }

  .md\:right-80 {
    right: 20rem;
  }

  .md\:right-96 {
    right: 24rem;
  }

  .md\:right-auto {
    right: auto;
  }

  .md\:right-px {
    right: 1px;
  }

  .md\:right-0\.5 {
    right: 0.125rem;
  }

  .md\:right-1\.5 {
    right: 0.375rem;
  }

  .md\:right-2\.5 {
    right: 0.625rem;
  }

  .md\:right-3\.5 {
    right: 0.875rem;
  }

  .md\:-right-0 {
    right: 0px;
  }

  .md\:-right-1 {
    right: -0.25rem;
  }

  .md\:-right-2 {
    right: -0.5rem;
  }

  .md\:-right-3 {
    right: -0.75rem;
  }

  .md\:-right-4 {
    right: -1rem;
  }

  .md\:-right-5 {
    right: -1.25rem;
  }

  .md\:-right-6 {
    right: -1.5rem;
  }

  .md\:-right-7 {
    right: -1.75rem;
  }

  .md\:-right-8 {
    right: -2rem;
  }

  .md\:-right-9 {
    right: -2.25rem;
  }

  .md\:-right-10 {
    right: -2.5rem;
  }

  .md\:-right-11 {
    right: -2.75rem;
  }

  .md\:-right-12 {
    right: -3rem;
  }

  .md\:-right-14 {
    right: -3.5rem;
  }

  .md\:-right-16 {
    right: -4rem;
  }

  .md\:-right-20 {
    right: -5rem;
  }

  .md\:-right-24 {
    right: -6rem;
  }

  .md\:-right-28 {
    right: -7rem;
  }

  .md\:-right-32 {
    right: -8rem;
  }

  .md\:-right-36 {
    right: -9rem;
  }

  .md\:-right-40 {
    right: -10rem;
  }

  .md\:-right-44 {
    right: -11rem;
  }

  .md\:-right-48 {
    right: -12rem;
  }

  .md\:-right-52 {
    right: -13rem;
  }

  .md\:-right-56 {
    right: -14rem;
  }

  .md\:-right-60 {
    right: -15rem;
  }

  .md\:-right-64 {
    right: -16rem;
  }

  .md\:-right-72 {
    right: -18rem;
  }

  .md\:-right-80 {
    right: -20rem;
  }

  .md\:-right-96 {
    right: -24rem;
  }

  .md\:-right-px {
    right: -1px;
  }

  .md\:-right-0\.5 {
    right: -0.125rem;
  }

  .md\:-right-1\.5 {
    right: -0.375rem;
  }

  .md\:-right-2\.5 {
    right: -0.625rem;
  }

  .md\:-right-3\.5 {
    right: -0.875rem;
  }

  .md\:right-1\/2 {
    right: 50%;
  }

  .md\:right-1\/3 {
    right: 33.333333%;
  }

  .md\:right-2\/3 {
    right: 66.666667%;
  }

  .md\:right-1\/4 {
    right: 25%;
  }

  .md\:right-2\/4 {
    right: 50%;
  }

  .md\:right-3\/4 {
    right: 75%;
  }

  .md\:right-full {
    right: 100%;
  }

  .md\:-right-1\/2 {
    right: -50%;
  }

  .md\:-right-1\/3 {
    right: -33.333333%;
  }

  .md\:-right-2\/3 {
    right: -66.666667%;
  }

  .md\:-right-1\/4 {
    right: -25%;
  }

  .md\:-right-2\/4 {
    right: -50%;
  }

  .md\:-right-3\/4 {
    right: -75%;
  }

  .md\:-right-full {
    right: -100%;
  }

  .md\:bottom-0 {
    bottom: 0px;
  }

  .md\:bottom-1 {
    bottom: 0.25rem;
  }

  .md\:bottom-2 {
    bottom: 0.5rem;
  }

  .md\:bottom-3 {
    bottom: 0.75rem;
  }

  .md\:bottom-4 {
    bottom: 1rem;
  }

  .md\:bottom-5 {
    bottom: 1.25rem;
  }

  .md\:bottom-6 {
    bottom: 1.5rem;
  }

  .md\:bottom-7 {
    bottom: 1.75rem;
  }

  .md\:bottom-8 {
    bottom: 2rem;
  }

  .md\:bottom-9 {
    bottom: 2.25rem;
  }

  .md\:bottom-10 {
    bottom: 2.5rem;
  }

  .md\:bottom-11 {
    bottom: 2.75rem;
  }

  .md\:bottom-12 {
    bottom: 3rem;
  }

  .md\:bottom-14 {
    bottom: 3.5rem;
  }

  .md\:bottom-16 {
    bottom: 4rem;
  }

  .md\:bottom-20 {
    bottom: 5rem;
  }

  .md\:bottom-24 {
    bottom: 6rem;
  }

  .md\:bottom-28 {
    bottom: 7rem;
  }

  .md\:bottom-32 {
    bottom: 8rem;
  }

  .md\:bottom-36 {
    bottom: 9rem;
  }

  .md\:bottom-40 {
    bottom: 10rem;
  }

  .md\:bottom-44 {
    bottom: 11rem;
  }

  .md\:bottom-48 {
    bottom: 12rem;
  }

  .md\:bottom-52 {
    bottom: 13rem;
  }

  .md\:bottom-56 {
    bottom: 14rem;
  }

  .md\:bottom-60 {
    bottom: 15rem;
  }

  .md\:bottom-64 {
    bottom: 16rem;
  }

  .md\:bottom-72 {
    bottom: 18rem;
  }

  .md\:bottom-80 {
    bottom: 20rem;
  }

  .md\:bottom-96 {
    bottom: 24rem;
  }

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:bottom-px {
    bottom: 1px;
  }

  .md\:bottom-0\.5 {
    bottom: 0.125rem;
  }

  .md\:bottom-1\.5 {
    bottom: 0.375rem;
  }

  .md\:bottom-2\.5 {
    bottom: 0.625rem;
  }

  .md\:bottom-3\.5 {
    bottom: 0.875rem;
  }

  .md\:-bottom-0 {
    bottom: 0px;
  }

  .md\:-bottom-1 {
    bottom: -0.25rem;
  }

  .md\:-bottom-2 {
    bottom: -0.5rem;
  }

  .md\:-bottom-3 {
    bottom: -0.75rem;
  }

  .md\:-bottom-4 {
    bottom: -1rem;
  }

  .md\:-bottom-5 {
    bottom: -1.25rem;
  }

  .md\:-bottom-6 {
    bottom: -1.5rem;
  }

  .md\:-bottom-7 {
    bottom: -1.75rem;
  }

  .md\:-bottom-8 {
    bottom: -2rem;
  }

  .md\:-bottom-9 {
    bottom: -2.25rem;
  }

  .md\:-bottom-10 {
    bottom: -2.5rem;
  }

  .md\:-bottom-11 {
    bottom: -2.75rem;
  }

  .md\:-bottom-12 {
    bottom: -3rem;
  }

  .md\:-bottom-14 {
    bottom: -3.5rem;
  }

  .md\:-bottom-16 {
    bottom: -4rem;
  }

  .md\:-bottom-20 {
    bottom: -5rem;
  }

  .md\:-bottom-24 {
    bottom: -6rem;
  }

  .md\:-bottom-28 {
    bottom: -7rem;
  }

  .md\:-bottom-32 {
    bottom: -8rem;
  }

  .md\:-bottom-36 {
    bottom: -9rem;
  }

  .md\:-bottom-40 {
    bottom: -10rem;
  }

  .md\:-bottom-44 {
    bottom: -11rem;
  }

  .md\:-bottom-48 {
    bottom: -12rem;
  }

  .md\:-bottom-52 {
    bottom: -13rem;
  }

  .md\:-bottom-56 {
    bottom: -14rem;
  }

  .md\:-bottom-60 {
    bottom: -15rem;
  }

  .md\:-bottom-64 {
    bottom: -16rem;
  }

  .md\:-bottom-72 {
    bottom: -18rem;
  }

  .md\:-bottom-80 {
    bottom: -20rem;
  }

  .md\:-bottom-96 {
    bottom: -24rem;
  }

  .md\:-bottom-px {
    bottom: -1px;
  }

  .md\:-bottom-0\.5 {
    bottom: -0.125rem;
  }

  .md\:-bottom-1\.5 {
    bottom: -0.375rem;
  }

  .md\:-bottom-2\.5 {
    bottom: -0.625rem;
  }

  .md\:-bottom-3\.5 {
    bottom: -0.875rem;
  }

  .md\:bottom-1\/2 {
    bottom: 50%;
  }

  .md\:bottom-1\/3 {
    bottom: 33.333333%;
  }

  .md\:bottom-2\/3 {
    bottom: 66.666667%;
  }

  .md\:bottom-1\/4 {
    bottom: 25%;
  }

  .md\:bottom-2\/4 {
    bottom: 50%;
  }

  .md\:bottom-3\/4 {
    bottom: 75%;
  }

  .md\:bottom-full {
    bottom: 100%;
  }

  .md\:-bottom-1\/2 {
    bottom: -50%;
  }

  .md\:-bottom-1\/3 {
    bottom: -33.333333%;
  }

  .md\:-bottom-2\/3 {
    bottom: -66.666667%;
  }

  .md\:-bottom-1\/4 {
    bottom: -25%;
  }

  .md\:-bottom-2\/4 {
    bottom: -50%;
  }

  .md\:-bottom-3\/4 {
    bottom: -75%;
  }

  .md\:-bottom-full {
    bottom: -100%;
  }

  .md\:left-0 {
    left: 0px;
  }

  .md\:left-1 {
    left: 0.25rem;
  }

  .md\:left-2 {
    left: 0.5rem;
  }

  .md\:left-3 {
    left: 0.75rem;
  }

  .md\:left-4 {
    left: 1rem;
  }

  .md\:left-5 {
    left: 1.25rem;
  }

  .md\:left-6 {
    left: 1.5rem;
  }

  .md\:left-7 {
    left: 1.75rem;
  }

  .md\:left-8 {
    left: 2rem;
  }

  .md\:left-9 {
    left: 2.25rem;
  }

  .md\:left-10 {
    left: 2.5rem;
  }

  .md\:left-11 {
    left: 2.75rem;
  }

  .md\:left-12 {
    left: 3rem;
  }

  .md\:left-14 {
    left: 3.5rem;
  }

  .md\:left-16 {
    left: 4rem;
  }

  .md\:left-20 {
    left: 5rem;
  }

  .md\:left-24 {
    left: 6rem;
  }

  .md\:left-28 {
    left: 7rem;
  }

  .md\:left-32 {
    left: 8rem;
  }

  .md\:left-36 {
    left: 9rem;
  }

  .md\:left-40 {
    left: 10rem;
  }

  .md\:left-44 {
    left: 11rem;
  }

  .md\:left-48 {
    left: 12rem;
  }

  .md\:left-52 {
    left: 13rem;
  }

  .md\:left-56 {
    left: 14rem;
  }

  .md\:left-60 {
    left: 15rem;
  }

  .md\:left-64 {
    left: 16rem;
  }

  .md\:left-72 {
    left: 18rem;
  }

  .md\:left-80 {
    left: 20rem;
  }

  .md\:left-96 {
    left: 24rem;
  }

  .md\:left-auto {
    left: auto;
  }

  .md\:left-px {
    left: 1px;
  }

  .md\:left-0\.5 {
    left: 0.125rem;
  }

  .md\:left-1\.5 {
    left: 0.375rem;
  }

  .md\:left-2\.5 {
    left: 0.625rem;
  }

  .md\:left-3\.5 {
    left: 0.875rem;
  }

  .md\:-left-0 {
    left: 0px;
  }

  .md\:-left-1 {
    left: -0.25rem;
  }

  .md\:-left-2 {
    left: -0.5rem;
  }

  .md\:-left-3 {
    left: -0.75rem;
  }

  .md\:-left-4 {
    left: -1rem;
  }

  .md\:-left-5 {
    left: -1.25rem;
  }

  .md\:-left-6 {
    left: -1.5rem;
  }

  .md\:-left-7 {
    left: -1.75rem;
  }

  .md\:-left-8 {
    left: -2rem;
  }

  .md\:-left-9 {
    left: -2.25rem;
  }

  .md\:-left-10 {
    left: -2.5rem;
  }

  .md\:-left-11 {
    left: -2.75rem;
  }

  .md\:-left-12 {
    left: -3rem;
  }

  .md\:-left-14 {
    left: -3.5rem;
  }

  .md\:-left-16 {
    left: -4rem;
  }

  .md\:-left-20 {
    left: -5rem;
  }

  .md\:-left-24 {
    left: -6rem;
  }

  .md\:-left-28 {
    left: -7rem;
  }

  .md\:-left-32 {
    left: -8rem;
  }

  .md\:-left-36 {
    left: -9rem;
  }

  .md\:-left-40 {
    left: -10rem;
  }

  .md\:-left-44 {
    left: -11rem;
  }

  .md\:-left-48 {
    left: -12rem;
  }

  .md\:-left-52 {
    left: -13rem;
  }

  .md\:-left-56 {
    left: -14rem;
  }

  .md\:-left-60 {
    left: -15rem;
  }

  .md\:-left-64 {
    left: -16rem;
  }

  .md\:-left-72 {
    left: -18rem;
  }

  .md\:-left-80 {
    left: -20rem;
  }

  .md\:-left-96 {
    left: -24rem;
  }

  .md\:-left-px {
    left: -1px;
  }

  .md\:-left-0\.5 {
    left: -0.125rem;
  }

  .md\:-left-1\.5 {
    left: -0.375rem;
  }

  .md\:-left-2\.5 {
    left: -0.625rem;
  }

  .md\:-left-3\.5 {
    left: -0.875rem;
  }

  .md\:left-1\/2 {
    left: 50%;
  }

  .md\:left-1\/3 {
    left: 33.333333%;
  }

  .md\:left-2\/3 {
    left: 66.666667%;
  }

  .md\:left-1\/4 {
    left: 25%;
  }

  .md\:left-2\/4 {
    left: 50%;
  }

  .md\:left-3\/4 {
    left: 75%;
  }

  .md\:left-full {
    left: 100%;
  }

  .md\:-left-1\/2 {
    left: -50%;
  }

  .md\:-left-1\/3 {
    left: -33.333333%;
  }

  .md\:-left-2\/3 {
    left: -66.666667%;
  }

  .md\:-left-1\/4 {
    left: -25%;
  }

  .md\:-left-2\/4 {
    left: -50%;
  }

  .md\:-left-3\/4 {
    left: -75%;
  }

  .md\:-left-full {
    left: -100%;
  }

  .md\:isolate {
    isolation: isolate;
  }

  .md\:isolation-auto {
    isolation: auto;
  }

  .md\:z-0 {
    z-index: 0;
  }

  .md\:z-10 {
    z-index: 10;
  }

  .md\:z-20 {
    z-index: 20;
  }

  .md\:z-30 {
    z-index: 30;
  }

  .md\:z-40 {
    z-index: 40;
  }

  .md\:z-50 {
    z-index: 50;
  }

  .md\:z-auto {
    z-index: auto;
  }

  .md\:focus-within\:z-0:focus-within {
    z-index: 0;
  }

  .md\:focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .md\:focus-within\:z-20:focus-within {
    z-index: 20;
  }

  .md\:focus-within\:z-30:focus-within {
    z-index: 30;
  }

  .md\:focus-within\:z-40:focus-within {
    z-index: 40;
  }

  .md\:focus-within\:z-50:focus-within {
    z-index: 50;
  }

  .md\:focus-within\:z-auto:focus-within {
    z-index: auto;
  }

  .md\:focus\:z-0:focus {
    z-index: 0;
  }

  .md\:focus\:z-10:focus {
    z-index: 10;
  }

  .md\:focus\:z-20:focus {
    z-index: 20;
  }

  .md\:focus\:z-30:focus {
    z-index: 30;
  }

  .md\:focus\:z-40:focus {
    z-index: 40;
  }

  .md\:focus\:z-50:focus {
    z-index: 50;
  }

  .md\:focus\:z-auto:focus {
    z-index: auto;
  }

  .md\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .md\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .md\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .md\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .md\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .md\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .md\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .md\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .md\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .md\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .md\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .md\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .md\:order-first {
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .md\:order-last {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }

  .md\:order-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .md\:col-auto {
    grid-column: auto;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:col-span-full {
    grid-column: 1 / -1;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:col-start-3 {
    grid-column-start: 3;
  }

  .md\:col-start-4 {
    grid-column-start: 4;
  }

  .md\:col-start-5 {
    grid-column-start: 5;
  }

  .md\:col-start-6 {
    grid-column-start: 6;
  }

  .md\:col-start-7 {
    grid-column-start: 7;
  }

  .md\:col-start-8 {
    grid-column-start: 8;
  }

  .md\:col-start-9 {
    grid-column-start: 9;
  }

  .md\:col-start-10 {
    grid-column-start: 10;
  }

  .md\:col-start-11 {
    grid-column-start: 11;
  }

  .md\:col-start-12 {
    grid-column-start: 12;
  }

  .md\:col-start-13 {
    grid-column-start: 13;
  }

  .md\:col-start-auto {
    grid-column-start: auto;
  }

  .md\:col-end-1 {
    grid-column-end: 1;
  }

  .md\:col-end-2 {
    grid-column-end: 2;
  }

  .md\:col-end-3 {
    grid-column-end: 3;
  }

  .md\:col-end-4 {
    grid-column-end: 4;
  }

  .md\:col-end-5 {
    grid-column-end: 5;
  }

  .md\:col-end-6 {
    grid-column-end: 6;
  }

  .md\:col-end-7 {
    grid-column-end: 7;
  }

  .md\:col-end-8 {
    grid-column-end: 8;
  }

  .md\:col-end-9 {
    grid-column-end: 9;
  }

  .md\:col-end-10 {
    grid-column-end: 10;
  }

  .md\:col-end-11 {
    grid-column-end: 11;
  }

  .md\:col-end-12 {
    grid-column-end: 12;
  }

  .md\:col-end-13 {
    grid-column-end: 13;
  }

  .md\:col-end-auto {
    grid-column-end: auto;
  }

  .md\:row-auto {
    grid-row: auto;
  }

  .md\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .md\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .md\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .md\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .md\:row-span-full {
    grid-row: 1 / -1;
  }

  .md\:row-start-1 {
    grid-row-start: 1;
  }

  .md\:row-start-2 {
    grid-row-start: 2;
  }

  .md\:row-start-3 {
    grid-row-start: 3;
  }

  .md\:row-start-4 {
    grid-row-start: 4;
  }

  .md\:row-start-5 {
    grid-row-start: 5;
  }

  .md\:row-start-6 {
    grid-row-start: 6;
  }

  .md\:row-start-7 {
    grid-row-start: 7;
  }

  .md\:row-start-auto {
    grid-row-start: auto;
  }

  .md\:row-end-1 {
    grid-row-end: 1;
  }

  .md\:row-end-2 {
    grid-row-end: 2;
  }

  .md\:row-end-3 {
    grid-row-end: 3;
  }

  .md\:row-end-4 {
    grid-row-end: 4;
  }

  .md\:row-end-5 {
    grid-row-end: 5;
  }

  .md\:row-end-6 {
    grid-row-end: 6;
  }

  .md\:row-end-7 {
    grid-row-end: 7;
  }

  .md\:row-end-auto {
    grid-row-end: auto;
  }

  .md\:float-right {
    float: right;
  }

  .md\:float-left {
    float: left;
  }

  .md\:float-none {
    float: none;
  }

  .md\:clear-left {
    clear: left;
  }

  .md\:clear-right {
    clear: right;
  }

  .md\:clear-both {
    clear: both;
  }

  .md\:clear-none {
    clear: none;
  }

  .md\:m-0 {
    margin: 0px;
  }

  .md\:m-1 {
    margin: 0.25rem;
  }

  .md\:m-2 {
    margin: 0.5rem;
  }

  .md\:m-3 {
    margin: 0.75rem;
  }

  .md\:m-4 {
    margin: 1rem;
  }

  .md\:m-5 {
    margin: 1.25rem;
  }

  .md\:m-6 {
    margin: 1.5rem;
  }

  .md\:m-7 {
    margin: 1.75rem;
  }

  .md\:m-8 {
    margin: 2rem;
  }

  .md\:m-9 {
    margin: 2.25rem;
  }

  .md\:m-10 {
    margin: 2.5rem;
  }

  .md\:m-11 {
    margin: 2.75rem;
  }

  .md\:m-12 {
    margin: 3rem;
  }

  .md\:m-14 {
    margin: 3.5rem;
  }

  .md\:m-16 {
    margin: 4rem;
  }

  .md\:m-20 {
    margin: 5rem;
  }

  .md\:m-24 {
    margin: 6rem;
  }

  .md\:m-28 {
    margin: 7rem;
  }

  .md\:m-32 {
    margin: 8rem;
  }

  .md\:m-36 {
    margin: 9rem;
  }

  .md\:m-40 {
    margin: 10rem;
  }

  .md\:m-44 {
    margin: 11rem;
  }

  .md\:m-48 {
    margin: 12rem;
  }

  .md\:m-52 {
    margin: 13rem;
  }

  .md\:m-56 {
    margin: 14rem;
  }

  .md\:m-60 {
    margin: 15rem;
  }

  .md\:m-64 {
    margin: 16rem;
  }

  .md\:m-72 {
    margin: 18rem;
  }

  .md\:m-80 {
    margin: 20rem;
  }

  .md\:m-96 {
    margin: 24rem;
  }

  .md\:m-auto {
    margin: auto;
  }

  .md\:m-px {
    margin: 1px;
  }

  .md\:m-0\.5 {
    margin: 0.125rem;
  }

  .md\:m-1\.5 {
    margin: 0.375rem;
  }

  .md\:m-2\.5 {
    margin: 0.625rem;
  }

  .md\:m-3\.5 {
    margin: 0.875rem;
  }

  .md\:-m-0 {
    margin: 0px;
  }

  .md\:-m-1 {
    margin: -0.25rem;
  }

  .md\:-m-2 {
    margin: -0.5rem;
  }

  .md\:-m-3 {
    margin: -0.75rem;
  }

  .md\:-m-4 {
    margin: -1rem;
  }

  .md\:-m-5 {
    margin: -1.25rem;
  }

  .md\:-m-6 {
    margin: -1.5rem;
  }

  .md\:-m-7 {
    margin: -1.75rem;
  }

  .md\:-m-8 {
    margin: -2rem;
  }

  .md\:-m-9 {
    margin: -2.25rem;
  }

  .md\:-m-10 {
    margin: -2.5rem;
  }

  .md\:-m-11 {
    margin: -2.75rem;
  }

  .md\:-m-12 {
    margin: -3rem;
  }

  .md\:-m-14 {
    margin: -3.5rem;
  }

  .md\:-m-16 {
    margin: -4rem;
  }

  .md\:-m-20 {
    margin: -5rem;
  }

  .md\:-m-24 {
    margin: -6rem;
  }

  .md\:-m-28 {
    margin: -7rem;
  }

  .md\:-m-32 {
    margin: -8rem;
  }

  .md\:-m-36 {
    margin: -9rem;
  }

  .md\:-m-40 {
    margin: -10rem;
  }

  .md\:-m-44 {
    margin: -11rem;
  }

  .md\:-m-48 {
    margin: -12rem;
  }

  .md\:-m-52 {
    margin: -13rem;
  }

  .md\:-m-56 {
    margin: -14rem;
  }

  .md\:-m-60 {
    margin: -15rem;
  }

  .md\:-m-64 {
    margin: -16rem;
  }

  .md\:-m-72 {
    margin: -18rem;
  }

  .md\:-m-80 {
    margin: -20rem;
  }

  .md\:-m-96 {
    margin: -24rem;
  }

  .md\:-m-px {
    margin: -1px;
  }

  .md\:-m-0\.5 {
    margin: -0.125rem;
  }

  .md\:-m-1\.5 {
    margin: -0.375rem;
  }

  .md\:-m-2\.5 {
    margin: -0.625rem;
  }

  .md\:-m-3\.5 {
    margin: -0.875rem;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:mx-11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }

  .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .md\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .md\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .md\:mx-28 {
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .md\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .md\:mx-36 {
    margin-left: 9rem;
    margin-right: 9rem;
  }

  .md\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .md\:mx-44 {
    margin-left: 11rem;
    margin-right: 11rem;
  }

  .md\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .md\:mx-52 {
    margin-left: 13rem;
    margin-right: 13rem;
  }

  .md\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .md\:mx-60 {
    margin-left: 15rem;
    margin-right: 15rem;
  }

  .md\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .md\:mx-72 {
    margin-left: 18rem;
    margin-right: 18rem;
  }

  .md\:mx-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .md\:mx-96 {
    margin-left: 24rem;
    margin-right: 24rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .md\:mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }

  .md\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }

  .md\:mx-3\.5 {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }

  .md\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .md\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .md\:-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }

  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  .md\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .md\:-mx-11 {
    margin-left: -2.75rem;
    margin-right: -2.75rem;
  }

  .md\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .md\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  .md\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .md\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .md\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .md\:-mx-28 {
    margin-left: -7rem;
    margin-right: -7rem;
  }

  .md\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .md\:-mx-36 {
    margin-left: -9rem;
    margin-right: -9rem;
  }

  .md\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .md\:-mx-44 {
    margin-left: -11rem;
    margin-right: -11rem;
  }

  .md\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .md\:-mx-52 {
    margin-left: -13rem;
    margin-right: -13rem;
  }

  .md\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .md\:-mx-60 {
    margin-left: -15rem;
    margin-right: -15rem;
  }

  .md\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .md\:-mx-72 {
    margin-left: -18rem;
    margin-right: -18rem;
  }

  .md\:-mx-80 {
    margin-left: -20rem;
    margin-right: -20rem;
  }

  .md\:-mx-96 {
    margin-left: -24rem;
    margin-right: -24rem;
  }

  .md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:-mx-0\.5 {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }

  .md\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .md\:-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .md\:-mx-3\.5 {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .md\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:my-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .md\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .md\:my-36 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }

  .md\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .md\:my-44 {
    margin-top: 11rem;
    margin-bottom: 11rem;
  }

  .md\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .md\:my-52 {
    margin-top: 13rem;
    margin-bottom: 13rem;
  }

  .md\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .md\:my-60 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }

  .md\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .md\:my-72 {
    margin-top: 18rem;
    margin-bottom: 18rem;
  }

  .md\:my-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .md\:my-96 {
    margin-top: 24rem;
    margin-bottom: 24rem;
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .md\:my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .md\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .md\:my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .md\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .md\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .md\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .md\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .md\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .md\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .md\:-my-7 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem;
  }

  .md\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .md\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  .md\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .md\:-my-11 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem;
  }

  .md\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .md\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  .md\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .md\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .md\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:-my-28 {
    margin-top: -7rem;
    margin-bottom: -7rem;
  }

  .md\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .md\:-my-36 {
    margin-top: -9rem;
    margin-bottom: -9rem;
  }

  .md\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .md\:-my-44 {
    margin-top: -11rem;
    margin-bottom: -11rem;
  }

  .md\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .md\:-my-52 {
    margin-top: -13rem;
    margin-bottom: -13rem;
  }

  .md\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .md\:-my-60 {
    margin-top: -15rem;
    margin-bottom: -15rem;
  }

  .md\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .md\:-my-72 {
    margin-top: -18rem;
    margin-bottom: -18rem;
  }

  .md\:-my-80 {
    margin-top: -20rem;
    margin-bottom: -20rem;
  }

  .md\:-my-96 {
    margin-top: -24rem;
    margin-bottom: -24rem;
  }

  .md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:-my-0\.5 {
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }

  .md\:-my-1\.5 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
  }

  .md\:-my-2\.5 {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
  }

  .md\:-my-3\.5 {
    margin-top: -0.875rem;
    margin-bottom: -0.875rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-1 {
    margin-top: 0.25rem;
  }

  .md\:mt-2 {
    margin-top: 0.5rem;
  }

  .md\:mt-3 {
    margin-top: 0.75rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mt-7 {
    margin-top: 1.75rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mt-9 {
    margin-top: 2.25rem;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-11 {
    margin-top: 2.75rem;
  }

  .md\:mt-12 {
    margin-top: 3rem;
  }

  .md\:mt-14 {
    margin-top: 3.5rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mt-28 {
    margin-top: 7rem;
  }

  .md\:mt-32 {
    margin-top: 8rem;
  }

  .md\:mt-36 {
    margin-top: 9rem;
  }

  .md\:mt-40 {
    margin-top: 10rem;
  }

  .md\:mt-44 {
    margin-top: 11rem;
  }

  .md\:mt-48 {
    margin-top: 12rem;
  }

  .md\:mt-52 {
    margin-top: 13rem;
  }

  .md\:mt-56 {
    margin-top: 14rem;
  }

  .md\:mt-60 {
    margin-top: 15rem;
  }

  .md\:mt-64 {
    margin-top: 16rem;
  }

  .md\:mt-72 {
    margin-top: 18rem;
  }

  .md\:mt-80 {
    margin-top: 20rem;
  }

  .md\:mt-96 {
    margin-top: 24rem;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:mt-px {
    margin-top: 1px;
  }

  .md\:mt-0\.5 {
    margin-top: 0.125rem;
  }

  .md\:mt-1\.5 {
    margin-top: 0.375rem;
  }

  .md\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .md\:mt-3\.5 {
    margin-top: 0.875rem;
  }

  .md\:-mt-0 {
    margin-top: 0px;
  }

  .md\:-mt-1 {
    margin-top: -0.25rem;
  }

  .md\:-mt-2 {
    margin-top: -0.5rem;
  }

  .md\:-mt-3 {
    margin-top: -0.75rem;
  }

  .md\:-mt-4 {
    margin-top: -1rem;
  }

  .md\:-mt-5 {
    margin-top: -1.25rem;
  }

  .md\:-mt-6 {
    margin-top: -1.5rem;
  }

  .md\:-mt-7 {
    margin-top: -1.75rem;
  }

  .md\:-mt-8 {
    margin-top: -2rem;
  }

  .md\:-mt-9 {
    margin-top: -2.25rem;
  }

  .md\:-mt-10 {
    margin-top: -2.5rem;
  }

  .md\:-mt-11 {
    margin-top: -2.75rem;
  }

  .md\:-mt-12 {
    margin-top: -3rem;
  }

  .md\:-mt-14 {
    margin-top: -3.5rem;
  }

  .md\:-mt-16 {
    margin-top: -4rem;
  }

  .md\:-mt-20 {
    margin-top: -5rem;
  }

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:-mt-28 {
    margin-top: -7rem;
  }

  .md\:-mt-32 {
    margin-top: -8rem;
  }

  .md\:-mt-36 {
    margin-top: -9rem;
  }

  .md\:-mt-40 {
    margin-top: -10rem;
  }

  .md\:-mt-44 {
    margin-top: -11rem;
  }

  .md\:-mt-48 {
    margin-top: -12rem;
  }

  .md\:-mt-52 {
    margin-top: -13rem;
  }

  .md\:-mt-56 {
    margin-top: -14rem;
  }

  .md\:-mt-60 {
    margin-top: -15rem;
  }

  .md\:-mt-64 {
    margin-top: -16rem;
  }

  .md\:-mt-72 {
    margin-top: -18rem;
  }

  .md\:-mt-80 {
    margin-top: -20rem;
  }

  .md\:-mt-96 {
    margin-top: -24rem;
  }

  .md\:-mt-px {
    margin-top: -1px;
  }

  .md\:-mt-0\.5 {
    margin-top: -0.125rem;
  }

  .md\:-mt-1\.5 {
    margin-top: -0.375rem;
  }

  .md\:-mt-2\.5 {
    margin-top: -0.625rem;
  }

  .md\:-mt-3\.5 {
    margin-top: -0.875rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mr-1 {
    margin-right: 0.25rem;
  }

  .md\:mr-2 {
    margin-right: 0.5rem;
  }

  .md\:mr-3 {
    margin-right: 0.75rem;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:mr-5 {
    margin-right: 1.25rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mr-7 {
    margin-right: 1.75rem;
  }

  .md\:mr-8 {
    margin-right: 2rem;
  }

  .md\:mr-9 {
    margin-right: 2.25rem;
  }

  .md\:mr-10 {
    margin-right: 2.5rem;
  }

  .md\:mr-11 {
    margin-right: 2.75rem;
  }

  .md\:mr-12 {
    margin-right: 3rem;
  }

  .md\:mr-14 {
    margin-right: 3.5rem;
  }

  .md\:mr-16 {
    margin-right: 4rem;
  }

  .md\:mr-20 {
    margin-right: 5rem;
  }

  .md\:mr-24 {
    margin-right: 6rem;
  }

  .md\:mr-28 {
    margin-right: 7rem;
  }

  .md\:mr-32 {
    margin-right: 8rem;
  }

  .md\:mr-36 {
    margin-right: 9rem;
  }

  .md\:mr-40 {
    margin-right: 10rem;
  }

  .md\:mr-44 {
    margin-right: 11rem;
  }

  .md\:mr-48 {
    margin-right: 12rem;
  }

  .md\:mr-52 {
    margin-right: 13rem;
  }

  .md\:mr-56 {
    margin-right: 14rem;
  }

  .md\:mr-60 {
    margin-right: 15rem;
  }

  .md\:mr-64 {
    margin-right: 16rem;
  }

  .md\:mr-72 {
    margin-right: 18rem;
  }

  .md\:mr-80 {
    margin-right: 20rem;
  }

  .md\:mr-96 {
    margin-right: 24rem;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mr-px {
    margin-right: 1px;
  }

  .md\:mr-0\.5 {
    margin-right: 0.125rem;
  }

  .md\:mr-1\.5 {
    margin-right: 0.375rem;
  }

  .md\:mr-2\.5 {
    margin-right: 0.625rem;
  }

  .md\:mr-3\.5 {
    margin-right: 0.875rem;
  }

  .md\:-mr-0 {
    margin-right: 0px;
  }

  .md\:-mr-1 {
    margin-right: -0.25rem;
  }

  .md\:-mr-2 {
    margin-right: -0.5rem;
  }

  .md\:-mr-3 {
    margin-right: -0.75rem;
  }

  .md\:-mr-4 {
    margin-right: -1rem;
  }

  .md\:-mr-5 {
    margin-right: -1.25rem;
  }

  .md\:-mr-6 {
    margin-right: -1.5rem;
  }

  .md\:-mr-7 {
    margin-right: -1.75rem;
  }

  .md\:-mr-8 {
    margin-right: -2rem;
  }

  .md\:-mr-9 {
    margin-right: -2.25rem;
  }

  .md\:-mr-10 {
    margin-right: -2.5rem;
  }

  .md\:-mr-11 {
    margin-right: -2.75rem;
  }

  .md\:-mr-12 {
    margin-right: -3rem;
  }

  .md\:-mr-14 {
    margin-right: -3.5rem;
  }

  .md\:-mr-16 {
    margin-right: -4rem;
  }

  .md\:-mr-20 {
    margin-right: -5rem;
  }

  .md\:-mr-24 {
    margin-right: -6rem;
  }

  .md\:-mr-28 {
    margin-right: -7rem;
  }

  .md\:-mr-32 {
    margin-right: -8rem;
  }

  .md\:-mr-36 {
    margin-right: -9rem;
  }

  .md\:-mr-40 {
    margin-right: -10rem;
  }

  .md\:-mr-44 {
    margin-right: -11rem;
  }

  .md\:-mr-48 {
    margin-right: -12rem;
  }

  .md\:-mr-52 {
    margin-right: -13rem;
  }

  .md\:-mr-56 {
    margin-right: -14rem;
  }

  .md\:-mr-60 {
    margin-right: -15rem;
  }

  .md\:-mr-64 {
    margin-right: -16rem;
  }

  .md\:-mr-72 {
    margin-right: -18rem;
  }

  .md\:-mr-80 {
    margin-right: -20rem;
  }

  .md\:-mr-96 {
    margin-right: -24rem;
  }

  .md\:-mr-px {
    margin-right: -1px;
  }

  .md\:-mr-0\.5 {
    margin-right: -0.125rem;
  }

  .md\:-mr-1\.5 {
    margin-right: -0.375rem;
  }

  .md\:-mr-2\.5 {
    margin-right: -0.625rem;
  }

  .md\:-mr-3\.5 {
    margin-right: -0.875rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-24 {
    margin-bottom: 6rem;
  }

  .md\:mb-28 {
    margin-bottom: 7rem;
  }

  .md\:mb-32 {
    margin-bottom: 8rem;
  }

  .md\:mb-36 {
    margin-bottom: 9rem;
  }

  .md\:mb-40 {
    margin-bottom: 10rem;
  }

  .md\:mb-44 {
    margin-bottom: 11rem;
  }

  .md\:mb-48 {
    margin-bottom: 12rem;
  }

  .md\:mb-52 {
    margin-bottom: 13rem;
  }

  .md\:mb-56 {
    margin-bottom: 14rem;
  }

  .md\:mb-60 {
    margin-bottom: 15rem;
  }

  .md\:mb-64 {
    margin-bottom: 16rem;
  }

  .md\:mb-72 {
    margin-bottom: 18rem;
  }

  .md\:mb-80 {
    margin-bottom: 20rem;
  }

  .md\:mb-96 {
    margin-bottom: 24rem;
  }

  .md\:mb-auto {
    margin-bottom: auto;
  }

  .md\:mb-px {
    margin-bottom: 1px;
  }

  .md\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }

  .md\:mb-1\.5 {
    margin-bottom: 0.375rem;
  }

  .md\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }

  .md\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }

  .md\:-mb-0 {
    margin-bottom: 0px;
  }

  .md\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .md\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .md\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .md\:-mb-4 {
    margin-bottom: -1rem;
  }

  .md\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .md\:-mb-7 {
    margin-bottom: -1.75rem;
  }

  .md\:-mb-8 {
    margin-bottom: -2rem;
  }

  .md\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .md\:-mb-11 {
    margin-bottom: -2.75rem;
  }

  .md\:-mb-12 {
    margin-bottom: -3rem;
  }

  .md\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  .md\:-mb-16 {
    margin-bottom: -4rem;
  }

  .md\:-mb-20 {
    margin-bottom: -5rem;
  }

  .md\:-mb-24 {
    margin-bottom: -6rem;
  }

  .md\:-mb-28 {
    margin-bottom: -7rem;
  }

  .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  .md\:-mb-36 {
    margin-bottom: -9rem;
  }

  .md\:-mb-40 {
    margin-bottom: -10rem;
  }

  .md\:-mb-44 {
    margin-bottom: -11rem;
  }

  .md\:-mb-48 {
    margin-bottom: -12rem;
  }

  .md\:-mb-52 {
    margin-bottom: -13rem;
  }

  .md\:-mb-56 {
    margin-bottom: -14rem;
  }

  .md\:-mb-60 {
    margin-bottom: -15rem;
  }

  .md\:-mb-64 {
    margin-bottom: -16rem;
  }

  .md\:-mb-72 {
    margin-bottom: -18rem;
  }

  .md\:-mb-80 {
    margin-bottom: -20rem;
  }

  .md\:-mb-96 {
    margin-bottom: -24rem;
  }

  .md\:-mb-px {
    margin-bottom: -1px;
  }

  .md\:-mb-0\.5 {
    margin-bottom: -0.125rem;
  }

  .md\:-mb-1\.5 {
    margin-bottom: -0.375rem;
  }

  .md\:-mb-2\.5 {
    margin-bottom: -0.625rem;
  }

  .md\:-mb-3\.5 {
    margin-bottom: -0.875rem;
  }

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:ml-1 {
    margin-left: 0.25rem;
  }

  .md\:ml-2 {
    margin-left: 0.5rem;
  }

  .md\:ml-3 {
    margin-left: 0.75rem;
  }

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:ml-5 {
    margin-left: 1.25rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:ml-7 {
    margin-left: 1.75rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:ml-9 {
    margin-left: 2.25rem;
  }

  .md\:ml-10 {
    margin-left: 2.5rem;
  }

  .md\:ml-11 {
    margin-left: 2.75rem;
  }

  .md\:ml-12 {
    margin-left: 3rem;
  }

  .md\:ml-14 {
    margin-left: 3.5rem;
  }

  .md\:ml-16 {
    margin-left: 4rem;
  }

  .md\:ml-20 {
    margin-left: 5rem;
  }

  .md\:ml-24 {
    margin-left: 6rem;
  }

  .md\:ml-28 {
    margin-left: 7rem;
  }

  .md\:ml-32 {
    margin-left: 8rem;
  }

  .md\:ml-36 {
    margin-left: 9rem;
  }

  .md\:ml-40 {
    margin-left: 10rem;
  }

  .md\:ml-44 {
    margin-left: 11rem;
  }

  .md\:ml-48 {
    margin-left: 12rem;
  }

  .md\:ml-52 {
    margin-left: 13rem;
  }

  .md\:ml-56 {
    margin-left: 14rem;
  }

  .md\:ml-60 {
    margin-left: 15rem;
  }

  .md\:ml-64 {
    margin-left: 16rem;
  }

  .md\:ml-72 {
    margin-left: 18rem;
  }

  .md\:ml-80 {
    margin-left: 20rem;
  }

  .md\:ml-96 {
    margin-left: 24rem;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:ml-px {
    margin-left: 1px;
  }

  .md\:ml-0\.5 {
    margin-left: 0.125rem;
  }

  .md\:ml-1\.5 {
    margin-left: 0.375rem;
  }

  .md\:ml-2\.5 {
    margin-left: 0.625rem;
  }

  .md\:ml-3\.5 {
    margin-left: 0.875rem;
  }

  .md\:-ml-0 {
    margin-left: 0px;
  }

  .md\:-ml-1 {
    margin-left: -0.25rem;
  }

  .md\:-ml-2 {
    margin-left: -0.5rem;
  }

  .md\:-ml-3 {
    margin-left: -0.75rem;
  }

  .md\:-ml-4 {
    margin-left: -1rem;
  }

  .md\:-ml-5 {
    margin-left: -1.25rem;
  }

  .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  .md\:-ml-7 {
    margin-left: -1.75rem;
  }

  .md\:-ml-8 {
    margin-left: -2rem;
  }

  .md\:-ml-9 {
    margin-left: -2.25rem;
  }

  .md\:-ml-10 {
    margin-left: -2.5rem;
  }

  .md\:-ml-11 {
    margin-left: -2.75rem;
  }

  .md\:-ml-12 {
    margin-left: -3rem;
  }

  .md\:-ml-14 {
    margin-left: -3.5rem;
  }

  .md\:-ml-16 {
    margin-left: -4rem;
  }

  .md\:-ml-20 {
    margin-left: -5rem;
  }

  .md\:-ml-24 {
    margin-left: -6rem;
  }

  .md\:-ml-28 {
    margin-left: -7rem;
  }

  .md\:-ml-32 {
    margin-left: -8rem;
  }

  .md\:-ml-36 {
    margin-left: -9rem;
  }

  .md\:-ml-40 {
    margin-left: -10rem;
  }

  .md\:-ml-44 {
    margin-left: -11rem;
  }

  .md\:-ml-48 {
    margin-left: -12rem;
  }

  .md\:-ml-52 {
    margin-left: -13rem;
  }

  .md\:-ml-56 {
    margin-left: -14rem;
  }

  .md\:-ml-60 {
    margin-left: -15rem;
  }

  .md\:-ml-64 {
    margin-left: -16rem;
  }

  .md\:-ml-72 {
    margin-left: -18rem;
  }

  .md\:-ml-80 {
    margin-left: -20rem;
  }

  .md\:-ml-96 {
    margin-left: -24rem;
  }

  .md\:-ml-px {
    margin-left: -1px;
  }

  .md\:-ml-0\.5 {
    margin-left: -0.125rem;
  }

  .md\:-ml-1\.5 {
    margin-left: -0.375rem;
  }

  .md\:-ml-2\.5 {
    margin-left: -0.625rem;
  }

  .md\:-ml-3\.5 {
    margin-left: -0.875rem;
  }

  .md\:box-border {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .md\:box-content {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .md\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .md\:table {
    display: table;
  }

  .md\:inline-table {
    display: inline-table;
  }

  .md\:table-caption {
    display: table-caption;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:table-column {
    display: table-column;
  }

  .md\:table-column-group {
    display: table-column-group;
  }

  .md\:table-footer-group {
    display: table-footer-group;
  }

  .md\:table-header-group {
    display: table-header-group;
  }

  .md\:table-row-group {
    display: table-row-group;
  }

  .md\:table-row {
    display: table-row;
  }

  .md\:flow-root {
    display: flow-root;
  }

  .md\:grid {
    display: grid;
  }

  .md\:inline-grid {
    display: inline-grid;
  }

  .md\:contents {
    display: contents;
  }

  .md\:list-item {
    display: list-item;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-0 {
    height: 0px;
  }

  .md\:h-1 {
    height: 0.25rem;
  }

  .md\:h-2 {
    height: 0.5rem;
  }

  .md\:h-3 {
    height: 0.75rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:h-7 {
    height: 1.75rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-9 {
    height: 2.25rem;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-11 {
    height: 2.75rem;
  }

  .md\:h-12 {
    height: 3rem;
  }

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-20 {
    height: 5rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-28 {
    height: 7rem;
  }

  .md\:h-32 {
    height: 8rem;
  }

  .md\:h-36 {
    height: 9rem;
  }

  .md\:h-40 {
    height: 10rem;
  }

  .md\:h-44 {
    height: 11rem;
  }

  .md\:h-48 {
    height: 12rem;
  }

  .md\:h-52 {
    height: 13rem;
  }

  .md\:h-56 {
    height: 14rem;
  }

  .md\:h-60 {
    height: 15rem;
  }

  .md\:h-64 {
    height: 16rem;
  }

  .md\:h-72 {
    height: 18rem;
  }

  .md\:h-80 {
    height: 20rem;
  }

  .md\:h-96 {
    height: 24rem;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-px {
    height: 1px;
  }

  .md\:h-0\.5 {
    height: 0.125rem;
  }

  .md\:h-1\.5 {
    height: 0.375rem;
  }

  .md\:h-2\.5 {
    height: 0.625rem;
  }

  .md\:h-3\.5 {
    height: 0.875rem;
  }

  .md\:h-1\/2 {
    height: 50%;
  }

  .md\:h-1\/3 {
    height: 33.333333%;
  }

  .md\:h-2\/3 {
    height: 66.666667%;
  }

  .md\:h-1\/4 {
    height: 25%;
  }

  .md\:h-2\/4 {
    height: 50%;
  }

  .md\:h-3\/4 {
    height: 75%;
  }

  .md\:h-1\/5 {
    height: 20%;
  }

  .md\:h-2\/5 {
    height: 40%;
  }

  .md\:h-3\/5 {
    height: 60%;
  }

  .md\:h-4\/5 {
    height: 80%;
  }

  .md\:h-1\/6 {
    height: 16.666667%;
  }

  .md\:h-2\/6 {
    height: 33.333333%;
  }

  .md\:h-3\/6 {
    height: 50%;
  }

  .md\:h-4\/6 {
    height: 66.666667%;
  }

  .md\:h-5\/6 {
    height: 83.333333%;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:h-screen {
    height: 100vh;
  }

  .md\:max-h-0 {
    max-height: 0px;
  }

  .md\:max-h-1 {
    max-height: 0.25rem;
  }

  .md\:max-h-2 {
    max-height: 0.5rem;
  }

  .md\:max-h-3 {
    max-height: 0.75rem;
  }

  .md\:max-h-4 {
    max-height: 1rem;
  }

  .md\:max-h-5 {
    max-height: 1.25rem;
  }

  .md\:max-h-6 {
    max-height: 1.5rem;
  }

  .md\:max-h-7 {
    max-height: 1.75rem;
  }

  .md\:max-h-8 {
    max-height: 2rem;
  }

  .md\:max-h-9 {
    max-height: 2.25rem;
  }

  .md\:max-h-10 {
    max-height: 2.5rem;
  }

  .md\:max-h-11 {
    max-height: 2.75rem;
  }

  .md\:max-h-12 {
    max-height: 3rem;
  }

  .md\:max-h-14 {
    max-height: 3.5rem;
  }

  .md\:max-h-16 {
    max-height: 4rem;
  }

  .md\:max-h-20 {
    max-height: 5rem;
  }

  .md\:max-h-24 {
    max-height: 6rem;
  }

  .md\:max-h-28 {
    max-height: 7rem;
  }

  .md\:max-h-32 {
    max-height: 8rem;
  }

  .md\:max-h-36 {
    max-height: 9rem;
  }

  .md\:max-h-40 {
    max-height: 10rem;
  }

  .md\:max-h-44 {
    max-height: 11rem;
  }

  .md\:max-h-48 {
    max-height: 12rem;
  }

  .md\:max-h-52 {
    max-height: 13rem;
  }

  .md\:max-h-56 {
    max-height: 14rem;
  }

  .md\:max-h-60 {
    max-height: 15rem;
  }

  .md\:max-h-64 {
    max-height: 16rem;
  }

  .md\:max-h-72 {
    max-height: 18rem;
  }

  .md\:max-h-80 {
    max-height: 20rem;
  }

  .md\:max-h-96 {
    max-height: 24rem;
  }

  .md\:max-h-px {
    max-height: 1px;
  }

  .md\:max-h-0\.5 {
    max-height: 0.125rem;
  }

  .md\:max-h-1\.5 {
    max-height: 0.375rem;
  }

  .md\:max-h-2\.5 {
    max-height: 0.625rem;
  }

  .md\:max-h-3\.5 {
    max-height: 0.875rem;
  }

  .md\:max-h-full {
    max-height: 100%;
  }

  .md\:max-h-screen {
    max-height: 100vh;
  }

  .md\:min-h-0 {
    min-height: 0px;
  }

  .md\:min-h-full {
    min-height: 100%;
  }

  .md\:min-h-screen {
    min-height: 100vh;
  }

  .md\:w-0 {
    width: 0px;
  }

  .md\:w-1 {
    width: 0.25rem;
  }

  .md\:w-2 {
    width: 0.5rem;
  }

  .md\:w-3 {
    width: 0.75rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-7 {
    width: 1.75rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-9 {
    width: 2.25rem;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-11 {
    width: 2.75rem;
  }

  .md\:w-12 {
    width: 3rem;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-16 {
    width: 4rem;
  }

  .md\:w-20 {
    width: 5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-28 {
    width: 7rem;
  }

  .md\:w-32 {
    width: 8rem;
  }

  .md\:w-36 {
    width: 9rem;
  }

  .md\:w-40 {
    width: 10rem;
  }

  .md\:w-44 {
    width: 11rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-52 {
    width: 13rem;
  }

  .md\:w-56 {
    width: 14rem;
  }

  .md\:w-60 {
    width: 15rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-72 {
    width: 18rem;
  }

  .md\:w-80 {
    width: 20rem;
  }

  .md\:w-96 {
    width: 24rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-px {
    width: 1px;
  }

  .md\:w-0\.5 {
    width: 0.125rem;
  }

  .md\:w-1\.5 {
    width: 0.375rem;
  }

  .md\:w-2\.5 {
    width: 0.625rem;
  }

  .md\:w-3\.5 {
    width: 0.875rem;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-2\/4 {
    width: 50%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-4\/5 {
    width: 80%;
  }

  .md\:w-1\/6 {
    width: 16.666667%;
  }

  .md\:w-2\/6 {
    width: 33.333333%;
  }

  .md\:w-3\/6 {
    width: 50%;
  }

  .md\:w-4\/6 {
    width: 66.666667%;
  }

  .md\:w-5\/6 {
    width: 83.333333%;
  }

  .md\:w-1\/12 {
    width: 8.333333%;
  }

  .md\:w-2\/12 {
    width: 16.666667%;
  }

  .md\:w-3\/12 {
    width: 25%;
  }

  .md\:w-4\/12 {
    width: 33.333333%;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-9\/12 {
    width: 75%;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }

  .md\:w-11\/12 {
    width: 91.666667%;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-screen {
    width: 100vw;
  }

  .md\:w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  .md\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .md\:min-w-0 {
    min-width: 0px;
  }

  .md\:min-w-full {
    min-width: 100%;
  }

  .md\:min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }

  .md\:min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .md\:max-w-0 {
    max-width: 0rem;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:max-w-xs {
    max-width: 20rem;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:max-w-md {
    max-width: 28rem;
  }

  .md\:max-w-lg {
    max-width: 32rem;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:max-w-2xl {
    max-width: 42rem;
  }

  .md\:max-w-3xl {
    max-width: 48rem;
  }

  .md\:max-w-4xl {
    max-width: 56rem;
  }

  .md\:max-w-5xl {
    max-width: 64rem;
  }

  .md\:max-w-6xl {
    max-width: 72rem;
  }

  .md\:max-w-7xl {
    max-width: 80rem;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .md\:max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .md\:max-w-prose {
    max-width: 65ch;
  }

  .md\:max-w-screen-sm {
    max-width: 640px;
  }

  .md\:max-w-screen-md {
    max-width: 768px;
  }

  .md\:max-w-screen-lg {
    max-width: 1024px;
  }

  .md\:max-w-screen-xl {
    max-width: 1280px;
  }

  .md\:max-w-screen-2xl {
    max-width: 1536px;
  }

  .md\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }

  .md\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .md\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .md\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .md\:flex-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .md\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .md\:flex-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .md\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .md\:table-auto {
    table-layout: auto;
  }

  .md\:table-fixed {
    table-layout: fixed;
  }

  .md\:border-collapse {
    border-collapse: collapse;
  }

  .md\:border-separate {
    border-collapse: separate;
  }

  .md\:origin-center {
    -webkit-transform-origin: center;
            transform-origin: center;
  }

  .md\:origin-top {
    -webkit-transform-origin: top;
            transform-origin: top;
  }

  .md\:origin-top-right {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }

  .md\:origin-right {
    -webkit-transform-origin: right;
            transform-origin: right;
  }

  .md\:origin-bottom-right {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }

  .md\:origin-bottom {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }

  .md\:origin-bottom-left {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }

  .md\:origin-left {
    -webkit-transform-origin: left;
            transform-origin: left;
  }

  .md\:origin-top-left {
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  .md\:transform {
    --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;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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));
  }

  .md\:transform-gpu {
    --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;
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:transform-none {
    -webkit-transform: none;
            transform: none;
  }

  .md\:translate-x-0 {
    --tw-translate-x: 0px;
  }

  .md\:translate-x-1 {
    --tw-translate-x: 0.25rem;
  }

  .md\:translate-x-2 {
    --tw-translate-x: 0.5rem;
  }

  .md\:translate-x-3 {
    --tw-translate-x: 0.75rem;
  }

  .md\:translate-x-4 {
    --tw-translate-x: 1rem;
  }

  .md\:translate-x-5 {
    --tw-translate-x: 1.25rem;
  }

  .md\:translate-x-6 {
    --tw-translate-x: 1.5rem;
  }

  .md\:translate-x-7 {
    --tw-translate-x: 1.75rem;
  }

  .md\:translate-x-8 {
    --tw-translate-x: 2rem;
  }

  .md\:translate-x-9 {
    --tw-translate-x: 2.25rem;
  }

  .md\:translate-x-10 {
    --tw-translate-x: 2.5rem;
  }

  .md\:translate-x-11 {
    --tw-translate-x: 2.75rem;
  }

  .md\:translate-x-12 {
    --tw-translate-x: 3rem;
  }

  .md\:translate-x-14 {
    --tw-translate-x: 3.5rem;
  }

  .md\:translate-x-16 {
    --tw-translate-x: 4rem;
  }

  .md\:translate-x-20 {
    --tw-translate-x: 5rem;
  }

  .md\:translate-x-24 {
    --tw-translate-x: 6rem;
  }

  .md\:translate-x-28 {
    --tw-translate-x: 7rem;
  }

  .md\:translate-x-32 {
    --tw-translate-x: 8rem;
  }

  .md\:translate-x-36 {
    --tw-translate-x: 9rem;
  }

  .md\:translate-x-40 {
    --tw-translate-x: 10rem;
  }

  .md\:translate-x-44 {
    --tw-translate-x: 11rem;
  }

  .md\:translate-x-48 {
    --tw-translate-x: 12rem;
  }

  .md\:translate-x-52 {
    --tw-translate-x: 13rem;
  }

  .md\:translate-x-56 {
    --tw-translate-x: 14rem;
  }

  .md\:translate-x-60 {
    --tw-translate-x: 15rem;
  }

  .md\:translate-x-64 {
    --tw-translate-x: 16rem;
  }

  .md\:translate-x-72 {
    --tw-translate-x: 18rem;
  }

  .md\:translate-x-80 {
    --tw-translate-x: 20rem;
  }

  .md\:translate-x-96 {
    --tw-translate-x: 24rem;
  }

  .md\:translate-x-px {
    --tw-translate-x: 1px;
  }

  .md\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
  }

  .md\:translate-x-1\.5 {
    --tw-translate-x: 0.375rem;
  }

  .md\:translate-x-2\.5 {
    --tw-translate-x: 0.625rem;
  }

  .md\:translate-x-3\.5 {
    --tw-translate-x: 0.875rem;
  }

  .md\:-translate-x-0 {
    --tw-translate-x: 0px;
  }

  .md\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
  }

  .md\:-translate-x-2 {
    --tw-translate-x: -0.5rem;
  }

  .md\:-translate-x-3 {
    --tw-translate-x: -0.75rem;
  }

  .md\:-translate-x-4 {
    --tw-translate-x: -1rem;
  }

  .md\:-translate-x-5 {
    --tw-translate-x: -1.25rem;
  }

  .md\:-translate-x-6 {
    --tw-translate-x: -1.5rem;
  }

  .md\:-translate-x-7 {
    --tw-translate-x: -1.75rem;
  }

  .md\:-translate-x-8 {
    --tw-translate-x: -2rem;
  }

  .md\:-translate-x-9 {
    --tw-translate-x: -2.25rem;
  }

  .md\:-translate-x-10 {
    --tw-translate-x: -2.5rem;
  }

  .md\:-translate-x-11 {
    --tw-translate-x: -2.75rem;
  }

  .md\:-translate-x-12 {
    --tw-translate-x: -3rem;
  }

  .md\:-translate-x-14 {
    --tw-translate-x: -3.5rem;
  }

  .md\:-translate-x-16 {
    --tw-translate-x: -4rem;
  }

  .md\:-translate-x-20 {
    --tw-translate-x: -5rem;
  }

  .md\:-translate-x-24 {
    --tw-translate-x: -6rem;
  }

  .md\:-translate-x-28 {
    --tw-translate-x: -7rem;
  }

  .md\:-translate-x-32 {
    --tw-translate-x: -8rem;
  }

  .md\:-translate-x-36 {
    --tw-translate-x: -9rem;
  }

  .md\:-translate-x-40 {
    --tw-translate-x: -10rem;
  }

  .md\:-translate-x-44 {
    --tw-translate-x: -11rem;
  }

  .md\:-translate-x-48 {
    --tw-translate-x: -12rem;
  }

  .md\:-translate-x-52 {
    --tw-translate-x: -13rem;
  }

  .md\:-translate-x-56 {
    --tw-translate-x: -14rem;
  }

  .md\:-translate-x-60 {
    --tw-translate-x: -15rem;
  }

  .md\:-translate-x-64 {
    --tw-translate-x: -16rem;
  }

  .md\:-translate-x-72 {
    --tw-translate-x: -18rem;
  }

  .md\:-translate-x-80 {
    --tw-translate-x: -20rem;
  }

  .md\:-translate-x-96 {
    --tw-translate-x: -24rem;
  }

  .md\:-translate-x-px {
    --tw-translate-x: -1px;
  }

  .md\:-translate-x-0\.5 {
    --tw-translate-x: -0.125rem;
  }

  .md\:-translate-x-1\.5 {
    --tw-translate-x: -0.375rem;
  }

  .md\:-translate-x-2\.5 {
    --tw-translate-x: -0.625rem;
  }

  .md\:-translate-x-3\.5 {
    --tw-translate-x: -0.875rem;
  }

  .md\:translate-x-1\/2 {
    --tw-translate-x: 50%;
  }

  .md\:translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
  }

  .md\:translate-x-2\/3 {
    --tw-translate-x: 66.666667%;
  }

  .md\:translate-x-1\/4 {
    --tw-translate-x: 25%;
  }

  .md\:translate-x-2\/4 {
    --tw-translate-x: 50%;
  }

  .md\:translate-x-3\/4 {
    --tw-translate-x: 75%;
  }

  .md\:translate-x-full {
    --tw-translate-x: 100%;
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .md\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
  }

  .md\:-translate-x-2\/3 {
    --tw-translate-x: -66.666667%;
  }

  .md\:-translate-x-1\/4 {
    --tw-translate-x: -25%;
  }

  .md\:-translate-x-2\/4 {
    --tw-translate-x: -50%;
  }

  .md\:-translate-x-3\/4 {
    --tw-translate-x: -75%;
  }

  .md\:-translate-x-full {
    --tw-translate-x: -100%;
  }

  .md\:translate-y-0 {
    --tw-translate-y: 0px;
  }

  .md\:translate-y-1 {
    --tw-translate-y: 0.25rem;
  }

  .md\:translate-y-2 {
    --tw-translate-y: 0.5rem;
  }

  .md\:translate-y-3 {
    --tw-translate-y: 0.75rem;
  }

  .md\:translate-y-4 {
    --tw-translate-y: 1rem;
  }

  .md\:translate-y-5 {
    --tw-translate-y: 1.25rem;
  }

  .md\:translate-y-6 {
    --tw-translate-y: 1.5rem;
  }

  .md\:translate-y-7 {
    --tw-translate-y: 1.75rem;
  }

  .md\:translate-y-8 {
    --tw-translate-y: 2rem;
  }

  .md\:translate-y-9 {
    --tw-translate-y: 2.25rem;
  }

  .md\:translate-y-10 {
    --tw-translate-y: 2.5rem;
  }

  .md\:translate-y-11 {
    --tw-translate-y: 2.75rem;
  }

  .md\:translate-y-12 {
    --tw-translate-y: 3rem;
  }

  .md\:translate-y-14 {
    --tw-translate-y: 3.5rem;
  }

  .md\:translate-y-16 {
    --tw-translate-y: 4rem;
  }

  .md\:translate-y-20 {
    --tw-translate-y: 5rem;
  }

  .md\:translate-y-24 {
    --tw-translate-y: 6rem;
  }

  .md\:translate-y-28 {
    --tw-translate-y: 7rem;
  }

  .md\:translate-y-32 {
    --tw-translate-y: 8rem;
  }

  .md\:translate-y-36 {
    --tw-translate-y: 9rem;
  }

  .md\:translate-y-40 {
    --tw-translate-y: 10rem;
  }

  .md\:translate-y-44 {
    --tw-translate-y: 11rem;
  }

  .md\:translate-y-48 {
    --tw-translate-y: 12rem;
  }

  .md\:translate-y-52 {
    --tw-translate-y: 13rem;
  }

  .md\:translate-y-56 {
    --tw-translate-y: 14rem;
  }

  .md\:translate-y-60 {
    --tw-translate-y: 15rem;
  }

  .md\:translate-y-64 {
    --tw-translate-y: 16rem;
  }

  .md\:translate-y-72 {
    --tw-translate-y: 18rem;
  }

  .md\:translate-y-80 {
    --tw-translate-y: 20rem;
  }

  .md\:translate-y-96 {
    --tw-translate-y: 24rem;
  }

  .md\:translate-y-px {
    --tw-translate-y: 1px;
  }

  .md\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
  }

  .md\:translate-y-1\.5 {
    --tw-translate-y: 0.375rem;
  }

  .md\:translate-y-2\.5 {
    --tw-translate-y: 0.625rem;
  }

  .md\:translate-y-3\.5 {
    --tw-translate-y: 0.875rem;
  }

  .md\:-translate-y-0 {
    --tw-translate-y: 0px;
  }

  .md\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
  }

  .md\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
  }

  .md\:-translate-y-3 {
    --tw-translate-y: -0.75rem;
  }

  .md\:-translate-y-4 {
    --tw-translate-y: -1rem;
  }

  .md\:-translate-y-5 {
    --tw-translate-y: -1.25rem;
  }

  .md\:-translate-y-6 {
    --tw-translate-y: -1.5rem;
  }

  .md\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
  }

  .md\:-translate-y-8 {
    --tw-translate-y: -2rem;
  }

  .md\:-translate-y-9 {
    --tw-translate-y: -2.25rem;
  }

  .md\:-translate-y-10 {
    --tw-translate-y: -2.5rem;
  }

  .md\:-translate-y-11 {
    --tw-translate-y: -2.75rem;
  }

  .md\:-translate-y-12 {
    --tw-translate-y: -3rem;
  }

  .md\:-translate-y-14 {
    --tw-translate-y: -3.5rem;
  }

  .md\:-translate-y-16 {
    --tw-translate-y: -4rem;
  }

  .md\:-translate-y-20 {
    --tw-translate-y: -5rem;
  }

  .md\:-translate-y-24 {
    --tw-translate-y: -6rem;
  }

  .md\:-translate-y-28 {
    --tw-translate-y: -7rem;
  }

  .md\:-translate-y-32 {
    --tw-translate-y: -8rem;
  }

  .md\:-translate-y-36 {
    --tw-translate-y: -9rem;
  }

  .md\:-translate-y-40 {
    --tw-translate-y: -10rem;
  }

  .md\:-translate-y-44 {
    --tw-translate-y: -11rem;
  }

  .md\:-translate-y-48 {
    --tw-translate-y: -12rem;
  }

  .md\:-translate-y-52 {
    --tw-translate-y: -13rem;
  }

  .md\:-translate-y-56 {
    --tw-translate-y: -14rem;
  }

  .md\:-translate-y-60 {
    --tw-translate-y: -15rem;
  }

  .md\:-translate-y-64 {
    --tw-translate-y: -16rem;
  }

  .md\:-translate-y-72 {
    --tw-translate-y: -18rem;
  }

  .md\:-translate-y-80 {
    --tw-translate-y: -20rem;
  }

  .md\:-translate-y-96 {
    --tw-translate-y: -24rem;
  }

  .md\:-translate-y-px {
    --tw-translate-y: -1px;
  }

  .md\:-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
  }

  .md\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
  }

  .md\:-translate-y-2\.5 {
    --tw-translate-y: -0.625rem;
  }

  .md\:-translate-y-3\.5 {
    --tw-translate-y: -0.875rem;
  }

  .md\:translate-y-1\/2 {
    --tw-translate-y: 50%;
  }

  .md\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }

  .md\:translate-y-2\/3 {
    --tw-translate-y: 66.666667%;
  }

  .md\:translate-y-1\/4 {
    --tw-translate-y: 25%;
  }

  .md\:translate-y-2\/4 {
    --tw-translate-y: 50%;
  }

  .md\:translate-y-3\/4 {
    --tw-translate-y: 75%;
  }

  .md\:translate-y-full {
    --tw-translate-y: 100%;
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .md\:-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
  }

  .md\:-translate-y-2\/3 {
    --tw-translate-y: -66.666667%;
  }

  .md\:-translate-y-1\/4 {
    --tw-translate-y: -25%;
  }

  .md\:-translate-y-2\/4 {
    --tw-translate-y: -50%;
  }

  .md\:-translate-y-3\/4 {
    --tw-translate-y: -75%;
  }

  .md\:-translate-y-full {
    --tw-translate-y: -100%;
  }

  .md\:hover\:translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .md\:hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem;
  }

  .md\:hover\:translate-x-2:hover {
    --tw-translate-x: 0.5rem;
  }

  .md\:hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem;
  }

  .md\:hover\:translate-x-4:hover {
    --tw-translate-x: 1rem;
  }

  .md\:hover\:translate-x-5:hover {
    --tw-translate-x: 1.25rem;
  }

  .md\:hover\:translate-x-6:hover {
    --tw-translate-x: 1.5rem;
  }

  .md\:hover\:translate-x-7:hover {
    --tw-translate-x: 1.75rem;
  }

  .md\:hover\:translate-x-8:hover {
    --tw-translate-x: 2rem;
  }

  .md\:hover\:translate-x-9:hover {
    --tw-translate-x: 2.25rem;
  }

  .md\:hover\:translate-x-10:hover {
    --tw-translate-x: 2.5rem;
  }

  .md\:hover\:translate-x-11:hover {
    --tw-translate-x: 2.75rem;
  }

  .md\:hover\:translate-x-12:hover {
    --tw-translate-x: 3rem;
  }

  .md\:hover\:translate-x-14:hover {
    --tw-translate-x: 3.5rem;
  }

  .md\:hover\:translate-x-16:hover {
    --tw-translate-x: 4rem;
  }

  .md\:hover\:translate-x-20:hover {
    --tw-translate-x: 5rem;
  }

  .md\:hover\:translate-x-24:hover {
    --tw-translate-x: 6rem;
  }

  .md\:hover\:translate-x-28:hover {
    --tw-translate-x: 7rem;
  }

  .md\:hover\:translate-x-32:hover {
    --tw-translate-x: 8rem;
  }

  .md\:hover\:translate-x-36:hover {
    --tw-translate-x: 9rem;
  }

  .md\:hover\:translate-x-40:hover {
    --tw-translate-x: 10rem;
  }

  .md\:hover\:translate-x-44:hover {
    --tw-translate-x: 11rem;
  }

  .md\:hover\:translate-x-48:hover {
    --tw-translate-x: 12rem;
  }

  .md\:hover\:translate-x-52:hover {
    --tw-translate-x: 13rem;
  }

  .md\:hover\:translate-x-56:hover {
    --tw-translate-x: 14rem;
  }

  .md\:hover\:translate-x-60:hover {
    --tw-translate-x: 15rem;
  }

  .md\:hover\:translate-x-64:hover {
    --tw-translate-x: 16rem;
  }

  .md\:hover\:translate-x-72:hover {
    --tw-translate-x: 18rem;
  }

  .md\:hover\:translate-x-80:hover {
    --tw-translate-x: 20rem;
  }

  .md\:hover\:translate-x-96:hover {
    --tw-translate-x: 24rem;
  }

  .md\:hover\:translate-x-px:hover {
    --tw-translate-x: 1px;
  }

  .md\:hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem;
  }

  .md\:hover\:translate-x-1\.5:hover {
    --tw-translate-x: 0.375rem;
  }

  .md\:hover\:translate-x-2\.5:hover {
    --tw-translate-x: 0.625rem;
  }

  .md\:hover\:translate-x-3\.5:hover {
    --tw-translate-x: 0.875rem;
  }

  .md\:hover\:-translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .md\:hover\:-translate-x-1:hover {
    --tw-translate-x: -0.25rem;
  }

  .md\:hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem;
  }

  .md\:hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem;
  }

  .md\:hover\:-translate-x-4:hover {
    --tw-translate-x: -1rem;
  }

  .md\:hover\:-translate-x-5:hover {
    --tw-translate-x: -1.25rem;
  }

  .md\:hover\:-translate-x-6:hover {
    --tw-translate-x: -1.5rem;
  }

  .md\:hover\:-translate-x-7:hover {
    --tw-translate-x: -1.75rem;
  }

  .md\:hover\:-translate-x-8:hover {
    --tw-translate-x: -2rem;
  }

  .md\:hover\:-translate-x-9:hover {
    --tw-translate-x: -2.25rem;
  }

  .md\:hover\:-translate-x-10:hover {
    --tw-translate-x: -2.5rem;
  }

  .md\:hover\:-translate-x-11:hover {
    --tw-translate-x: -2.75rem;
  }

  .md\:hover\:-translate-x-12:hover {
    --tw-translate-x: -3rem;
  }

  .md\:hover\:-translate-x-14:hover {
    --tw-translate-x: -3.5rem;
  }

  .md\:hover\:-translate-x-16:hover {
    --tw-translate-x: -4rem;
  }

  .md\:hover\:-translate-x-20:hover {
    --tw-translate-x: -5rem;
  }

  .md\:hover\:-translate-x-24:hover {
    --tw-translate-x: -6rem;
  }

  .md\:hover\:-translate-x-28:hover {
    --tw-translate-x: -7rem;
  }

  .md\:hover\:-translate-x-32:hover {
    --tw-translate-x: -8rem;
  }

  .md\:hover\:-translate-x-36:hover {
    --tw-translate-x: -9rem;
  }

  .md\:hover\:-translate-x-40:hover {
    --tw-translate-x: -10rem;
  }

  .md\:hover\:-translate-x-44:hover {
    --tw-translate-x: -11rem;
  }

  .md\:hover\:-translate-x-48:hover {
    --tw-translate-x: -12rem;
  }

  .md\:hover\:-translate-x-52:hover {
    --tw-translate-x: -13rem;
  }

  .md\:hover\:-translate-x-56:hover {
    --tw-translate-x: -14rem;
  }

  .md\:hover\:-translate-x-60:hover {
    --tw-translate-x: -15rem;
  }

  .md\:hover\:-translate-x-64:hover {
    --tw-translate-x: -16rem;
  }

  .md\:hover\:-translate-x-72:hover {
    --tw-translate-x: -18rem;
  }

  .md\:hover\:-translate-x-80:hover {
    --tw-translate-x: -20rem;
  }

  .md\:hover\:-translate-x-96:hover {
    --tw-translate-x: -24rem;
  }

  .md\:hover\:-translate-x-px:hover {
    --tw-translate-x: -1px;
  }

  .md\:hover\:-translate-x-0\.5:hover {
    --tw-translate-x: -0.125rem;
  }

  .md\:hover\:-translate-x-1\.5:hover {
    --tw-translate-x: -0.375rem;
  }

  .md\:hover\:-translate-x-2\.5:hover {
    --tw-translate-x: -0.625rem;
  }

  .md\:hover\:-translate-x-3\.5:hover {
    --tw-translate-x: -0.875rem;
  }

  .md\:hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%;
  }

  .md\:hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%;
  }

  .md\:hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%;
  }

  .md\:hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%;
  }

  .md\:hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%;
  }

  .md\:hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%;
  }

  .md\:hover\:translate-x-full:hover {
    --tw-translate-x: 100%;
  }

  .md\:hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%;
  }

  .md\:hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%;
  }

  .md\:hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%;
  }

  .md\:hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%;
  }

  .md\:hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%;
  }

  .md\:hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%;
  }

  .md\:hover\:-translate-x-full:hover {
    --tw-translate-x: -100%;
  }

  .md\:hover\:translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .md\:hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem;
  }

  .md\:hover\:translate-y-2:hover {
    --tw-translate-y: 0.5rem;
  }

  .md\:hover\:translate-y-3:hover {
    --tw-translate-y: 0.75rem;
  }

  .md\:hover\:translate-y-4:hover {
    --tw-translate-y: 1rem;
  }

  .md\:hover\:translate-y-5:hover {
    --tw-translate-y: 1.25rem;
  }

  .md\:hover\:translate-y-6:hover {
    --tw-translate-y: 1.5rem;
  }

  .md\:hover\:translate-y-7:hover {
    --tw-translate-y: 1.75rem;
  }

  .md\:hover\:translate-y-8:hover {
    --tw-translate-y: 2rem;
  }

  .md\:hover\:translate-y-9:hover {
    --tw-translate-y: 2.25rem;
  }

  .md\:hover\:translate-y-10:hover {
    --tw-translate-y: 2.5rem;
  }

  .md\:hover\:translate-y-11:hover {
    --tw-translate-y: 2.75rem;
  }

  .md\:hover\:translate-y-12:hover {
    --tw-translate-y: 3rem;
  }

  .md\:hover\:translate-y-14:hover {
    --tw-translate-y: 3.5rem;
  }

  .md\:hover\:translate-y-16:hover {
    --tw-translate-y: 4rem;
  }

  .md\:hover\:translate-y-20:hover {
    --tw-translate-y: 5rem;
  }

  .md\:hover\:translate-y-24:hover {
    --tw-translate-y: 6rem;
  }

  .md\:hover\:translate-y-28:hover {
    --tw-translate-y: 7rem;
  }

  .md\:hover\:translate-y-32:hover {
    --tw-translate-y: 8rem;
  }

  .md\:hover\:translate-y-36:hover {
    --tw-translate-y: 9rem;
  }

  .md\:hover\:translate-y-40:hover {
    --tw-translate-y: 10rem;
  }

  .md\:hover\:translate-y-44:hover {
    --tw-translate-y: 11rem;
  }

  .md\:hover\:translate-y-48:hover {
    --tw-translate-y: 12rem;
  }

  .md\:hover\:translate-y-52:hover {
    --tw-translate-y: 13rem;
  }

  .md\:hover\:translate-y-56:hover {
    --tw-translate-y: 14rem;
  }

  .md\:hover\:translate-y-60:hover {
    --tw-translate-y: 15rem;
  }

  .md\:hover\:translate-y-64:hover {
    --tw-translate-y: 16rem;
  }

  .md\:hover\:translate-y-72:hover {
    --tw-translate-y: 18rem;
  }

  .md\:hover\:translate-y-80:hover {
    --tw-translate-y: 20rem;
  }

  .md\:hover\:translate-y-96:hover {
    --tw-translate-y: 24rem;
  }

  .md\:hover\:translate-y-px:hover {
    --tw-translate-y: 1px;
  }

  .md\:hover\:translate-y-0\.5:hover {
    --tw-translate-y: 0.125rem;
  }

  .md\:hover\:translate-y-1\.5:hover {
    --tw-translate-y: 0.375rem;
  }

  .md\:hover\:translate-y-2\.5:hover {
    --tw-translate-y: 0.625rem;
  }

  .md\:hover\:translate-y-3\.5:hover {
    --tw-translate-y: 0.875rem;
  }

  .md\:hover\:-translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .md\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
  }

  .md\:hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
  }

  .md\:hover\:-translate-y-3:hover {
    --tw-translate-y: -0.75rem;
  }

  .md\:hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem;
  }

  .md\:hover\:-translate-y-5:hover {
    --tw-translate-y: -1.25rem;
  }

  .md\:hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem;
  }

  .md\:hover\:-translate-y-7:hover {
    --tw-translate-y: -1.75rem;
  }

  .md\:hover\:-translate-y-8:hover {
    --tw-translate-y: -2rem;
  }

  .md\:hover\:-translate-y-9:hover {
    --tw-translate-y: -2.25rem;
  }

  .md\:hover\:-translate-y-10:hover {
    --tw-translate-y: -2.5rem;
  }

  .md\:hover\:-translate-y-11:hover {
    --tw-translate-y: -2.75rem;
  }

  .md\:hover\:-translate-y-12:hover {
    --tw-translate-y: -3rem;
  }

  .md\:hover\:-translate-y-14:hover {
    --tw-translate-y: -3.5rem;
  }

  .md\:hover\:-translate-y-16:hover {
    --tw-translate-y: -4rem;
  }

  .md\:hover\:-translate-y-20:hover {
    --tw-translate-y: -5rem;
  }

  .md\:hover\:-translate-y-24:hover {
    --tw-translate-y: -6rem;
  }

  .md\:hover\:-translate-y-28:hover {
    --tw-translate-y: -7rem;
  }

  .md\:hover\:-translate-y-32:hover {
    --tw-translate-y: -8rem;
  }

  .md\:hover\:-translate-y-36:hover {
    --tw-translate-y: -9rem;
  }

  .md\:hover\:-translate-y-40:hover {
    --tw-translate-y: -10rem;
  }

  .md\:hover\:-translate-y-44:hover {
    --tw-translate-y: -11rem;
  }

  .md\:hover\:-translate-y-48:hover {
    --tw-translate-y: -12rem;
  }

  .md\:hover\:-translate-y-52:hover {
    --tw-translate-y: -13rem;
  }

  .md\:hover\:-translate-y-56:hover {
    --tw-translate-y: -14rem;
  }

  .md\:hover\:-translate-y-60:hover {
    --tw-translate-y: -15rem;
  }

  .md\:hover\:-translate-y-64:hover {
    --tw-translate-y: -16rem;
  }

  .md\:hover\:-translate-y-72:hover {
    --tw-translate-y: -18rem;
  }

  .md\:hover\:-translate-y-80:hover {
    --tw-translate-y: -20rem;
  }

  .md\:hover\:-translate-y-96:hover {
    --tw-translate-y: -24rem;
  }

  .md\:hover\:-translate-y-px:hover {
    --tw-translate-y: -1px;
  }

  .md\:hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
  }

  .md\:hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -0.375rem;
  }

  .md\:hover\:-translate-y-2\.5:hover {
    --tw-translate-y: -0.625rem;
  }

  .md\:hover\:-translate-y-3\.5:hover {
    --tw-translate-y: -0.875rem;
  }

  .md\:hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%;
  }

  .md\:hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%;
  }

  .md\:hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%;
  }

  .md\:hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%;
  }

  .md\:hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%;
  }

  .md\:hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%;
  }

  .md\:hover\:translate-y-full:hover {
    --tw-translate-y: 100%;
  }

  .md\:hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%;
  }

  .md\:hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%;
  }

  .md\:hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%;
  }

  .md\:hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%;
  }

  .md\:hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%;
  }

  .md\:hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%;
  }

  .md\:hover\:-translate-y-full:hover {
    --tw-translate-y: -100%;
  }

  .md\:focus\:translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .md\:focus\:translate-x-1:focus {
    --tw-translate-x: 0.25rem;
  }

  .md\:focus\:translate-x-2:focus {
    --tw-translate-x: 0.5rem;
  }

  .md\:focus\:translate-x-3:focus {
    --tw-translate-x: 0.75rem;
  }

  .md\:focus\:translate-x-4:focus {
    --tw-translate-x: 1rem;
  }

  .md\:focus\:translate-x-5:focus {
    --tw-translate-x: 1.25rem;
  }

  .md\:focus\:translate-x-6:focus {
    --tw-translate-x: 1.5rem;
  }

  .md\:focus\:translate-x-7:focus {
    --tw-translate-x: 1.75rem;
  }

  .md\:focus\:translate-x-8:focus {
    --tw-translate-x: 2rem;
  }

  .md\:focus\:translate-x-9:focus {
    --tw-translate-x: 2.25rem;
  }

  .md\:focus\:translate-x-10:focus {
    --tw-translate-x: 2.5rem;
  }

  .md\:focus\:translate-x-11:focus {
    --tw-translate-x: 2.75rem;
  }

  .md\:focus\:translate-x-12:focus {
    --tw-translate-x: 3rem;
  }

  .md\:focus\:translate-x-14:focus {
    --tw-translate-x: 3.5rem;
  }

  .md\:focus\:translate-x-16:focus {
    --tw-translate-x: 4rem;
  }

  .md\:focus\:translate-x-20:focus {
    --tw-translate-x: 5rem;
  }

  .md\:focus\:translate-x-24:focus {
    --tw-translate-x: 6rem;
  }

  .md\:focus\:translate-x-28:focus {
    --tw-translate-x: 7rem;
  }

  .md\:focus\:translate-x-32:focus {
    --tw-translate-x: 8rem;
  }

  .md\:focus\:translate-x-36:focus {
    --tw-translate-x: 9rem;
  }

  .md\:focus\:translate-x-40:focus {
    --tw-translate-x: 10rem;
  }

  .md\:focus\:translate-x-44:focus {
    --tw-translate-x: 11rem;
  }

  .md\:focus\:translate-x-48:focus {
    --tw-translate-x: 12rem;
  }

  .md\:focus\:translate-x-52:focus {
    --tw-translate-x: 13rem;
  }

  .md\:focus\:translate-x-56:focus {
    --tw-translate-x: 14rem;
  }

  .md\:focus\:translate-x-60:focus {
    --tw-translate-x: 15rem;
  }

  .md\:focus\:translate-x-64:focus {
    --tw-translate-x: 16rem;
  }

  .md\:focus\:translate-x-72:focus {
    --tw-translate-x: 18rem;
  }

  .md\:focus\:translate-x-80:focus {
    --tw-translate-x: 20rem;
  }

  .md\:focus\:translate-x-96:focus {
    --tw-translate-x: 24rem;
  }

  .md\:focus\:translate-x-px:focus {
    --tw-translate-x: 1px;
  }

  .md\:focus\:translate-x-0\.5:focus {
    --tw-translate-x: 0.125rem;
  }

  .md\:focus\:translate-x-1\.5:focus {
    --tw-translate-x: 0.375rem;
  }

  .md\:focus\:translate-x-2\.5:focus {
    --tw-translate-x: 0.625rem;
  }

  .md\:focus\:translate-x-3\.5:focus {
    --tw-translate-x: 0.875rem;
  }

  .md\:focus\:-translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .md\:focus\:-translate-x-1:focus {
    --tw-translate-x: -0.25rem;
  }

  .md\:focus\:-translate-x-2:focus {
    --tw-translate-x: -0.5rem;
  }

  .md\:focus\:-translate-x-3:focus {
    --tw-translate-x: -0.75rem;
  }

  .md\:focus\:-translate-x-4:focus {
    --tw-translate-x: -1rem;
  }

  .md\:focus\:-translate-x-5:focus {
    --tw-translate-x: -1.25rem;
  }

  .md\:focus\:-translate-x-6:focus {
    --tw-translate-x: -1.5rem;
  }

  .md\:focus\:-translate-x-7:focus {
    --tw-translate-x: -1.75rem;
  }

  .md\:focus\:-translate-x-8:focus {
    --tw-translate-x: -2rem;
  }

  .md\:focus\:-translate-x-9:focus {
    --tw-translate-x: -2.25rem;
  }

  .md\:focus\:-translate-x-10:focus {
    --tw-translate-x: -2.5rem;
  }

  .md\:focus\:-translate-x-11:focus {
    --tw-translate-x: -2.75rem;
  }

  .md\:focus\:-translate-x-12:focus {
    --tw-translate-x: -3rem;
  }

  .md\:focus\:-translate-x-14:focus {
    --tw-translate-x: -3.5rem;
  }

  .md\:focus\:-translate-x-16:focus {
    --tw-translate-x: -4rem;
  }

  .md\:focus\:-translate-x-20:focus {
    --tw-translate-x: -5rem;
  }

  .md\:focus\:-translate-x-24:focus {
    --tw-translate-x: -6rem;
  }

  .md\:focus\:-translate-x-28:focus {
    --tw-translate-x: -7rem;
  }

  .md\:focus\:-translate-x-32:focus {
    --tw-translate-x: -8rem;
  }

  .md\:focus\:-translate-x-36:focus {
    --tw-translate-x: -9rem;
  }

  .md\:focus\:-translate-x-40:focus {
    --tw-translate-x: -10rem;
  }

  .md\:focus\:-translate-x-44:focus {
    --tw-translate-x: -11rem;
  }

  .md\:focus\:-translate-x-48:focus {
    --tw-translate-x: -12rem;
  }

  .md\:focus\:-translate-x-52:focus {
    --tw-translate-x: -13rem;
  }

  .md\:focus\:-translate-x-56:focus {
    --tw-translate-x: -14rem;
  }

  .md\:focus\:-translate-x-60:focus {
    --tw-translate-x: -15rem;
  }

  .md\:focus\:-translate-x-64:focus {
    --tw-translate-x: -16rem;
  }

  .md\:focus\:-translate-x-72:focus {
    --tw-translate-x: -18rem;
  }

  .md\:focus\:-translate-x-80:focus {
    --tw-translate-x: -20rem;
  }

  .md\:focus\:-translate-x-96:focus {
    --tw-translate-x: -24rem;
  }

  .md\:focus\:-translate-x-px:focus {
    --tw-translate-x: -1px;
  }

  .md\:focus\:-translate-x-0\.5:focus {
    --tw-translate-x: -0.125rem;
  }

  .md\:focus\:-translate-x-1\.5:focus {
    --tw-translate-x: -0.375rem;
  }

  .md\:focus\:-translate-x-2\.5:focus {
    --tw-translate-x: -0.625rem;
  }

  .md\:focus\:-translate-x-3\.5:focus {
    --tw-translate-x: -0.875rem;
  }

  .md\:focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%;
  }

  .md\:focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%;
  }

  .md\:focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%;
  }

  .md\:focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%;
  }

  .md\:focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%;
  }

  .md\:focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%;
  }

  .md\:focus\:translate-x-full:focus {
    --tw-translate-x: 100%;
  }

  .md\:focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%;
  }

  .md\:focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%;
  }

  .md\:focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%;
  }

  .md\:focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%;
  }

  .md\:focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%;
  }

  .md\:focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%;
  }

  .md\:focus\:-translate-x-full:focus {
    --tw-translate-x: -100%;
  }

  .md\:focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .md\:focus\:translate-y-1:focus {
    --tw-translate-y: 0.25rem;
  }

  .md\:focus\:translate-y-2:focus {
    --tw-translate-y: 0.5rem;
  }

  .md\:focus\:translate-y-3:focus {
    --tw-translate-y: 0.75rem;
  }

  .md\:focus\:translate-y-4:focus {
    --tw-translate-y: 1rem;
  }

  .md\:focus\:translate-y-5:focus {
    --tw-translate-y: 1.25rem;
  }

  .md\:focus\:translate-y-6:focus {
    --tw-translate-y: 1.5rem;
  }

  .md\:focus\:translate-y-7:focus {
    --tw-translate-y: 1.75rem;
  }

  .md\:focus\:translate-y-8:focus {
    --tw-translate-y: 2rem;
  }

  .md\:focus\:translate-y-9:focus {
    --tw-translate-y: 2.25rem;
  }

  .md\:focus\:translate-y-10:focus {
    --tw-translate-y: 2.5rem;
  }

  .md\:focus\:translate-y-11:focus {
    --tw-translate-y: 2.75rem;
  }

  .md\:focus\:translate-y-12:focus {
    --tw-translate-y: 3rem;
  }

  .md\:focus\:translate-y-14:focus {
    --tw-translate-y: 3.5rem;
  }

  .md\:focus\:translate-y-16:focus {
    --tw-translate-y: 4rem;
  }

  .md\:focus\:translate-y-20:focus {
    --tw-translate-y: 5rem;
  }

  .md\:focus\:translate-y-24:focus {
    --tw-translate-y: 6rem;
  }

  .md\:focus\:translate-y-28:focus {
    --tw-translate-y: 7rem;
  }

  .md\:focus\:translate-y-32:focus {
    --tw-translate-y: 8rem;
  }

  .md\:focus\:translate-y-36:focus {
    --tw-translate-y: 9rem;
  }

  .md\:focus\:translate-y-40:focus {
    --tw-translate-y: 10rem;
  }

  .md\:focus\:translate-y-44:focus {
    --tw-translate-y: 11rem;
  }

  .md\:focus\:translate-y-48:focus {
    --tw-translate-y: 12rem;
  }

  .md\:focus\:translate-y-52:focus {
    --tw-translate-y: 13rem;
  }

  .md\:focus\:translate-y-56:focus {
    --tw-translate-y: 14rem;
  }

  .md\:focus\:translate-y-60:focus {
    --tw-translate-y: 15rem;
  }

  .md\:focus\:translate-y-64:focus {
    --tw-translate-y: 16rem;
  }

  .md\:focus\:translate-y-72:focus {
    --tw-translate-y: 18rem;
  }

  .md\:focus\:translate-y-80:focus {
    --tw-translate-y: 20rem;
  }

  .md\:focus\:translate-y-96:focus {
    --tw-translate-y: 24rem;
  }

  .md\:focus\:translate-y-px:focus {
    --tw-translate-y: 1px;
  }

  .md\:focus\:translate-y-0\.5:focus {
    --tw-translate-y: 0.125rem;
  }

  .md\:focus\:translate-y-1\.5:focus {
    --tw-translate-y: 0.375rem;
  }

  .md\:focus\:translate-y-2\.5:focus {
    --tw-translate-y: 0.625rem;
  }

  .md\:focus\:translate-y-3\.5:focus {
    --tw-translate-y: 0.875rem;
  }

  .md\:focus\:-translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .md\:focus\:-translate-y-1:focus {
    --tw-translate-y: -0.25rem;
  }

  .md\:focus\:-translate-y-2:focus {
    --tw-translate-y: -0.5rem;
  }

  .md\:focus\:-translate-y-3:focus {
    --tw-translate-y: -0.75rem;
  }

  .md\:focus\:-translate-y-4:focus {
    --tw-translate-y: -1rem;
  }

  .md\:focus\:-translate-y-5:focus {
    --tw-translate-y: -1.25rem;
  }

  .md\:focus\:-translate-y-6:focus {
    --tw-translate-y: -1.5rem;
  }

  .md\:focus\:-translate-y-7:focus {
    --tw-translate-y: -1.75rem;
  }

  .md\:focus\:-translate-y-8:focus {
    --tw-translate-y: -2rem;
  }

  .md\:focus\:-translate-y-9:focus {
    --tw-translate-y: -2.25rem;
  }

  .md\:focus\:-translate-y-10:focus {
    --tw-translate-y: -2.5rem;
  }

  .md\:focus\:-translate-y-11:focus {
    --tw-translate-y: -2.75rem;
  }

  .md\:focus\:-translate-y-12:focus {
    --tw-translate-y: -3rem;
  }

  .md\:focus\:-translate-y-14:focus {
    --tw-translate-y: -3.5rem;
  }

  .md\:focus\:-translate-y-16:focus {
    --tw-translate-y: -4rem;
  }

  .md\:focus\:-translate-y-20:focus {
    --tw-translate-y: -5rem;
  }

  .md\:focus\:-translate-y-24:focus {
    --tw-translate-y: -6rem;
  }

  .md\:focus\:-translate-y-28:focus {
    --tw-translate-y: -7rem;
  }

  .md\:focus\:-translate-y-32:focus {
    --tw-translate-y: -8rem;
  }

  .md\:focus\:-translate-y-36:focus {
    --tw-translate-y: -9rem;
  }

  .md\:focus\:-translate-y-40:focus {
    --tw-translate-y: -10rem;
  }

  .md\:focus\:-translate-y-44:focus {
    --tw-translate-y: -11rem;
  }

  .md\:focus\:-translate-y-48:focus {
    --tw-translate-y: -12rem;
  }

  .md\:focus\:-translate-y-52:focus {
    --tw-translate-y: -13rem;
  }

  .md\:focus\:-translate-y-56:focus {
    --tw-translate-y: -14rem;
  }

  .md\:focus\:-translate-y-60:focus {
    --tw-translate-y: -15rem;
  }

  .md\:focus\:-translate-y-64:focus {
    --tw-translate-y: -16rem;
  }

  .md\:focus\:-translate-y-72:focus {
    --tw-translate-y: -18rem;
  }

  .md\:focus\:-translate-y-80:focus {
    --tw-translate-y: -20rem;
  }

  .md\:focus\:-translate-y-96:focus {
    --tw-translate-y: -24rem;
  }

  .md\:focus\:-translate-y-px:focus {
    --tw-translate-y: -1px;
  }

  .md\:focus\:-translate-y-0\.5:focus {
    --tw-translate-y: -0.125rem;
  }

  .md\:focus\:-translate-y-1\.5:focus {
    --tw-translate-y: -0.375rem;
  }

  .md\:focus\:-translate-y-2\.5:focus {
    --tw-translate-y: -0.625rem;
  }

  .md\:focus\:-translate-y-3\.5:focus {
    --tw-translate-y: -0.875rem;
  }

  .md\:focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%;
  }

  .md\:focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%;
  }

  .md\:focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%;
  }

  .md\:focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%;
  }

  .md\:focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%;
  }

  .md\:focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%;
  }

  .md\:focus\:translate-y-full:focus {
    --tw-translate-y: 100%;
  }

  .md\:focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%;
  }

  .md\:focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%;
  }

  .md\:focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%;
  }

  .md\:focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%;
  }

  .md\:focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%;
  }

  .md\:focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%;
  }

  .md\:focus\:-translate-y-full:focus {
    --tw-translate-y: -100%;
  }

  .md\:rotate-0 {
    --tw-rotate: 0deg;
  }

  .md\:rotate-1 {
    --tw-rotate: 1deg;
  }

  .md\:rotate-2 {
    --tw-rotate: 2deg;
  }

  .md\:rotate-3 {
    --tw-rotate: 3deg;
  }

  .md\:rotate-6 {
    --tw-rotate: 6deg;
  }

  .md\:rotate-12 {
    --tw-rotate: 12deg;
  }

  .md\:rotate-45 {
    --tw-rotate: 45deg;
  }

  .md\:rotate-90 {
    --tw-rotate: 90deg;
  }

  .md\:rotate-180 {
    --tw-rotate: 180deg;
  }

  .md\:-rotate-180 {
    --tw-rotate: -180deg;
  }

  .md\:-rotate-90 {
    --tw-rotate: -90deg;
  }

  .md\:-rotate-45 {
    --tw-rotate: -45deg;
  }

  .md\:-rotate-12 {
    --tw-rotate: -12deg;
  }

  .md\:-rotate-6 {
    --tw-rotate: -6deg;
  }

  .md\:-rotate-3 {
    --tw-rotate: -3deg;
  }

  .md\:-rotate-2 {
    --tw-rotate: -2deg;
  }

  .md\:-rotate-1 {
    --tw-rotate: -1deg;
  }

  .md\:hover\:rotate-0:hover {
    --tw-rotate: 0deg;
  }

  .md\:hover\:rotate-1:hover {
    --tw-rotate: 1deg;
  }

  .md\:hover\:rotate-2:hover {
    --tw-rotate: 2deg;
  }

  .md\:hover\:rotate-3:hover {
    --tw-rotate: 3deg;
  }

  .md\:hover\:rotate-6:hover {
    --tw-rotate: 6deg;
  }

  .md\:hover\:rotate-12:hover {
    --tw-rotate: 12deg;
  }

  .md\:hover\:rotate-45:hover {
    --tw-rotate: 45deg;
  }

  .md\:hover\:rotate-90:hover {
    --tw-rotate: 90deg;
  }

  .md\:hover\:rotate-180:hover {
    --tw-rotate: 180deg;
  }

  .md\:hover\:-rotate-180:hover {
    --tw-rotate: -180deg;
  }

  .md\:hover\:-rotate-90:hover {
    --tw-rotate: -90deg;
  }

  .md\:hover\:-rotate-45:hover {
    --tw-rotate: -45deg;
  }

  .md\:hover\:-rotate-12:hover {
    --tw-rotate: -12deg;
  }

  .md\:hover\:-rotate-6:hover {
    --tw-rotate: -6deg;
  }

  .md\:hover\:-rotate-3:hover {
    --tw-rotate: -3deg;
  }

  .md\:hover\:-rotate-2:hover {
    --tw-rotate: -2deg;
  }

  .md\:hover\:-rotate-1:hover {
    --tw-rotate: -1deg;
  }

  .md\:focus\:rotate-0:focus {
    --tw-rotate: 0deg;
  }

  .md\:focus\:rotate-1:focus {
    --tw-rotate: 1deg;
  }

  .md\:focus\:rotate-2:focus {
    --tw-rotate: 2deg;
  }

  .md\:focus\:rotate-3:focus {
    --tw-rotate: 3deg;
  }

  .md\:focus\:rotate-6:focus {
    --tw-rotate: 6deg;
  }

  .md\:focus\:rotate-12:focus {
    --tw-rotate: 12deg;
  }

  .md\:focus\:rotate-45:focus {
    --tw-rotate: 45deg;
  }

  .md\:focus\:rotate-90:focus {
    --tw-rotate: 90deg;
  }

  .md\:focus\:rotate-180:focus {
    --tw-rotate: 180deg;
  }

  .md\:focus\:-rotate-180:focus {
    --tw-rotate: -180deg;
  }

  .md\:focus\:-rotate-90:focus {
    --tw-rotate: -90deg;
  }

  .md\:focus\:-rotate-45:focus {
    --tw-rotate: -45deg;
  }

  .md\:focus\:-rotate-12:focus {
    --tw-rotate: -12deg;
  }

  .md\:focus\:-rotate-6:focus {
    --tw-rotate: -6deg;
  }

  .md\:focus\:-rotate-3:focus {
    --tw-rotate: -3deg;
  }

  .md\:focus\:-rotate-2:focus {
    --tw-rotate: -2deg;
  }

  .md\:focus\:-rotate-1:focus {
    --tw-rotate: -1deg;
  }

  .md\:skew-x-0 {
    --tw-skew-x: 0deg;
  }

  .md\:skew-x-1 {
    --tw-skew-x: 1deg;
  }

  .md\:skew-x-2 {
    --tw-skew-x: 2deg;
  }

  .md\:skew-x-3 {
    --tw-skew-x: 3deg;
  }

  .md\:skew-x-6 {
    --tw-skew-x: 6deg;
  }

  .md\:skew-x-12 {
    --tw-skew-x: 12deg;
  }

  .md\:-skew-x-12 {
    --tw-skew-x: -12deg;
  }

  .md\:-skew-x-6 {
    --tw-skew-x: -6deg;
  }

  .md\:-skew-x-3 {
    --tw-skew-x: -3deg;
  }

  .md\:-skew-x-2 {
    --tw-skew-x: -2deg;
  }

  .md\:-skew-x-1 {
    --tw-skew-x: -1deg;
  }

  .md\:skew-y-0 {
    --tw-skew-y: 0deg;
  }

  .md\:skew-y-1 {
    --tw-skew-y: 1deg;
  }

  .md\:skew-y-2 {
    --tw-skew-y: 2deg;
  }

  .md\:skew-y-3 {
    --tw-skew-y: 3deg;
  }

  .md\:skew-y-6 {
    --tw-skew-y: 6deg;
  }

  .md\:skew-y-12 {
    --tw-skew-y: 12deg;
  }

  .md\:-skew-y-12 {
    --tw-skew-y: -12deg;
  }

  .md\:-skew-y-6 {
    --tw-skew-y: -6deg;
  }

  .md\:-skew-y-3 {
    --tw-skew-y: -3deg;
  }

  .md\:-skew-y-2 {
    --tw-skew-y: -2deg;
  }

  .md\:-skew-y-1 {
    --tw-skew-y: -1deg;
  }

  .md\:hover\:skew-x-0:hover {
    --tw-skew-x: 0deg;
  }

  .md\:hover\:skew-x-1:hover {
    --tw-skew-x: 1deg;
  }

  .md\:hover\:skew-x-2:hover {
    --tw-skew-x: 2deg;
  }

  .md\:hover\:skew-x-3:hover {
    --tw-skew-x: 3deg;
  }

  .md\:hover\:skew-x-6:hover {
    --tw-skew-x: 6deg;
  }

  .md\:hover\:skew-x-12:hover {
    --tw-skew-x: 12deg;
  }

  .md\:hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg;
  }

  .md\:hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg;
  }

  .md\:hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg;
  }

  .md\:hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg;
  }

  .md\:hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg;
  }

  .md\:hover\:skew-y-0:hover {
    --tw-skew-y: 0deg;
  }

  .md\:hover\:skew-y-1:hover {
    --tw-skew-y: 1deg;
  }

  .md\:hover\:skew-y-2:hover {
    --tw-skew-y: 2deg;
  }

  .md\:hover\:skew-y-3:hover {
    --tw-skew-y: 3deg;
  }

  .md\:hover\:skew-y-6:hover {
    --tw-skew-y: 6deg;
  }

  .md\:hover\:skew-y-12:hover {
    --tw-skew-y: 12deg;
  }

  .md\:hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg;
  }

  .md\:hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg;
  }

  .md\:hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg;
  }

  .md\:hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg;
  }

  .md\:hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg;
  }

  .md\:focus\:skew-x-0:focus {
    --tw-skew-x: 0deg;
  }

  .md\:focus\:skew-x-1:focus {
    --tw-skew-x: 1deg;
  }

  .md\:focus\:skew-x-2:focus {
    --tw-skew-x: 2deg;
  }

  .md\:focus\:skew-x-3:focus {
    --tw-skew-x: 3deg;
  }

  .md\:focus\:skew-x-6:focus {
    --tw-skew-x: 6deg;
  }

  .md\:focus\:skew-x-12:focus {
    --tw-skew-x: 12deg;
  }

  .md\:focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg;
  }

  .md\:focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg;
  }

  .md\:focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg;
  }

  .md\:focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg;
  }

  .md\:focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg;
  }

  .md\:focus\:skew-y-0:focus {
    --tw-skew-y: 0deg;
  }

  .md\:focus\:skew-y-1:focus {
    --tw-skew-y: 1deg;
  }

  .md\:focus\:skew-y-2:focus {
    --tw-skew-y: 2deg;
  }

  .md\:focus\:skew-y-3:focus {
    --tw-skew-y: 3deg;
  }

  .md\:focus\:skew-y-6:focus {
    --tw-skew-y: 6deg;
  }

  .md\:focus\:skew-y-12:focus {
    --tw-skew-y: 12deg;
  }

  .md\:focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg;
  }

  .md\:focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg;
  }

  .md\:focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg;
  }

  .md\:focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg;
  }

  .md\:focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg;
  }

  .md\:scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .md\:scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .md\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .md\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .md\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .md\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .md\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .md\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .md\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .md\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .md\:hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .md\:hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .md\:hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .md\:hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .md\:hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .md\:hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .md\:hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .md\:hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .md\:hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .md\:hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .md\:focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .md\:focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .md\:focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .md\:focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .md\:focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .md\:focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .md\:focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .md\:focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .md\:focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .md\:focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .md\:scale-x-0 {
    --tw-scale-x: 0;
  }

  .md\:scale-x-50 {
    --tw-scale-x: .5;
  }

  .md\:scale-x-75 {
    --tw-scale-x: .75;
  }

  .md\:scale-x-90 {
    --tw-scale-x: .9;
  }

  .md\:scale-x-95 {
    --tw-scale-x: .95;
  }

  .md\:scale-x-100 {
    --tw-scale-x: 1;
  }

  .md\:scale-x-105 {
    --tw-scale-x: 1.05;
  }

  .md\:scale-x-110 {
    --tw-scale-x: 1.1;
  }

  .md\:scale-x-125 {
    --tw-scale-x: 1.25;
  }

  .md\:scale-x-150 {
    --tw-scale-x: 1.5;
  }

  .md\:scale-y-0 {
    --tw-scale-y: 0;
  }

  .md\:scale-y-50 {
    --tw-scale-y: .5;
  }

  .md\:scale-y-75 {
    --tw-scale-y: .75;
  }

  .md\:scale-y-90 {
    --tw-scale-y: .9;
  }

  .md\:scale-y-95 {
    --tw-scale-y: .95;
  }

  .md\:scale-y-100 {
    --tw-scale-y: 1;
  }

  .md\:scale-y-105 {
    --tw-scale-y: 1.05;
  }

  .md\:scale-y-110 {
    --tw-scale-y: 1.1;
  }

  .md\:scale-y-125 {
    --tw-scale-y: 1.25;
  }

  .md\:scale-y-150 {
    --tw-scale-y: 1.5;
  }

  .md\:hover\:scale-x-0:hover {
    --tw-scale-x: 0;
  }

  .md\:hover\:scale-x-50:hover {
    --tw-scale-x: .5;
  }

  .md\:hover\:scale-x-75:hover {
    --tw-scale-x: .75;
  }

  .md\:hover\:scale-x-90:hover {
    --tw-scale-x: .9;
  }

  .md\:hover\:scale-x-95:hover {
    --tw-scale-x: .95;
  }

  .md\:hover\:scale-x-100:hover {
    --tw-scale-x: 1;
  }

  .md\:hover\:scale-x-105:hover {
    --tw-scale-x: 1.05;
  }

  .md\:hover\:scale-x-110:hover {
    --tw-scale-x: 1.1;
  }

  .md\:hover\:scale-x-125:hover {
    --tw-scale-x: 1.25;
  }

  .md\:hover\:scale-x-150:hover {
    --tw-scale-x: 1.5;
  }

  .md\:hover\:scale-y-0:hover {
    --tw-scale-y: 0;
  }

  .md\:hover\:scale-y-50:hover {
    --tw-scale-y: .5;
  }

  .md\:hover\:scale-y-75:hover {
    --tw-scale-y: .75;
  }

  .md\:hover\:scale-y-90:hover {
    --tw-scale-y: .9;
  }

  .md\:hover\:scale-y-95:hover {
    --tw-scale-y: .95;
  }

  .md\:hover\:scale-y-100:hover {
    --tw-scale-y: 1;
  }

  .md\:hover\:scale-y-105:hover {
    --tw-scale-y: 1.05;
  }

  .md\:hover\:scale-y-110:hover {
    --tw-scale-y: 1.1;
  }

  .md\:hover\:scale-y-125:hover {
    --tw-scale-y: 1.25;
  }

  .md\:hover\:scale-y-150:hover {
    --tw-scale-y: 1.5;
  }

  .md\:focus\:scale-x-0:focus {
    --tw-scale-x: 0;
  }

  .md\:focus\:scale-x-50:focus {
    --tw-scale-x: .5;
  }

  .md\:focus\:scale-x-75:focus {
    --tw-scale-x: .75;
  }

  .md\:focus\:scale-x-90:focus {
    --tw-scale-x: .9;
  }

  .md\:focus\:scale-x-95:focus {
    --tw-scale-x: .95;
  }

  .md\:focus\:scale-x-100:focus {
    --tw-scale-x: 1;
  }

  .md\:focus\:scale-x-105:focus {
    --tw-scale-x: 1.05;
  }

  .md\:focus\:scale-x-110:focus {
    --tw-scale-x: 1.1;
  }

  .md\:focus\:scale-x-125:focus {
    --tw-scale-x: 1.25;
  }

  .md\:focus\:scale-x-150:focus {
    --tw-scale-x: 1.5;
  }

  .md\:focus\:scale-y-0:focus {
    --tw-scale-y: 0;
  }

  .md\:focus\:scale-y-50:focus {
    --tw-scale-y: .5;
  }

  .md\:focus\:scale-y-75:focus {
    --tw-scale-y: .75;
  }

  .md\:focus\:scale-y-90:focus {
    --tw-scale-y: .9;
  }

  .md\:focus\:scale-y-95:focus {
    --tw-scale-y: .95;
  }

  .md\:focus\:scale-y-100:focus {
    --tw-scale-y: 1;
  }

  .md\:focus\:scale-y-105:focus {
    --tw-scale-y: 1.05;
  }

  .md\:focus\:scale-y-110:focus {
    --tw-scale-y: 1.1;
  }

  .md\:focus\:scale-y-125:focus {
    --tw-scale-y: 1.25;
  }

  .md\:focus\:scale-y-150:focus {
    --tw-scale-y: 1.5;
  }

  .md\:animate-none {
    -webkit-animation: none;
            animation: none;
  }

  .md\:animate-spin {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .md\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .md\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .md\:animate-bounce {
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }

  .md\:cursor-auto {
    cursor: auto;
  }

  .md\:cursor-default {
    cursor: default;
  }

  .md\:cursor-pointer {
    cursor: pointer;
  }

  .md\:cursor-wait {
    cursor: wait;
  }

  .md\:cursor-text {
    cursor: text;
  }

  .md\:cursor-move {
    cursor: move;
  }

  .md\:cursor-help {
    cursor: help;
  }

  .md\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .md\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .md\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .md\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .md\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .md\:resize-none {
    resize: none;
  }

  .md\:resize-y {
    resize: vertical;
  }

  .md\:resize-x {
    resize: horizontal;
  }

  .md\:resize {
    resize: both;
  }

  .md\:list-inside {
    list-style-position: inside;
  }

  .md\:list-outside {
    list-style-position: outside;
  }

  .md\:list-none {
    list-style-type: none;
  }

  .md\:list-disc {
    list-style-type: disc;
  }

  .md\:list-decimal {
    list-style-type: decimal;
  }

  .md\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .md\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .md\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .md\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .md\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .md\:grid-flow-row {
    grid-auto-flow: row;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .md\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .md\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .md\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .md\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-none {
    grid-template-columns: none;
  }

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-rows-none {
    grid-template-rows: none;
  }

  .md\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .md\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .md\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .md\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .md\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .md\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .md\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .md\:place-content-center {
    place-content: center;
  }

  .md\:place-content-start {
    place-content: start;
  }

  .md\:place-content-end {
    place-content: end;
  }

  .md\:place-content-between {
    place-content: space-between;
  }

  .md\:place-content-around {
    place-content: space-around;
  }

  .md\:place-content-evenly {
    place-content: space-evenly;
  }

  .md\:place-content-stretch {
    place-content: stretch;
  }

  .md\:place-items-start {
    place-items: start;
  }

  .md\:place-items-end {
    place-items: end;
  }

  .md\:place-items-center {
    place-items: center;
  }

  .md\:place-items-stretch {
    place-items: stretch;
  }

  .md\:content-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .md\:content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .md\:content-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .md\:content-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .md\:content-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .md\:content-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }

  .md\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .md\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .md\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .md\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .md\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .md\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .md\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .md\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .md\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .md\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .md\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .md\:justify-items-start {
    justify-items: start;
  }

  .md\:justify-items-end {
    justify-items: end;
  }

  .md\:justify-items-center {
    justify-items: center;
  }

  .md\:justify-items-stretch {
    justify-items: stretch;
  }

  .md\:gap-0 {
    gap: 0px;
  }

  .md\:gap-1 {
    gap: 0.25rem;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-7 {
    gap: 1.75rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-9 {
    gap: 2.25rem;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-11 {
    gap: 2.75rem;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-14 {
    gap: 3.5rem;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

  .md\:gap-20 {
    gap: 5rem;
  }

  .md\:gap-24 {
    gap: 6rem;
  }

  .md\:gap-28 {
    gap: 7rem;
  }

  .md\:gap-32 {
    gap: 8rem;
  }

  .md\:gap-36 {
    gap: 9rem;
  }

  .md\:gap-40 {
    gap: 10rem;
  }

  .md\:gap-44 {
    gap: 11rem;
  }

  .md\:gap-48 {
    gap: 12rem;
  }

  .md\:gap-52 {
    gap: 13rem;
  }

  .md\:gap-56 {
    gap: 14rem;
  }

  .md\:gap-60 {
    gap: 15rem;
  }

  .md\:gap-64 {
    gap: 16rem;
  }

  .md\:gap-72 {
    gap: 18rem;
  }

  .md\:gap-80 {
    gap: 20rem;
  }

  .md\:gap-96 {
    gap: 24rem;
  }

  .md\:gap-px {
    gap: 1px;
  }

  .md\:gap-0\.5 {
    gap: 0.125rem;
  }

  .md\:gap-1\.5 {
    gap: 0.375rem;
  }

  .md\:gap-2\.5 {
    gap: 0.625rem;
  }

  .md\:gap-3\.5 {
    gap: 0.875rem;
  }

  .md\:gap-x-0 {
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
  }

  .md\:gap-x-1 {
    -webkit-column-gap: 0.25rem;
       -moz-column-gap: 0.25rem;
            column-gap: 0.25rem;
  }

  .md\:gap-x-2 {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }

  .md\:gap-x-3 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .md\:gap-x-4 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .md\:gap-x-5 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .md\:gap-x-6 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }

  .md\:gap-x-7 {
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;
  }

  .md\:gap-x-8 {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }

  .md\:gap-x-9 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }

  .md\:gap-x-10 {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .md\:gap-x-11 {
    -webkit-column-gap: 2.75rem;
       -moz-column-gap: 2.75rem;
            column-gap: 2.75rem;
  }

  .md\:gap-x-12 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }

  .md\:gap-x-14 {
    -webkit-column-gap: 3.5rem;
       -moz-column-gap: 3.5rem;
            column-gap: 3.5rem;
  }

  .md\:gap-x-16 {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }

  .md\:gap-x-20 {
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .md\:gap-x-24 {
    -webkit-column-gap: 6rem;
       -moz-column-gap: 6rem;
            column-gap: 6rem;
  }

  .md\:gap-x-28 {
    -webkit-column-gap: 7rem;
       -moz-column-gap: 7rem;
            column-gap: 7rem;
  }

  .md\:gap-x-32 {
    -webkit-column-gap: 8rem;
       -moz-column-gap: 8rem;
            column-gap: 8rem;
  }

  .md\:gap-x-36 {
    -webkit-column-gap: 9rem;
       -moz-column-gap: 9rem;
            column-gap: 9rem;
  }

  .md\:gap-x-40 {
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
  }

  .md\:gap-x-44 {
    -webkit-column-gap: 11rem;
       -moz-column-gap: 11rem;
            column-gap: 11rem;
  }

  .md\:gap-x-48 {
    -webkit-column-gap: 12rem;
       -moz-column-gap: 12rem;
            column-gap: 12rem;
  }

  .md\:gap-x-52 {
    -webkit-column-gap: 13rem;
       -moz-column-gap: 13rem;
            column-gap: 13rem;
  }

  .md\:gap-x-56 {
    -webkit-column-gap: 14rem;
       -moz-column-gap: 14rem;
            column-gap: 14rem;
  }

  .md\:gap-x-60 {
    -webkit-column-gap: 15rem;
       -moz-column-gap: 15rem;
            column-gap: 15rem;
  }

  .md\:gap-x-64 {
    -webkit-column-gap: 16rem;
       -moz-column-gap: 16rem;
            column-gap: 16rem;
  }

  .md\:gap-x-72 {
    -webkit-column-gap: 18rem;
       -moz-column-gap: 18rem;
            column-gap: 18rem;
  }

  .md\:gap-x-80 {
    -webkit-column-gap: 20rem;
       -moz-column-gap: 20rem;
            column-gap: 20rem;
  }

  .md\:gap-x-96 {
    -webkit-column-gap: 24rem;
       -moz-column-gap: 24rem;
            column-gap: 24rem;
  }

  .md\:gap-x-px {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }

  .md\:gap-x-0\.5 {
    -webkit-column-gap: 0.125rem;
       -moz-column-gap: 0.125rem;
            column-gap: 0.125rem;
  }

  .md\:gap-x-1\.5 {
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
  }

  .md\:gap-x-2\.5 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }

  .md\:gap-x-3\.5 {
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
  }

  .md\:gap-y-0 {
    row-gap: 0px;
  }

  .md\:gap-y-1 {
    row-gap: 0.25rem;
  }

  .md\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .md\:gap-y-3 {
    row-gap: 0.75rem;
  }

  .md\:gap-y-4 {
    row-gap: 1rem;
  }

  .md\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .md\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .md\:gap-y-7 {
    row-gap: 1.75rem;
  }

  .md\:gap-y-8 {
    row-gap: 2rem;
  }

  .md\:gap-y-9 {
    row-gap: 2.25rem;
  }

  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .md\:gap-y-11 {
    row-gap: 2.75rem;
  }

  .md\:gap-y-12 {
    row-gap: 3rem;
  }

  .md\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .md\:gap-y-16 {
    row-gap: 4rem;
  }

  .md\:gap-y-20 {
    row-gap: 5rem;
  }

  .md\:gap-y-24 {
    row-gap: 6rem;
  }

  .md\:gap-y-28 {
    row-gap: 7rem;
  }

  .md\:gap-y-32 {
    row-gap: 8rem;
  }

  .md\:gap-y-36 {
    row-gap: 9rem;
  }

  .md\:gap-y-40 {
    row-gap: 10rem;
  }

  .md\:gap-y-44 {
    row-gap: 11rem;
  }

  .md\:gap-y-48 {
    row-gap: 12rem;
  }

  .md\:gap-y-52 {
    row-gap: 13rem;
  }

  .md\:gap-y-56 {
    row-gap: 14rem;
  }

  .md\:gap-y-60 {
    row-gap: 15rem;
  }

  .md\:gap-y-64 {
    row-gap: 16rem;
  }

  .md\:gap-y-72 {
    row-gap: 18rem;
  }

  .md\:gap-y-80 {
    row-gap: 20rem;
  }

  .md\:gap-y-96 {
    row-gap: 24rem;
  }

  .md\:gap-y-px {
    row-gap: 1px;
  }

  .md\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }

  .md\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }

  .md\:gap-y-2\.5 {
    row-gap: 0.625rem;
  }

  .md\:gap-y-3\.5 {
    row-gap: 0.875rem;
  }

  .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-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)));
  }

  .md\: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)));
  }

  .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-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)));
  }

  .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\: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)));
  }

  .md\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(6rem * var(--tw-space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(7rem * var(--tw-space-x-reverse));
    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8rem * var(--tw-space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(9rem * var(--tw-space-x-reverse));
    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10rem * var(--tw-space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(11rem * var(--tw-space-x-reverse));
    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12rem * var(--tw-space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(13rem * var(--tw-space-x-reverse));
    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14rem * var(--tw-space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(15rem * var(--tw-space-x-reverse));
    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16rem * var(--tw-space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(18rem * var(--tw-space-x-reverse));
    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(20rem * var(--tw-space-x-reverse));
    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24rem * var(--tw-space-x-reverse));
    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1px * var(--tw-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\: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)));
  }

  .md\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .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-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)));
  }

  .md\:-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)));
  }

  .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-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)));
  }

  .md\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-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)));
  }

  .md\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3rem * var(--tw-space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4rem * var(--tw-space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5rem * var(--tw-space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6rem * var(--tw-space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-7rem * var(--tw-space-x-reverse));
    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8rem * var(--tw-space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-9rem * var(--tw-space-x-reverse));
    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-10rem * var(--tw-space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-11rem * var(--tw-space-x-reverse));
    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-12rem * var(--tw-space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-13rem * var(--tw-space-x-reverse));
    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-14rem * var(--tw-space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-15rem * var(--tw-space-x-reverse));
    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-16rem * var(--tw-space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-18rem * var(--tw-space-x-reverse));
    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-20rem * var(--tw-space-x-reverse));
    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-24rem * var(--tw-space-x-reverse));
    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-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)));
  }

  .md\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.875rem * 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-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));
  }

  .md\: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));
  }

  .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-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));
  }

  .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\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
  }

  .md\: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));
  }

  .md\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * 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-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * var(--tw-space-y-reverse));
  }

  .md\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
  }

  .md\: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));
  }

  .md\: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));
  }

  .md\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.875rem * var(--tw-space-y-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-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));
  }

  .md\:-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));
  }

  .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-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));
  }

  .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\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
  }

  .md\:-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));
  }

  .md\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-3rem * 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-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
  }

  .md\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  }

  .md\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
  }

  .md\:-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));
  }

  .md\:-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));
  }

  .md\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1;
  }

  .md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }

  .md\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px * var(--tw-divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px * var(--tw-divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(8px * var(--tw-divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-x > :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)));
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --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));
  }

  .md\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  }

  .md\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
  }

  .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
  }

  .md\: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));
  }

  .md\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 1;
  }

  .md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  .md\:divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
  }

  .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
  }

  .md\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style: dotted;
  }

  .md\:divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style: double;
  }

  .md\:divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style: none;
  }

  .md\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
    border-color: transparent;
  }

  .md\:divide-current > :not([hidden]) ~ :not([hidden]) {
    border-color: currentColor;
  }

  .md\:divide-black > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
  }

  .md\:divide-white > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
  }

  .md\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
  }

  .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
  }

  .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
  }

  .md\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
  }

  .md\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
  }

  .md\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
  }

  .md\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
  }

  .md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
  }

  .md\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
  }

  .md\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
  }

  .md\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
  }

  .md\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
  }

  .md\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
  }

  .md\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
  }

  .md\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
  }

  .md\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
  }

  .md\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
  }

  .md\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
  }

  .md\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
  }

  .md\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
  }

  .md\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
  }

  .md\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
  }

  .md\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
  }

  .md\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
  }

  .md\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
  }

  .md\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
  }

  .md\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
  }

  .md\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
  }

  .md\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
  }

  .md\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
  }

  .md\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
  }

  .md\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
  }

  .md\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
  }

  .md\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
  }

  .md\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
  }

  .md\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
  }

  .md\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
  }

  .md\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
  }

  .md\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
  }

  .md\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
  }

  .md\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
  }

  .md\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
  }

  .md\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
  }

  .md\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
  }

  .md\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
  }

  .md\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
  }

  .md\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
  }

  .md\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
  }

  .md\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
  }

  .md\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
  }

  .md\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
  }

  .md\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
  }

  .md\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
  }

  .md\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
  }

  .md\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
  }

  .md\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
  }

  .md\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
  }

  .md\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
  }

  .md\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
  }

  .md\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
  }

  .md\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
  }

  .md\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
  }

  .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0;
  }

  .md\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.05;
  }

  .md\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.1;
  }

  .md\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.2;
  }

  .md\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.25;
  }

  .md\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.3;
  }

  .md\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.4;
  }

  .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.5;
  }

  .md\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.6;
  }

  .md\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.7;
  }

  .md\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.75;
  }

  .md\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.8;
  }

  .md\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.9;
  }

  .md\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95;
  }

  .md\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
  }

  .md\:place-self-auto {
    place-self: auto;
  }

  .md\:place-self-start {
    place-self: start;
  }

  .md\:place-self-end {
    place-self: end;
  }

  .md\:place-self-center {
    place-self: center;
  }

  .md\:place-self-stretch {
    place-self: stretch;
  }

  .md\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .md\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .md\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .md\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .md\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .md\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .md\:justify-self-auto {
    justify-self: auto;
  }

  .md\:justify-self-start {
    justify-self: start;
  }

  .md\:justify-self-end {
    justify-self: end;
  }

  .md\:justify-self-center {
    justify-self: center;
  }

  .md\:justify-self-stretch {
    justify-self: stretch;
  }

  .md\:overflow-auto {
    overflow: auto;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:overflow-visible {
    overflow: visible;
  }

  .md\:overflow-scroll {
    overflow: scroll;
  }

  .md\:overflow-x-auto {
    overflow-x: auto;
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .md\:overflow-x-visible {
    overflow-x: visible;
  }

  .md\:overflow-y-visible {
    overflow-y: visible;
  }

  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .md\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .md\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .md\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .md\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .md\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .md\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .md\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .md\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .md\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .md\:overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .md\:overflow-clip {
    text-overflow: clip;
  }

  .md\:whitespace-normal {
    white-space: normal;
  }

  .md\:whitespace-nowrap {
    white-space: nowrap;
  }

  .md\:whitespace-pre {
    white-space: pre;
  }

  .md\:whitespace-pre-line {
    white-space: pre-line;
  }

  .md\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .md\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .md\:break-words {
    overflow-wrap: break-word;
  }

  .md\:break-all {
    word-break: break-all;
  }

  .md\:rounded-none {
    border-radius: 0px;
  }

  .md\:rounded-sm {
    border-radius: 0.125rem;
  }

  .md\:rounded {
    border-radius: 0.25rem;
  }

  .md\:rounded-md {
    border-radius: 0.375rem;
  }

  .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  .md\:rounded-xl {
    border-radius: 0.75rem;
  }

  .md\:rounded-2xl {
    border-radius: 1rem;
  }

  .md\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .md\:rounded-full {
    border-radius: 9999px;
  }

  .md\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .md\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .md\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .md\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .md\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .md\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .md\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .md\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .md\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .md\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .md\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .md\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .md\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .md\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .md\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .md\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-tl-none {
    border-top-left-radius: 0px;
  }

  .md\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .md\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .md\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .md\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .md\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .md\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .md\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .md\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .md\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .md\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .md\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .md\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .md\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .md\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .md\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .md\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .md\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }

  .md\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .md\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .md\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .md\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .md\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .md\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .md\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }

  .md\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:border-2 {
    border-width: 2px;
  }

  .md\:border-4 {
    border-width: 4px;
  }

  .md\:border-8 {
    border-width: 8px;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-t-0 {
    border-top-width: 0px;
  }

  .md\:border-t-2 {
    border-top-width: 2px;
  }

  .md\:border-t-4 {
    border-top-width: 4px;
  }

  .md\:border-t-8 {
    border-top-width: 8px;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

  .md\:border-r-0 {
    border-right-width: 0px;
  }

  .md\:border-r-2 {
    border-right-width: 2px;
  }

  .md\:border-r-4 {
    border-right-width: 4px;
  }

  .md\:border-r-8 {
    border-right-width: 8px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-b-2 {
    border-bottom-width: 2px;
  }

  .md\:border-b-4 {
    border-bottom-width: 4px;
  }

  .md\:border-b-8 {
    border-bottom-width: 8px;
  }

  .md\:border-b {
    border-bottom-width: 1px;
  }

  .md\:border-l-0 {
    border-left-width: 0px;
  }

  .md\:border-l-2 {
    border-left-width: 2px;
  }

  .md\:border-l-4 {
    border-left-width: 4px;
  }

  .md\:border-l-8 {
    border-left-width: 8px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-solid {
    border-style: solid;
  }

  .md\:border-dashed {
    border-style: dashed;
  }

  .md\:border-dotted {
    border-style: dotted;
  }

  .md\:border-double {
    border-style: double;
  }

  .md\:border-none {
    border-style: none;
  }

  .md\:border-transparent {
    border-color: transparent;
  }

  .md\:border-current {
    border-color: currentColor;
  }

  .md\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .md\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .md\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .md\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .md\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .md\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .md\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .md\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .md\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .md\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .md\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .md\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .md\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .md\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .md\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .md\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .md\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .md\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .md\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .md\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .md\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .md\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .md\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .md\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .md\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .md\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .md\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .md\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .md\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .md\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .md\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .md\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .md\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .md\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .md\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .md\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .md\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .md\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .md\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .md\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .md\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .md\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .md\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .md\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .md\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .md\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .md\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .md\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .md\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .md\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .md\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .md\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .md\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .md\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .md\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .md\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .md\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .md\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .md\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .md\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .md\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .md\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .md\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .md\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .md\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .md\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .md\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .md\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .md\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .md\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .md\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .md\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .md\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .md\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .md\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .md\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .md\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .md\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .md\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .md\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .md\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .md\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-transparent {
    border-color: transparent;
  }

  .group:hover .md\:group-hover\:border-current {
    border-color: currentColor;
  }

  .group:hover .md\:group-hover\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .group:hover .md\:group-hover\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-transparent:focus-within {
    border-color: transparent;
  }

  .md\:focus-within\:border-current:focus-within {
    border-color: currentColor;
  }

  .md\:focus-within\:border-black:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-white:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-gray-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-red-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-yellow-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-green-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-blue-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-indigo-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-purple-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .md\:focus-within\:border-pink-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .md\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .md\:hover\:border-current:hover {
    border-color: currentColor;
  }

  .md\:hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .md\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .md\:hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .md\:hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .md\:hover\:border-yellow-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .md\:hover\:border-green-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .md\:hover\:border-blue-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .md\:hover\:border-indigo-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .md\:hover\:border-purple-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .md\:hover\:border-pink-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .md\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .md\:focus\:border-current:focus {
    border-color: currentColor;
  }

  .md\:focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .md\:focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .md\:focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .md\:focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .md\:focus\:border-yellow-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .md\:focus\:border-green-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .md\:focus\:border-blue-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .md\:focus\:border-indigo-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .md\:focus\:border-purple-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .md\:focus\:border-pink-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .md\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .md\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .md\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .md\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .md\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .md\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .md\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .md\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .md\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .md\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .md\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .md\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .md\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .md\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .md\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .group:hover .md\:group-hover\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .group:hover .md\:group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .group:hover .md\:group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .group:hover .md\:group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .group:hover .md\:group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .group:hover .md\:group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .group:hover .md\:group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .group:hover .md\:group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .group:hover .md\:group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .group:hover .md\:group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .group:hover .md\:group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .group:hover .md\:group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .group:hover .md\:group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .group:hover .md\:group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .group:hover .md\:group-hover\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .md\:focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0;
  }

  .md\:focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05;
  }

  .md\:focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1;
  }

  .md\:focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2;
  }

  .md\:focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25;
  }

  .md\:focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3;
  }

  .md\:focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4;
  }

  .md\:focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5;
  }

  .md\:focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6;
  }

  .md\:focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7;
  }

  .md\:focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75;
  }

  .md\:focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8;
  }

  .md\:focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9;
  }

  .md\:focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95;
  }

  .md\:focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1;
  }

  .md\:hover\:border-opacity-0:hover {
    --tw-border-opacity: 0;
  }

  .md\:hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05;
  }

  .md\:hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1;
  }

  .md\:hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2;
  }

  .md\:hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25;
  }

  .md\:hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3;
  }

  .md\:hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4;
  }

  .md\:hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5;
  }

  .md\:hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6;
  }

  .md\:hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7;
  }

  .md\:hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75;
  }

  .md\:hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8;
  }

  .md\:hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9;
  }

  .md\:hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95;
  }

  .md\:hover\:border-opacity-100:hover {
    --tw-border-opacity: 1;
  }

  .md\:focus\:border-opacity-0:focus {
    --tw-border-opacity: 0;
  }

  .md\:focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05;
  }

  .md\:focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1;
  }

  .md\:focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2;
  }

  .md\:focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25;
  }

  .md\:focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3;
  }

  .md\:focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4;
  }

  .md\:focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5;
  }

  .md\:focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6;
  }

  .md\:focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7;
  }

  .md\:focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75;
  }

  .md\:focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8;
  }

  .md\:focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9;
  }

  .md\:focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95;
  }

  .md\:focus\:border-opacity-100:focus {
    --tw-border-opacity: 1;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:bg-current {
    background-color: currentColor;
  }

  .md\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .md\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .md\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .md\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .md\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .md\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .md\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .md\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .md\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .md\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .md\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .md\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .md\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .md\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .md\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .md\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .md\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .md\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .md\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .md\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .md\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .md\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .md\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .md\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .md\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .md\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .md\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .md\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .md\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .md\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .md\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .md\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .md\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .md\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .md\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .md\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .md\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .md\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .md\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .md\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .md\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .md\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .md\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .md\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .md\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .md\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .md\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .md\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .md\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .md\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .md\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .md\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .md\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .md\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .md\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .md\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .md\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .md\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .md\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .md\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .md\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .md\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .md\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .md\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-transparent {
    background-color: transparent;
  }

  .group:hover .md\:group-hover\:bg-current {
    background-color: currentColor;
  }

  .group:hover .md\:group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .group:hover .md\:group-hover\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-transparent:focus-within {
    background-color: transparent;
  }

  .md\:focus-within\:bg-current:focus-within {
    background-color: currentColor;
  }

  .md\:focus-within\:bg-black:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-white:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-gray-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-red-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-yellow-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-green-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-blue-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-indigo-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-purple-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .md\:focus-within\:bg-pink-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .md\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  .md\:hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-green-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-purple-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .md\:hover\:bg-pink-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .md\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  .md\:focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-gray-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-red-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-yellow-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-green-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-indigo-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-purple-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .md\:focus\:bg-pink-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .md\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .md\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .md\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .md\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .md\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .md\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .md\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .md\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .md\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .md\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .md\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .md\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .md\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .md\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .md\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .group:hover .md\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .group:hover .md\:group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .group:hover .md\:group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .group:hover .md\:group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .group:hover .md\:group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .group:hover .md\:group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .group:hover .md\:group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .group:hover .md\:group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .group:hover .md\:group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .group:hover .md\:group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .group:hover .md\:group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .group:hover .md\:group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .group:hover .md\:group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .group:hover .md\:group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .group:hover .md\:group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .md\:focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0;
  }

  .md\:focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05;
  }

  .md\:focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1;
  }

  .md\:focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2;
  }

  .md\:focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25;
  }

  .md\:focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3;
  }

  .md\:focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4;
  }

  .md\:focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5;
  }

  .md\:focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6;
  }

  .md\:focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7;
  }

  .md\:focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75;
  }

  .md\:focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8;
  }

  .md\:focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9;
  }

  .md\:focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95;
  }

  .md\:focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1;
  }

  .md\:hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0;
  }

  .md\:hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
  }

  .md\:hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
  }

  .md\:hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
  }

  .md\:hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25;
  }

  .md\:hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3;
  }

  .md\:hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4;
  }

  .md\:hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5;
  }

  .md\:hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6;
  }

  .md\:hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7;
  }

  .md\:hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75;
  }

  .md\:hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8;
  }

  .md\:hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9;
  }

  .md\:hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95;
  }

  .md\:hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1;
  }

  .md\:focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0;
  }

  .md\:focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05;
  }

  .md\:focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1;
  }

  .md\:focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2;
  }

  .md\:focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25;
  }

  .md\:focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3;
  }

  .md\:focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4;
  }

  .md\:focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5;
  }

  .md\:focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6;
  }

  .md\:focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7;
  }

  .md\:focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75;
  }

  .md\:focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8;
  }

  .md\:focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9;
  }

  .md\:focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95;
  }

  .md\:focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1;
  }

  .md\:bg-none {
    background-image: none;
  }

  .md\:bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-tr {
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-r {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-bl {
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-l {
    background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }

  .md\:bg-gradient-to-tl {
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
  }

  .md\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:from-current {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:from-black {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:from-gray-50 {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .md\:from-gray-100 {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .md\:from-gray-200 {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .md\:from-gray-300 {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .md\:from-gray-400 {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .md\:from-gray-500 {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .md\:from-gray-600 {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .md\:from-gray-700 {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .md\:from-gray-800 {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .md\:from-gray-900 {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .md\:from-red-50 {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .md\:from-red-100 {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .md\:from-red-200 {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .md\:from-red-300 {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .md\:from-red-400 {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .md\:from-red-500 {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .md\:from-red-600 {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .md\:from-red-700 {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .md\:from-red-800 {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .md\:from-red-900 {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .md\:from-yellow-50 {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .md\:from-yellow-100 {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .md\:from-yellow-200 {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .md\:from-yellow-300 {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .md\:from-yellow-400 {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .md\:from-yellow-500 {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .md\:from-yellow-600 {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .md\:from-yellow-700 {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .md\:from-yellow-800 {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .md\:from-yellow-900 {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .md\:from-green-50 {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .md\:from-green-100 {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .md\:from-green-200 {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .md\:from-green-300 {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .md\:from-green-400 {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .md\:from-green-500 {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .md\:from-green-600 {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .md\:from-green-700 {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .md\:from-green-800 {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .md\:from-green-900 {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .md\:from-blue-50 {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .md\:from-blue-100 {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .md\:from-blue-200 {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .md\:from-blue-300 {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .md\:from-blue-400 {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .md\:from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .md\:from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .md\:from-blue-700 {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .md\:from-blue-800 {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .md\:from-blue-900 {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .md\:from-indigo-50 {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .md\:from-indigo-100 {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .md\:from-indigo-200 {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .md\:from-indigo-300 {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .md\:from-indigo-400 {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .md\:from-indigo-500 {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .md\:from-indigo-600 {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .md\:from-indigo-700 {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .md\:from-indigo-800 {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .md\:from-indigo-900 {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .md\:from-purple-50 {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .md\:from-purple-100 {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .md\:from-purple-200 {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .md\:from-purple-300 {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .md\:from-purple-400 {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .md\:from-purple-500 {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .md\:from-purple-600 {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .md\:from-purple-700 {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .md\:from-purple-800 {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .md\:from-purple-900 {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .md\:from-pink-50 {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .md\:from-pink-100 {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .md\:from-pink-200 {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .md\:from-pink-300 {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .md\:from-pink-400 {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .md\:from-pink-500 {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .md\:from-pink-600 {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .md\:from-pink-700 {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .md\:from-pink-800 {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .md\:from-pink-900 {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .md\:hover\:from-transparent:hover {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-current:hover {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-black:hover {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-white:hover {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-gray-50:hover {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .md\:hover\:from-gray-100:hover {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .md\:hover\:from-gray-200:hover {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .md\:hover\:from-gray-300:hover {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .md\:hover\:from-gray-400:hover {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .md\:hover\:from-gray-500:hover {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .md\:hover\:from-gray-600:hover {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .md\:hover\:from-gray-700:hover {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .md\:hover\:from-gray-800:hover {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .md\:hover\:from-gray-900:hover {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .md\:hover\:from-red-50:hover {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .md\:hover\:from-red-100:hover {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .md\:hover\:from-red-200:hover {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .md\:hover\:from-red-300:hover {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .md\:hover\:from-red-400:hover {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .md\:hover\:from-red-500:hover {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .md\:hover\:from-red-600:hover {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .md\:hover\:from-red-700:hover {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .md\:hover\:from-red-800:hover {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .md\:hover\:from-red-900:hover {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .md\:hover\:from-yellow-50:hover {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .md\:hover\:from-yellow-100:hover {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .md\:hover\:from-yellow-200:hover {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .md\:hover\:from-yellow-300:hover {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .md\:hover\:from-yellow-400:hover {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .md\:hover\:from-yellow-500:hover {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .md\:hover\:from-yellow-600:hover {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .md\:hover\:from-yellow-700:hover {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .md\:hover\:from-yellow-800:hover {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .md\:hover\:from-yellow-900:hover {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .md\:hover\:from-green-50:hover {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .md\:hover\:from-green-100:hover {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .md\:hover\:from-green-200:hover {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .md\:hover\:from-green-300:hover {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .md\:hover\:from-green-400:hover {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .md\:hover\:from-green-500:hover {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .md\:hover\:from-green-600:hover {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .md\:hover\:from-green-700:hover {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .md\:hover\:from-green-800:hover {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .md\:hover\:from-green-900:hover {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .md\:hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .md\:hover\:from-blue-100:hover {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .md\:hover\:from-blue-200:hover {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .md\:hover\:from-blue-300:hover {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .md\:hover\:from-blue-400:hover {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .md\:hover\:from-blue-500:hover {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .md\:hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .md\:hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .md\:hover\:from-blue-800:hover {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .md\:hover\:from-blue-900:hover {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .md\:hover\:from-indigo-50:hover {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .md\:hover\:from-indigo-100:hover {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .md\:hover\:from-indigo-200:hover {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .md\:hover\:from-indigo-300:hover {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .md\:hover\:from-indigo-400:hover {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .md\:hover\:from-indigo-500:hover {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .md\:hover\:from-indigo-600:hover {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .md\:hover\:from-indigo-700:hover {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .md\:hover\:from-indigo-800:hover {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .md\:hover\:from-indigo-900:hover {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .md\:hover\:from-purple-50:hover {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .md\:hover\:from-purple-100:hover {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .md\:hover\:from-purple-200:hover {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .md\:hover\:from-purple-300:hover {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .md\:hover\:from-purple-400:hover {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .md\:hover\:from-purple-500:hover {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .md\:hover\:from-purple-600:hover {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .md\:hover\:from-purple-700:hover {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .md\:hover\:from-purple-800:hover {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .md\:hover\:from-purple-900:hover {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .md\:hover\:from-pink-50:hover {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .md\:hover\:from-pink-100:hover {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .md\:hover\:from-pink-200:hover {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .md\:hover\:from-pink-300:hover {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .md\:hover\:from-pink-400:hover {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .md\:hover\:from-pink-500:hover {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .md\:hover\:from-pink-600:hover {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .md\:hover\:from-pink-700:hover {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .md\:hover\:from-pink-800:hover {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .md\:hover\:from-pink-900:hover {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .md\:focus\:from-transparent:focus {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-current:focus {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-black:focus {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-white:focus {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-gray-50:focus {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .md\:focus\:from-gray-100:focus {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .md\:focus\:from-gray-200:focus {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .md\:focus\:from-gray-300:focus {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .md\:focus\:from-gray-400:focus {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .md\:focus\:from-gray-500:focus {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .md\:focus\:from-gray-600:focus {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .md\:focus\:from-gray-700:focus {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .md\:focus\:from-gray-800:focus {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .md\:focus\:from-gray-900:focus {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .md\:focus\:from-red-50:focus {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .md\:focus\:from-red-100:focus {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .md\:focus\:from-red-200:focus {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .md\:focus\:from-red-300:focus {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .md\:focus\:from-red-400:focus {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .md\:focus\:from-red-500:focus {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .md\:focus\:from-red-600:focus {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .md\:focus\:from-red-700:focus {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .md\:focus\:from-red-800:focus {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .md\:focus\:from-red-900:focus {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .md\:focus\:from-yellow-50:focus {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .md\:focus\:from-yellow-100:focus {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .md\:focus\:from-yellow-200:focus {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .md\:focus\:from-yellow-300:focus {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .md\:focus\:from-yellow-400:focus {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .md\:focus\:from-yellow-500:focus {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .md\:focus\:from-yellow-600:focus {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .md\:focus\:from-yellow-700:focus {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .md\:focus\:from-yellow-800:focus {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .md\:focus\:from-yellow-900:focus {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .md\:focus\:from-green-50:focus {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .md\:focus\:from-green-100:focus {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .md\:focus\:from-green-200:focus {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .md\:focus\:from-green-300:focus {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .md\:focus\:from-green-400:focus {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .md\:focus\:from-green-500:focus {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .md\:focus\:from-green-600:focus {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .md\:focus\:from-green-700:focus {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .md\:focus\:from-green-800:focus {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .md\:focus\:from-green-900:focus {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .md\:focus\:from-blue-50:focus {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .md\:focus\:from-blue-100:focus {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .md\:focus\:from-blue-200:focus {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .md\:focus\:from-blue-300:focus {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .md\:focus\:from-blue-400:focus {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .md\:focus\:from-blue-500:focus {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .md\:focus\:from-blue-600:focus {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .md\:focus\:from-blue-700:focus {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .md\:focus\:from-blue-800:focus {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .md\:focus\:from-blue-900:focus {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .md\:focus\:from-indigo-50:focus {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .md\:focus\:from-indigo-100:focus {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .md\:focus\:from-indigo-200:focus {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .md\:focus\:from-indigo-300:focus {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .md\:focus\:from-indigo-400:focus {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .md\:focus\:from-indigo-500:focus {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .md\:focus\:from-indigo-600:focus {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .md\:focus\:from-indigo-700:focus {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .md\:focus\:from-indigo-800:focus {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .md\:focus\:from-indigo-900:focus {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .md\:focus\:from-purple-50:focus {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .md\:focus\:from-purple-100:focus {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .md\:focus\:from-purple-200:focus {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .md\:focus\:from-purple-300:focus {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .md\:focus\:from-purple-400:focus {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .md\:focus\:from-purple-500:focus {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .md\:focus\:from-purple-600:focus {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .md\:focus\:from-purple-700:focus {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .md\:focus\:from-purple-800:focus {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .md\:focus\:from-purple-900:focus {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .md\:focus\:from-pink-50:focus {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .md\:focus\:from-pink-100:focus {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .md\:focus\:from-pink-200:focus {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .md\:focus\:from-pink-300:focus {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .md\:focus\:from-pink-400:focus {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .md\:focus\:from-pink-500:focus {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .md\:focus\:from-pink-600:focus {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .md\:focus\:from-pink-700:focus {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .md\:focus\:from-pink-800:focus {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .md\:focus\:from-pink-900:focus {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .md\:via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:via-current {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:via-black {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:via-gray-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .md\:via-gray-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .md\:via-gray-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .md\:via-gray-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .md\:via-gray-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .md\:via-gray-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .md\:via-gray-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .md\:via-gray-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .md\:via-gray-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .md\:via-gray-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .md\:via-red-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .md\:via-red-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .md\:via-red-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .md\:via-red-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .md\:via-red-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .md\:via-red-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .md\:via-red-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .md\:via-red-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .md\:via-red-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .md\:via-red-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .md\:via-yellow-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .md\:via-yellow-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .md\:via-yellow-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .md\:via-yellow-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .md\:via-yellow-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .md\:via-yellow-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .md\:via-yellow-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .md\:via-yellow-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .md\:via-yellow-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .md\:via-yellow-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .md\:via-green-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .md\:via-green-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .md\:via-green-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .md\:via-green-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .md\:via-green-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .md\:via-green-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .md\:via-green-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .md\:via-green-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .md\:via-green-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .md\:via-green-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .md\:via-blue-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .md\:via-blue-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .md\:via-blue-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .md\:via-blue-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .md\:via-blue-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .md\:via-blue-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .md\:via-blue-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .md\:via-blue-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .md\:via-blue-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .md\:via-blue-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .md\:via-indigo-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .md\:via-indigo-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .md\:via-indigo-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .md\:via-indigo-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .md\:via-indigo-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .md\:via-indigo-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .md\:via-indigo-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .md\:via-indigo-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .md\:via-indigo-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .md\:via-indigo-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .md\:via-purple-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .md\:via-purple-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .md\:via-purple-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .md\:via-purple-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .md\:via-purple-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .md\:via-purple-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .md\:via-purple-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .md\:via-purple-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .md\:via-purple-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .md\:via-purple-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .md\:via-pink-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .md\:via-pink-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .md\:via-pink-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .md\:via-pink-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .md\:via-pink-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .md\:via-pink-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .md\:via-pink-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .md\:via-pink-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .md\:via-pink-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .md\:via-pink-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .md\:hover\:via-transparent:hover {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-current:hover {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-black:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-gray-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .md\:hover\:via-gray-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .md\:hover\:via-gray-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .md\:hover\:via-gray-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .md\:hover\:via-gray-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .md\:hover\:via-gray-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .md\:hover\:via-gray-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .md\:hover\:via-gray-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .md\:hover\:via-gray-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .md\:hover\:via-gray-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .md\:hover\:via-red-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .md\:hover\:via-red-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .md\:hover\:via-red-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .md\:hover\:via-red-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .md\:hover\:via-red-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .md\:hover\:via-red-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .md\:hover\:via-red-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .md\:hover\:via-red-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .md\:hover\:via-red-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .md\:hover\:via-red-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .md\:hover\:via-yellow-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .md\:hover\:via-yellow-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .md\:hover\:via-yellow-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .md\:hover\:via-yellow-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .md\:hover\:via-yellow-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .md\:hover\:via-yellow-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .md\:hover\:via-yellow-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .md\:hover\:via-yellow-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .md\:hover\:via-yellow-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .md\:hover\:via-yellow-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .md\:hover\:via-green-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .md\:hover\:via-green-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .md\:hover\:via-green-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .md\:hover\:via-green-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .md\:hover\:via-green-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .md\:hover\:via-green-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .md\:hover\:via-green-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .md\:hover\:via-green-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .md\:hover\:via-green-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .md\:hover\:via-green-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .md\:hover\:via-blue-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .md\:hover\:via-blue-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .md\:hover\:via-blue-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .md\:hover\:via-blue-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .md\:hover\:via-blue-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .md\:hover\:via-blue-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .md\:hover\:via-blue-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .md\:hover\:via-blue-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .md\:hover\:via-blue-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .md\:hover\:via-blue-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .md\:hover\:via-indigo-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .md\:hover\:via-indigo-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .md\:hover\:via-indigo-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .md\:hover\:via-indigo-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .md\:hover\:via-indigo-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .md\:hover\:via-indigo-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .md\:hover\:via-indigo-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .md\:hover\:via-indigo-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .md\:hover\:via-indigo-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .md\:hover\:via-indigo-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .md\:hover\:via-purple-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .md\:hover\:via-purple-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .md\:hover\:via-purple-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .md\:hover\:via-purple-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .md\:hover\:via-purple-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .md\:hover\:via-purple-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .md\:hover\:via-purple-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .md\:hover\:via-purple-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .md\:hover\:via-purple-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .md\:hover\:via-purple-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .md\:hover\:via-pink-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .md\:hover\:via-pink-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .md\:hover\:via-pink-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .md\:hover\:via-pink-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .md\:hover\:via-pink-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .md\:hover\:via-pink-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .md\:hover\:via-pink-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .md\:hover\:via-pink-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .md\:hover\:via-pink-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .md\:hover\:via-pink-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .md\:focus\:via-transparent:focus {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-current:focus {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-black:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-gray-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .md\:focus\:via-gray-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .md\:focus\:via-gray-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .md\:focus\:via-gray-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .md\:focus\:via-gray-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .md\:focus\:via-gray-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .md\:focus\:via-gray-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .md\:focus\:via-gray-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .md\:focus\:via-gray-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .md\:focus\:via-gray-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .md\:focus\:via-red-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .md\:focus\:via-red-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .md\:focus\:via-red-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .md\:focus\:via-red-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .md\:focus\:via-red-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .md\:focus\:via-red-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .md\:focus\:via-red-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .md\:focus\:via-red-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .md\:focus\:via-red-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .md\:focus\:via-red-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .md\:focus\:via-yellow-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .md\:focus\:via-yellow-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .md\:focus\:via-yellow-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .md\:focus\:via-yellow-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .md\:focus\:via-yellow-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .md\:focus\:via-yellow-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .md\:focus\:via-yellow-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .md\:focus\:via-yellow-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .md\:focus\:via-yellow-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .md\:focus\:via-yellow-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .md\:focus\:via-green-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .md\:focus\:via-green-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .md\:focus\:via-green-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .md\:focus\:via-green-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .md\:focus\:via-green-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .md\:focus\:via-green-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .md\:focus\:via-green-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .md\:focus\:via-green-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .md\:focus\:via-green-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .md\:focus\:via-green-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .md\:focus\:via-blue-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .md\:focus\:via-blue-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .md\:focus\:via-blue-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .md\:focus\:via-blue-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .md\:focus\:via-blue-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .md\:focus\:via-blue-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .md\:focus\:via-blue-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .md\:focus\:via-blue-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .md\:focus\:via-blue-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .md\:focus\:via-blue-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .md\:focus\:via-indigo-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .md\:focus\:via-indigo-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .md\:focus\:via-indigo-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .md\:focus\:via-indigo-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .md\:focus\:via-indigo-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .md\:focus\:via-indigo-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .md\:focus\:via-indigo-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .md\:focus\:via-indigo-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .md\:focus\:via-indigo-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .md\:focus\:via-indigo-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .md\:focus\:via-purple-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .md\:focus\:via-purple-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .md\:focus\:via-purple-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .md\:focus\:via-purple-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .md\:focus\:via-purple-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .md\:focus\:via-purple-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .md\:focus\:via-purple-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .md\:focus\:via-purple-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .md\:focus\:via-purple-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .md\:focus\:via-purple-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .md\:focus\:via-pink-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .md\:focus\:via-pink-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .md\:focus\:via-pink-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .md\:focus\:via-pink-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .md\:focus\:via-pink-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .md\:focus\:via-pink-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .md\:focus\:via-pink-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .md\:focus\:via-pink-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .md\:focus\:via-pink-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .md\:focus\:via-pink-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .md\:to-transparent {
    --tw-gradient-to: transparent;
  }

  .md\:to-current {
    --tw-gradient-to: currentColor;
  }

  .md\:to-black {
    --tw-gradient-to: #000;
  }

  .md\:to-white {
    --tw-gradient-to: #fff;
  }

  .md\:to-gray-50 {
    --tw-gradient-to: #f9fafb;
  }

  .md\:to-gray-100 {
    --tw-gradient-to: #f3f4f6;
  }

  .md\:to-gray-200 {
    --tw-gradient-to: #e5e7eb;
  }

  .md\:to-gray-300 {
    --tw-gradient-to: #d1d5db;
  }

  .md\:to-gray-400 {
    --tw-gradient-to: #9ca3af;
  }

  .md\:to-gray-500 {
    --tw-gradient-to: #6b7280;
  }

  .md\:to-gray-600 {
    --tw-gradient-to: #4b5563;
  }

  .md\:to-gray-700 {
    --tw-gradient-to: #374151;
  }

  .md\:to-gray-800 {
    --tw-gradient-to: #1f2937;
  }

  .md\:to-gray-900 {
    --tw-gradient-to: #111827;
  }

  .md\:to-red-50 {
    --tw-gradient-to: #fef2f2;
  }

  .md\:to-red-100 {
    --tw-gradient-to: #fee2e2;
  }

  .md\:to-red-200 {
    --tw-gradient-to: #fecaca;
  }

  .md\:to-red-300 {
    --tw-gradient-to: #fca5a5;
  }

  .md\:to-red-400 {
    --tw-gradient-to: #f87171;
  }

  .md\:to-red-500 {
    --tw-gradient-to: #ef4444;
  }

  .md\:to-red-600 {
    --tw-gradient-to: #dc2626;
  }

  .md\:to-red-700 {
    --tw-gradient-to: #b91c1c;
  }

  .md\:to-red-800 {
    --tw-gradient-to: #991b1b;
  }

  .md\:to-red-900 {
    --tw-gradient-to: #7f1d1d;
  }

  .md\:to-yellow-50 {
    --tw-gradient-to: #fffbeb;
  }

  .md\:to-yellow-100 {
    --tw-gradient-to: #fef3c7;
  }

  .md\:to-yellow-200 {
    --tw-gradient-to: #fde68a;
  }

  .md\:to-yellow-300 {
    --tw-gradient-to: #fcd34d;
  }

  .md\:to-yellow-400 {
    --tw-gradient-to: #fbbf24;
  }

  .md\:to-yellow-500 {
    --tw-gradient-to: #f59e0b;
  }

  .md\:to-yellow-600 {
    --tw-gradient-to: #d97706;
  }

  .md\:to-yellow-700 {
    --tw-gradient-to: #b45309;
  }

  .md\:to-yellow-800 {
    --tw-gradient-to: #92400e;
  }

  .md\:to-yellow-900 {
    --tw-gradient-to: #78350f;
  }

  .md\:to-green-50 {
    --tw-gradient-to: #ecfdf5;
  }

  .md\:to-green-100 {
    --tw-gradient-to: #d1fae5;
  }

  .md\:to-green-200 {
    --tw-gradient-to: #a7f3d0;
  }

  .md\:to-green-300 {
    --tw-gradient-to: #6ee7b7;
  }

  .md\:to-green-400 {
    --tw-gradient-to: #34d399;
  }

  .md\:to-green-500 {
    --tw-gradient-to: #10b981;
  }

  .md\:to-green-600 {
    --tw-gradient-to: #059669;
  }

  .md\:to-green-700 {
    --tw-gradient-to: #047857;
  }

  .md\:to-green-800 {
    --tw-gradient-to: #065f46;
  }

  .md\:to-green-900 {
    --tw-gradient-to: #064e3b;
  }

  .md\:to-blue-50 {
    --tw-gradient-to: #eff6ff;
  }

  .md\:to-blue-100 {
    --tw-gradient-to: #dbeafe;
  }

  .md\:to-blue-200 {
    --tw-gradient-to: #bfdbfe;
  }

  .md\:to-blue-300 {
    --tw-gradient-to: #93c5fd;
  }

  .md\:to-blue-400 {
    --tw-gradient-to: #60a5fa;
  }

  .md\:to-blue-500 {
    --tw-gradient-to: #3b82f6;
  }

  .md\:to-blue-600 {
    --tw-gradient-to: #2563eb;
  }

  .md\:to-blue-700 {
    --tw-gradient-to: #1d4ed8;
  }

  .md\:to-blue-800 {
    --tw-gradient-to: #1e40af;
  }

  .md\:to-blue-900 {
    --tw-gradient-to: #1e3a8a;
  }

  .md\:to-indigo-50 {
    --tw-gradient-to: #eef2ff;
  }

  .md\:to-indigo-100 {
    --tw-gradient-to: #e0e7ff;
  }

  .md\:to-indigo-200 {
    --tw-gradient-to: #c7d2fe;
  }

  .md\:to-indigo-300 {
    --tw-gradient-to: #a5b4fc;
  }

  .md\:to-indigo-400 {
    --tw-gradient-to: #818cf8;
  }

  .md\:to-indigo-500 {
    --tw-gradient-to: #6366f1;
  }

  .md\:to-indigo-600 {
    --tw-gradient-to: #4f46e5;
  }

  .md\:to-indigo-700 {
    --tw-gradient-to: #4338ca;
  }

  .md\:to-indigo-800 {
    --tw-gradient-to: #3730a3;
  }

  .md\:to-indigo-900 {
    --tw-gradient-to: #312e81;
  }

  .md\:to-purple-50 {
    --tw-gradient-to: #f5f3ff;
  }

  .md\:to-purple-100 {
    --tw-gradient-to: #ede9fe;
  }

  .md\:to-purple-200 {
    --tw-gradient-to: #ddd6fe;
  }

  .md\:to-purple-300 {
    --tw-gradient-to: #c4b5fd;
  }

  .md\:to-purple-400 {
    --tw-gradient-to: #a78bfa;
  }

  .md\:to-purple-500 {
    --tw-gradient-to: #8b5cf6;
  }

  .md\:to-purple-600 {
    --tw-gradient-to: #7c3aed;
  }

  .md\:to-purple-700 {
    --tw-gradient-to: #6d28d9;
  }

  .md\:to-purple-800 {
    --tw-gradient-to: #5b21b6;
  }

  .md\:to-purple-900 {
    --tw-gradient-to: #4c1d95;
  }

  .md\:to-pink-50 {
    --tw-gradient-to: #fdf2f8;
  }

  .md\:to-pink-100 {
    --tw-gradient-to: #fce7f3;
  }

  .md\:to-pink-200 {
    --tw-gradient-to: #fbcfe8;
  }

  .md\:to-pink-300 {
    --tw-gradient-to: #f9a8d4;
  }

  .md\:to-pink-400 {
    --tw-gradient-to: #f472b6;
  }

  .md\:to-pink-500 {
    --tw-gradient-to: #ec4899;
  }

  .md\:to-pink-600 {
    --tw-gradient-to: #db2777;
  }

  .md\:to-pink-700 {
    --tw-gradient-to: #be185d;
  }

  .md\:to-pink-800 {
    --tw-gradient-to: #9d174d;
  }

  .md\:to-pink-900 {
    --tw-gradient-to: #831843;
  }

  .md\:hover\:to-transparent:hover {
    --tw-gradient-to: transparent;
  }

  .md\:hover\:to-current:hover {
    --tw-gradient-to: currentColor;
  }

  .md\:hover\:to-black:hover {
    --tw-gradient-to: #000;
  }

  .md\:hover\:to-white:hover {
    --tw-gradient-to: #fff;
  }

  .md\:hover\:to-gray-50:hover {
    --tw-gradient-to: #f9fafb;
  }

  .md\:hover\:to-gray-100:hover {
    --tw-gradient-to: #f3f4f6;
  }

  .md\:hover\:to-gray-200:hover {
    --tw-gradient-to: #e5e7eb;
  }

  .md\:hover\:to-gray-300:hover {
    --tw-gradient-to: #d1d5db;
  }

  .md\:hover\:to-gray-400:hover {
    --tw-gradient-to: #9ca3af;
  }

  .md\:hover\:to-gray-500:hover {
    --tw-gradient-to: #6b7280;
  }

  .md\:hover\:to-gray-600:hover {
    --tw-gradient-to: #4b5563;
  }

  .md\:hover\:to-gray-700:hover {
    --tw-gradient-to: #374151;
  }

  .md\:hover\:to-gray-800:hover {
    --tw-gradient-to: #1f2937;
  }

  .md\:hover\:to-gray-900:hover {
    --tw-gradient-to: #111827;
  }

  .md\:hover\:to-red-50:hover {
    --tw-gradient-to: #fef2f2;
  }

  .md\:hover\:to-red-100:hover {
    --tw-gradient-to: #fee2e2;
  }

  .md\:hover\:to-red-200:hover {
    --tw-gradient-to: #fecaca;
  }

  .md\:hover\:to-red-300:hover {
    --tw-gradient-to: #fca5a5;
  }

  .md\:hover\:to-red-400:hover {
    --tw-gradient-to: #f87171;
  }

  .md\:hover\:to-red-500:hover {
    --tw-gradient-to: #ef4444;
  }

  .md\:hover\:to-red-600:hover {
    --tw-gradient-to: #dc2626;
  }

  .md\:hover\:to-red-700:hover {
    --tw-gradient-to: #b91c1c;
  }

  .md\:hover\:to-red-800:hover {
    --tw-gradient-to: #991b1b;
  }

  .md\:hover\:to-red-900:hover {
    --tw-gradient-to: #7f1d1d;
  }

  .md\:hover\:to-yellow-50:hover {
    --tw-gradient-to: #fffbeb;
  }

  .md\:hover\:to-yellow-100:hover {
    --tw-gradient-to: #fef3c7;
  }

  .md\:hover\:to-yellow-200:hover {
    --tw-gradient-to: #fde68a;
  }

  .md\:hover\:to-yellow-300:hover {
    --tw-gradient-to: #fcd34d;
  }

  .md\:hover\:to-yellow-400:hover {
    --tw-gradient-to: #fbbf24;
  }

  .md\:hover\:to-yellow-500:hover {
    --tw-gradient-to: #f59e0b;
  }

  .md\:hover\:to-yellow-600:hover {
    --tw-gradient-to: #d97706;
  }

  .md\:hover\:to-yellow-700:hover {
    --tw-gradient-to: #b45309;
  }

  .md\:hover\:to-yellow-800:hover {
    --tw-gradient-to: #92400e;
  }

  .md\:hover\:to-yellow-900:hover {
    --tw-gradient-to: #78350f;
  }

  .md\:hover\:to-green-50:hover {
    --tw-gradient-to: #ecfdf5;
  }

  .md\:hover\:to-green-100:hover {
    --tw-gradient-to: #d1fae5;
  }

  .md\:hover\:to-green-200:hover {
    --tw-gradient-to: #a7f3d0;
  }

  .md\:hover\:to-green-300:hover {
    --tw-gradient-to: #6ee7b7;
  }

  .md\:hover\:to-green-400:hover {
    --tw-gradient-to: #34d399;
  }

  .md\:hover\:to-green-500:hover {
    --tw-gradient-to: #10b981;
  }

  .md\:hover\:to-green-600:hover {
    --tw-gradient-to: #059669;
  }

  .md\:hover\:to-green-700:hover {
    --tw-gradient-to: #047857;
  }

  .md\:hover\:to-green-800:hover {
    --tw-gradient-to: #065f46;
  }

  .md\:hover\:to-green-900:hover {
    --tw-gradient-to: #064e3b;
  }

  .md\:hover\:to-blue-50:hover {
    --tw-gradient-to: #eff6ff;
  }

  .md\:hover\:to-blue-100:hover {
    --tw-gradient-to: #dbeafe;
  }

  .md\:hover\:to-blue-200:hover {
    --tw-gradient-to: #bfdbfe;
  }

  .md\:hover\:to-blue-300:hover {
    --tw-gradient-to: #93c5fd;
  }

  .md\:hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa;
  }

  .md\:hover\:to-blue-500:hover {
    --tw-gradient-to: #3b82f6;
  }

  .md\:hover\:to-blue-600:hover {
    --tw-gradient-to: #2563eb;
  }

  .md\:hover\:to-blue-700:hover {
    --tw-gradient-to: #1d4ed8;
  }

  .md\:hover\:to-blue-800:hover {
    --tw-gradient-to: #1e40af;
  }

  .md\:hover\:to-blue-900:hover {
    --tw-gradient-to: #1e3a8a;
  }

  .md\:hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff;
  }

  .md\:hover\:to-indigo-100:hover {
    --tw-gradient-to: #e0e7ff;
  }

  .md\:hover\:to-indigo-200:hover {
    --tw-gradient-to: #c7d2fe;
  }

  .md\:hover\:to-indigo-300:hover {
    --tw-gradient-to: #a5b4fc;
  }

  .md\:hover\:to-indigo-400:hover {
    --tw-gradient-to: #818cf8;
  }

  .md\:hover\:to-indigo-500:hover {
    --tw-gradient-to: #6366f1;
  }

  .md\:hover\:to-indigo-600:hover {
    --tw-gradient-to: #4f46e5;
  }

  .md\:hover\:to-indigo-700:hover {
    --tw-gradient-to: #4338ca;
  }

  .md\:hover\:to-indigo-800:hover {
    --tw-gradient-to: #3730a3;
  }

  .md\:hover\:to-indigo-900:hover {
    --tw-gradient-to: #312e81;
  }

  .md\:hover\:to-purple-50:hover {
    --tw-gradient-to: #f5f3ff;
  }

  .md\:hover\:to-purple-100:hover {
    --tw-gradient-to: #ede9fe;
  }

  .md\:hover\:to-purple-200:hover {
    --tw-gradient-to: #ddd6fe;
  }

  .md\:hover\:to-purple-300:hover {
    --tw-gradient-to: #c4b5fd;
  }

  .md\:hover\:to-purple-400:hover {
    --tw-gradient-to: #a78bfa;
  }

  .md\:hover\:to-purple-500:hover {
    --tw-gradient-to: #8b5cf6;
  }

  .md\:hover\:to-purple-600:hover {
    --tw-gradient-to: #7c3aed;
  }

  .md\:hover\:to-purple-700:hover {
    --tw-gradient-to: #6d28d9;
  }

  .md\:hover\:to-purple-800:hover {
    --tw-gradient-to: #5b21b6;
  }

  .md\:hover\:to-purple-900:hover {
    --tw-gradient-to: #4c1d95;
  }

  .md\:hover\:to-pink-50:hover {
    --tw-gradient-to: #fdf2f8;
  }

  .md\:hover\:to-pink-100:hover {
    --tw-gradient-to: #fce7f3;
  }

  .md\:hover\:to-pink-200:hover {
    --tw-gradient-to: #fbcfe8;
  }

  .md\:hover\:to-pink-300:hover {
    --tw-gradient-to: #f9a8d4;
  }

  .md\:hover\:to-pink-400:hover {
    --tw-gradient-to: #f472b6;
  }

  .md\:hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899;
  }

  .md\:hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777;
  }

  .md\:hover\:to-pink-700:hover {
    --tw-gradient-to: #be185d;
  }

  .md\:hover\:to-pink-800:hover {
    --tw-gradient-to: #9d174d;
  }

  .md\:hover\:to-pink-900:hover {
    --tw-gradient-to: #831843;
  }

  .md\:focus\:to-transparent:focus {
    --tw-gradient-to: transparent;
  }

  .md\:focus\:to-current:focus {
    --tw-gradient-to: currentColor;
  }

  .md\:focus\:to-black:focus {
    --tw-gradient-to: #000;
  }

  .md\:focus\:to-white:focus {
    --tw-gradient-to: #fff;
  }

  .md\:focus\:to-gray-50:focus {
    --tw-gradient-to: #f9fafb;
  }

  .md\:focus\:to-gray-100:focus {
    --tw-gradient-to: #f3f4f6;
  }

  .md\:focus\:to-gray-200:focus {
    --tw-gradient-to: #e5e7eb;
  }

  .md\:focus\:to-gray-300:focus {
    --tw-gradient-to: #d1d5db;
  }

  .md\:focus\:to-gray-400:focus {
    --tw-gradient-to: #9ca3af;
  }

  .md\:focus\:to-gray-500:focus {
    --tw-gradient-to: #6b7280;
  }

  .md\:focus\:to-gray-600:focus {
    --tw-gradient-to: #4b5563;
  }

  .md\:focus\:to-gray-700:focus {
    --tw-gradient-to: #374151;
  }

  .md\:focus\:to-gray-800:focus {
    --tw-gradient-to: #1f2937;
  }

  .md\:focus\:to-gray-900:focus {
    --tw-gradient-to: #111827;
  }

  .md\:focus\:to-red-50:focus {
    --tw-gradient-to: #fef2f2;
  }

  .md\:focus\:to-red-100:focus {
    --tw-gradient-to: #fee2e2;
  }

  .md\:focus\:to-red-200:focus {
    --tw-gradient-to: #fecaca;
  }

  .md\:focus\:to-red-300:focus {
    --tw-gradient-to: #fca5a5;
  }

  .md\:focus\:to-red-400:focus {
    --tw-gradient-to: #f87171;
  }

  .md\:focus\:to-red-500:focus {
    --tw-gradient-to: #ef4444;
  }

  .md\:focus\:to-red-600:focus {
    --tw-gradient-to: #dc2626;
  }

  .md\:focus\:to-red-700:focus {
    --tw-gradient-to: #b91c1c;
  }

  .md\:focus\:to-red-800:focus {
    --tw-gradient-to: #991b1b;
  }

  .md\:focus\:to-red-900:focus {
    --tw-gradient-to: #7f1d1d;
  }

  .md\:focus\:to-yellow-50:focus {
    --tw-gradient-to: #fffbeb;
  }

  .md\:focus\:to-yellow-100:focus {
    --tw-gradient-to: #fef3c7;
  }

  .md\:focus\:to-yellow-200:focus {
    --tw-gradient-to: #fde68a;
  }

  .md\:focus\:to-yellow-300:focus {
    --tw-gradient-to: #fcd34d;
  }

  .md\:focus\:to-yellow-400:focus {
    --tw-gradient-to: #fbbf24;
  }

  .md\:focus\:to-yellow-500:focus {
    --tw-gradient-to: #f59e0b;
  }

  .md\:focus\:to-yellow-600:focus {
    --tw-gradient-to: #d97706;
  }

  .md\:focus\:to-yellow-700:focus {
    --tw-gradient-to: #b45309;
  }

  .md\:focus\:to-yellow-800:focus {
    --tw-gradient-to: #92400e;
  }

  .md\:focus\:to-yellow-900:focus {
    --tw-gradient-to: #78350f;
  }

  .md\:focus\:to-green-50:focus {
    --tw-gradient-to: #ecfdf5;
  }

  .md\:focus\:to-green-100:focus {
    --tw-gradient-to: #d1fae5;
  }

  .md\:focus\:to-green-200:focus {
    --tw-gradient-to: #a7f3d0;
  }

  .md\:focus\:to-green-300:focus {
    --tw-gradient-to: #6ee7b7;
  }

  .md\:focus\:to-green-400:focus {
    --tw-gradient-to: #34d399;
  }

  .md\:focus\:to-green-500:focus {
    --tw-gradient-to: #10b981;
  }

  .md\:focus\:to-green-600:focus {
    --tw-gradient-to: #059669;
  }

  .md\:focus\:to-green-700:focus {
    --tw-gradient-to: #047857;
  }

  .md\:focus\:to-green-800:focus {
    --tw-gradient-to: #065f46;
  }

  .md\:focus\:to-green-900:focus {
    --tw-gradient-to: #064e3b;
  }

  .md\:focus\:to-blue-50:focus {
    --tw-gradient-to: #eff6ff;
  }

  .md\:focus\:to-blue-100:focus {
    --tw-gradient-to: #dbeafe;
  }

  .md\:focus\:to-blue-200:focus {
    --tw-gradient-to: #bfdbfe;
  }

  .md\:focus\:to-blue-300:focus {
    --tw-gradient-to: #93c5fd;
  }

  .md\:focus\:to-blue-400:focus {
    --tw-gradient-to: #60a5fa;
  }

  .md\:focus\:to-blue-500:focus {
    --tw-gradient-to: #3b82f6;
  }

  .md\:focus\:to-blue-600:focus {
    --tw-gradient-to: #2563eb;
  }

  .md\:focus\:to-blue-700:focus {
    --tw-gradient-to: #1d4ed8;
  }

  .md\:focus\:to-blue-800:focus {
    --tw-gradient-to: #1e40af;
  }

  .md\:focus\:to-blue-900:focus {
    --tw-gradient-to: #1e3a8a;
  }

  .md\:focus\:to-indigo-50:focus {
    --tw-gradient-to: #eef2ff;
  }

  .md\:focus\:to-indigo-100:focus {
    --tw-gradient-to: #e0e7ff;
  }

  .md\:focus\:to-indigo-200:focus {
    --tw-gradient-to: #c7d2fe;
  }

  .md\:focus\:to-indigo-300:focus {
    --tw-gradient-to: #a5b4fc;
  }

  .md\:focus\:to-indigo-400:focus {
    --tw-gradient-to: #818cf8;
  }

  .md\:focus\:to-indigo-500:focus {
    --tw-gradient-to: #6366f1;
  }

  .md\:focus\:to-indigo-600:focus {
    --tw-gradient-to: #4f46e5;
  }

  .md\:focus\:to-indigo-700:focus {
    --tw-gradient-to: #4338ca;
  }

  .md\:focus\:to-indigo-800:focus {
    --tw-gradient-to: #3730a3;
  }

  .md\:focus\:to-indigo-900:focus {
    --tw-gradient-to: #312e81;
  }

  .md\:focus\:to-purple-50:focus {
    --tw-gradient-to: #f5f3ff;
  }

  .md\:focus\:to-purple-100:focus {
    --tw-gradient-to: #ede9fe;
  }

  .md\:focus\:to-purple-200:focus {
    --tw-gradient-to: #ddd6fe;
  }

  .md\:focus\:to-purple-300:focus {
    --tw-gradient-to: #c4b5fd;
  }

  .md\:focus\:to-purple-400:focus {
    --tw-gradient-to: #a78bfa;
  }

  .md\:focus\:to-purple-500:focus {
    --tw-gradient-to: #8b5cf6;
  }

  .md\:focus\:to-purple-600:focus {
    --tw-gradient-to: #7c3aed;
  }

  .md\:focus\:to-purple-700:focus {
    --tw-gradient-to: #6d28d9;
  }

  .md\:focus\:to-purple-800:focus {
    --tw-gradient-to: #5b21b6;
  }

  .md\:focus\:to-purple-900:focus {
    --tw-gradient-to: #4c1d95;
  }

  .md\:focus\:to-pink-50:focus {
    --tw-gradient-to: #fdf2f8;
  }

  .md\:focus\:to-pink-100:focus {
    --tw-gradient-to: #fce7f3;
  }

  .md\:focus\:to-pink-200:focus {
    --tw-gradient-to: #fbcfe8;
  }

  .md\:focus\:to-pink-300:focus {
    --tw-gradient-to: #f9a8d4;
  }

  .md\:focus\:to-pink-400:focus {
    --tw-gradient-to: #f472b6;
  }

  .md\:focus\:to-pink-500:focus {
    --tw-gradient-to: #ec4899;
  }

  .md\:focus\:to-pink-600:focus {
    --tw-gradient-to: #db2777;
  }

  .md\:focus\:to-pink-700:focus {
    --tw-gradient-to: #be185d;
  }

  .md\:focus\:to-pink-800:focus {
    --tw-gradient-to: #9d174d;
  }

  .md\:focus\:to-pink-900:focus {
    --tw-gradient-to: #831843;
  }

  .md\:decoration-slice {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
  }

  .md\:decoration-clone {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }

  .md\:bg-auto {
    background-size: auto;
  }

  .md\:bg-cover {
    background-size: cover;
  }

  .md\:bg-contain {
    background-size: contain;
  }

  .md\:bg-fixed {
    background-attachment: fixed;
  }

  .md\:bg-local {
    background-attachment: local;
  }

  .md\:bg-scroll {
    background-attachment: scroll;
  }

  .md\:bg-clip-border {
    background-clip: border-box;
  }

  .md\:bg-clip-padding {
    background-clip: padding-box;
  }

  .md\:bg-clip-content {
    background-clip: content-box;
  }

  .md\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .md\:bg-bottom {
    background-position: bottom;
  }

  .md\:bg-center {
    background-position: center;
  }

  .md\:bg-left {
    background-position: left;
  }

  .md\:bg-left-bottom {
    background-position: left bottom;
  }

  .md\:bg-left-top {
    background-position: left top;
  }

  .md\:bg-right {
    background-position: right;
  }

  .md\:bg-right-bottom {
    background-position: right bottom;
  }

  .md\:bg-right-top {
    background-position: right top;
  }

  .md\:bg-top {
    background-position: top;
  }

  .md\:bg-repeat {
    background-repeat: repeat;
  }

  .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .md\:bg-repeat-round {
    background-repeat: round;
  }

  .md\:bg-repeat-space {
    background-repeat: space;
  }

  .md\:bg-origin-border {
    background-origin: border-box;
  }

  .md\:bg-origin-padding {
    background-origin: padding-box;
  }

  .md\:bg-origin-content {
    background-origin: content-box;
  }

  .md\:fill-current {
    fill: currentColor;
  }

  .md\:stroke-current {
    stroke: currentColor;
  }

  .md\:stroke-0 {
    stroke-width: 0;
  }

  .md\:stroke-1 {
    stroke-width: 1;
  }

  .md\:stroke-2 {
    stroke-width: 2;
  }

  .md\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .md\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .md\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .md\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .md\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .md\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  .md\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .md\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  .md\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .md\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  .md\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  .md\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .md\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  .md\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-1 {
    padding: 0.25rem;
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

  .md\:p-3 {
    padding: 0.75rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-9 {
    padding: 2.25rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-11 {
    padding: 2.75rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-14 {
    padding: 3.5rem;
  }

  .md\:p-16 {
    padding: 4rem;
  }

  .md\:p-20 {
    padding: 5rem;
  }

  .md\:p-24 {
    padding: 6rem;
  }

  .md\:p-28 {
    padding: 7rem;
  }

  .md\:p-32 {
    padding: 8rem;
  }

  .md\:p-36 {
    padding: 9rem;
  }

  .md\:p-40 {
    padding: 10rem;
  }

  .md\:p-44 {
    padding: 11rem;
  }

  .md\:p-48 {
    padding: 12rem;
  }

  .md\:p-52 {
    padding: 13rem;
  }

  .md\:p-56 {
    padding: 14rem;
  }

  .md\:p-60 {
    padding: 15rem;
  }

  .md\:p-64 {
    padding: 16rem;
  }

  .md\:p-72 {
    padding: 18rem;
  }

  .md\:p-80 {
    padding: 20rem;
  }

  .md\:p-96 {
    padding: 24rem;
  }

  .md\:p-px {
    padding: 1px;
  }

  .md\:p-0\.5 {
    padding: 0.125rem;
  }

  .md\:p-1\.5 {
    padding: 0.375rem;
  }

  .md\:p-2\.5 {
    padding: 0.625rem;
  }

  .md\:p-3\.5 {
    padding: 0.875rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .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\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .md\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .md\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:px-44 {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .md\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .md\:px-52 {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .md\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .md\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .md\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .md\:px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .md\:px-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .md\:px-96 {
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .md\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .md\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .md\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .md\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .md\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .md\:py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }

  .md\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .md\:py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .md\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .md\:py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .md\:py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }

  .md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .md\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .md\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .md\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-1 {
    padding-top: 0.25rem;
  }

  .md\:pt-2 {
    padding-top: 0.5rem;
  }

  .md\:pt-3 {
    padding-top: 0.75rem;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:pt-7 {
    padding-top: 1.75rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:pt-9 {
    padding-top: 2.25rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pt-11 {
    padding-top: 2.75rem;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:pt-14 {
    padding-top: 3.5rem;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pt-28 {
    padding-top: 7rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pt-36 {
    padding-top: 9rem;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:pt-44 {
    padding-top: 11rem;
  }

  .md\:pt-48 {
    padding-top: 12rem;
  }

  .md\:pt-52 {
    padding-top: 13rem;
  }

  .md\:pt-56 {
    padding-top: 14rem;
  }

  .md\:pt-60 {
    padding-top: 15rem;
  }

  .md\:pt-64 {
    padding-top: 16rem;
  }

  .md\:pt-72 {
    padding-top: 18rem;
  }

  .md\:pt-80 {
    padding-top: 20rem;
  }

  .md\:pt-96 {
    padding-top: 24rem;
  }

  .md\:pt-px {
    padding-top: 1px;
  }

  .md\:pt-0\.5 {
    padding-top: 0.125rem;
  }

  .md\:pt-1\.5 {
    padding-top: 0.375rem;
  }

  .md\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .md\:pt-3\.5 {
    padding-top: 0.875rem;
  }

  .md\:pr-0 {
    padding-right: 0px;
  }

  .md\:pr-1 {
    padding-right: 0.25rem;
  }

  .md\:pr-2 {
    padding-right: 0.5rem;
  }

  .md\:pr-3 {
    padding-right: 0.75rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pr-7 {
    padding-right: 1.75rem;
  }

  .md\:pr-8 {
    padding-right: 2rem;
  }

  .md\:pr-9 {
    padding-right: 2.25rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pr-11 {
    padding-right: 2.75rem;
  }

  .md\:pr-12 {
    padding-right: 3rem;
  }

  .md\:pr-14 {
    padding-right: 3.5rem;
  }

  .md\:pr-16 {
    padding-right: 4rem;
  }

  .md\:pr-20 {
    padding-right: 5rem;
  }

  .md\:pr-24 {
    padding-right: 6rem;
  }

  .md\:pr-28 {
    padding-right: 7rem;
  }

  .md\:pr-32 {
    padding-right: 8rem;
  }

  .md\:pr-36 {
    padding-right: 9rem;
  }

  .md\:pr-40 {
    padding-right: 10rem;
  }

  .md\:pr-44 {
    padding-right: 11rem;
  }

  .md\:pr-48 {
    padding-right: 12rem;
  }

  .md\:pr-52 {
    padding-right: 13rem;
  }

  .md\:pr-56 {
    padding-right: 14rem;
  }

  .md\:pr-60 {
    padding-right: 15rem;
  }

  .md\:pr-64 {
    padding-right: 16rem;
  }

  .md\:pr-72 {
    padding-right: 18rem;
  }

  .md\:pr-80 {
    padding-right: 20rem;
  }

  .md\:pr-96 {
    padding-right: 24rem;
  }

  .md\:pr-px {
    padding-right: 1px;
  }

  .md\:pr-0\.5 {
    padding-right: 0.125rem;
  }

  .md\:pr-1\.5 {
    padding-right: 0.375rem;
  }

  .md\:pr-2\.5 {
    padding-right: 0.625rem;
  }

  .md\:pr-3\.5 {
    padding-right: 0.875rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pb-11 {
    padding-bottom: 2.75rem;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pb-28 {
    padding-bottom: 7rem;
  }

  .md\:pb-32 {
    padding-bottom: 8rem;
  }

  .md\:pb-36 {
    padding-bottom: 9rem;
  }

  .md\:pb-40 {
    padding-bottom: 10rem;
  }

  .md\:pb-44 {
    padding-bottom: 11rem;
  }

  .md\:pb-48 {
    padding-bottom: 12rem;
  }

  .md\:pb-52 {
    padding-bottom: 13rem;
  }

  .md\:pb-56 {
    padding-bottom: 14rem;
  }

  .md\:pb-60 {
    padding-bottom: 15rem;
  }

  .md\:pb-64 {
    padding-bottom: 16rem;
  }

  .md\:pb-72 {
    padding-bottom: 18rem;
  }

  .md\:pb-80 {
    padding-bottom: 20rem;
  }

  .md\:pb-96 {
    padding-bottom: 24rem;
  }

  .md\:pb-px {
    padding-bottom: 1px;
  }

  .md\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }

  .md\:pb-1\.5 {
    padding-bottom: 0.375rem;
  }

  .md\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }

  .md\:pb-3\.5 {
    padding-bottom: 0.875rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pl-1 {
    padding-left: 0.25rem;
  }

  .md\:pl-2 {
    padding-left: 0.5rem;
  }

  .md\:pl-3 {
    padding-left: 0.75rem;
  }

  .md\:pl-4 {
    padding-left: 1rem;
  }

  .md\:pl-5 {
    padding-left: 1.25rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:pl-7 {
    padding-left: 1.75rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pl-9 {
    padding-left: 2.25rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pl-11 {
    padding-left: 2.75rem;
  }

  .md\:pl-12 {
    padding-left: 3rem;
  }

  .md\:pl-14 {
    padding-left: 3.5rem;
  }

  .md\:pl-16 {
    padding-left: 4rem;
  }

  .md\:pl-20 {
    padding-left: 5rem;
  }

  .md\:pl-24 {
    padding-left: 6rem;
  }

  .md\:pl-28 {
    padding-left: 7rem;
  }

  .md\:pl-32 {
    padding-left: 8rem;
  }

  .md\:pl-36 {
    padding-left: 9rem;
  }

  .md\:pl-40 {
    padding-left: 10rem;
  }

  .md\:pl-44 {
    padding-left: 11rem;
  }

  .md\:pl-48 {
    padding-left: 12rem;
  }

  .md\:pl-52 {
    padding-left: 13rem;
  }

  .md\:pl-56 {
    padding-left: 14rem;
  }

  .md\:pl-60 {
    padding-left: 15rem;
  }

  .md\:pl-64 {
    padding-left: 16rem;
  }

  .md\:pl-72 {
    padding-left: 18rem;
  }

  .md\:pl-80 {
    padding-left: 20rem;
  }

  .md\:pl-96 {
    padding-left: 24rem;
  }

  .md\:pl-px {
    padding-left: 1px;
  }

  .md\:pl-0\.5 {
    padding-left: 0.125rem;
  }

  .md\:pl-1\.5 {
    padding-left: 0.375rem;
  }

  .md\:pl-2\.5 {
    padding-left: 0.625rem;
  }

  .md\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-justify {
    text-align: justify;
  }

  .md\:align-baseline {
    vertical-align: baseline;
  }

  .md\:align-top {
    vertical-align: top;
  }

  .md\:align-middle {
    vertical-align: middle;
  }

  .md\:align-bottom {
    vertical-align: bottom;
  }

  .md\:align-text-top {
    vertical-align: text-top;
  }

  .md\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .md\:font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .md\:font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .md\:font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .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-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .md\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

  .md\:font-thin {
    font-weight: 100;
  }

  .md\:font-extralight {
    font-weight: 200;
  }

  .md\:font-light {
    font-weight: 300;
  }

  .md\:font-normal {
    font-weight: 400;
  }

  .md\:font-medium {
    font-weight: 500;
  }

  .md\:font-semibold {
    font-weight: 600;
  }

  .md\:font-bold {
    font-weight: 700;
  }

  .md\:font-extrabold {
    font-weight: 800;
  }

  .md\:font-black {
    font-weight: 900;
  }

  .md\:uppercase {
    text-transform: uppercase;
  }

  .md\:lowercase {
    text-transform: lowercase;
  }

  .md\:capitalize {
    text-transform: capitalize;
  }

  .md\:normal-case {
    text-transform: none;
  }

  .md\:italic {
    font-style: italic;
  }

  .md\:not-italic {
    font-style: normal;
  }

  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }

  .md\:normal-nums {
    font-variant-numeric: normal;
  }

  .md\:ordinal {
    --tw-ordinal: ordinal;
  }

  .md\:slashed-zero {
    --tw-slashed-zero: slashed-zero;
  }

  .md\:lining-nums {
    --tw-numeric-figure: lining-nums;
  }

  .md\:oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
  }

  .md\:proportional-nums {
    --tw-numeric-spacing: proportional-nums;
  }

  .md\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
  }

  .md\:diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
  }

  .md\:stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
  }

  .md\:leading-3 {
    line-height: .75rem;
  }

  .md\:leading-4 {
    line-height: 1rem;
  }

  .md\:leading-5 {
    line-height: 1.25rem;
  }

  .md\:leading-6 {
    line-height: 1.5rem;
  }

  .md\:leading-7 {
    line-height: 1.75rem;
  }

  .md\:leading-8 {
    line-height: 2rem;
  }

  .md\:leading-9 {
    line-height: 2.25rem;
  }

  .md\:leading-10 {
    line-height: 2.5rem;
  }

  .md\:leading-none {
    line-height: 1;
  }

  .md\:leading-tight {
    line-height: 1.25;
  }

  .md\:leading-snug {
    line-height: 1.375;
  }

  .md\:leading-normal {
    line-height: 1.5;
  }

  .md\:leading-relaxed {
    line-height: 1.625;
  }

  .md\:leading-loose {
    line-height: 2;
  }

  .md\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .md\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .md\:tracking-normal {
    letter-spacing: 0em;
  }

  .md\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .md\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .md\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .md\:text-transparent {
    color: transparent;
  }

  .md\:text-current {
    color: currentColor;
  }

  .md\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .md\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .md\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .md\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .md\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .md\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .md\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .md\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .md\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .md\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .md\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .md\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .md\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .md\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .md\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .md\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .md\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .md\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .md\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .md\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .md\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .md\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .md\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .md\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .md\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .md\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .md\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .md\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .md\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .md\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .md\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .md\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .md\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .md\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .md\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .md\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .md\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .md\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .md\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .md\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .md\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .md\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .md\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .md\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .md\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .md\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .md\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .md\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .md\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .md\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .md\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .md\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .md\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .md\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .md\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .md\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .md\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .md\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .md\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .md\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .md\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .md\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .md\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .md\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .md\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .md\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .md\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .md\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .md\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .md\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .md\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .md\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .md\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .md\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .md\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .md\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .md\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .md\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .md\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .md\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .md\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .md\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-transparent {
    color: transparent;
  }

  .group:hover .md\:group-hover\:text-current {
    color: currentColor;
  }

  .group:hover .md\:group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .group:hover .md\:group-hover\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-transparent:focus-within {
    color: transparent;
  }

  .md\:focus-within\:text-current:focus-within {
    color: currentColor;
  }

  .md\:focus-within\:text-black:focus-within {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-white:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-gray-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-red-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-yellow-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-green-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-blue-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-indigo-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-purple-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .md\:focus-within\:text-pink-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .md\:hover\:text-transparent:hover {
    color: transparent;
  }

  .md\:hover\:text-current:hover {
    color: currentColor;
  }

  .md\:hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .md\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-50:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .md\:hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .md\:hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-50:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-700:hover {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-800:hover {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .md\:hover\:text-yellow-900:hover {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-300:hover {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-800:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .md\:hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-50:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .md\:hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-200:hover {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-800:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .md\:hover\:text-indigo-900:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-50:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-100:hover {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-800:hover {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .md\:hover\:text-purple-900:hover {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-50:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-100:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-200:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-300:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-400:hover {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-800:hover {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .md\:hover\:text-pink-900:hover {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .md\:focus\:text-transparent:focus {
    color: transparent;
  }

  .md\:focus\:text-current:focus {
    color: currentColor;
  }

  .md\:focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .md\:focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-200:focus {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-300:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .md\:focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-50:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-200:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-400:focus {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-500:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-700:focus {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-800:focus {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .md\:focus\:text-red-900:focus {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-50:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-200:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-400:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-500:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-600:focus {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-700:focus {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-800:focus {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .md\:focus\:text-yellow-900:focus {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-50:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-100:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-200:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-300:focus {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-400:focus {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-500:focus {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-600:focus {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-700:focus {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-800:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .md\:focus\:text-green-900:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-50:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-100:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-200:focus {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-300:focus {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-400:focus {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-500:focus {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-800:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .md\:focus\:text-blue-900:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-50:focus {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-100:focus {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-200:focus {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-300:focus {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-400:focus {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-500:focus {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-600:focus {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-700:focus {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .md\:focus\:text-indigo-900:focus {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-50:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-100:focus {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-200:focus {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-300:focus {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-400:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-500:focus {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-600:focus {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-700:focus {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-800:focus {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .md\:focus\:text-purple-900:focus {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-50:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-100:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-200:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-300:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-400:focus {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-500:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-600:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-700:focus {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-800:focus {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .md\:focus\:text-pink-900:focus {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .md\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .md\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .md\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .md\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .md\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .md\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .md\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .md\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .md\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .md\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .md\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .md\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .md\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .md\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .md\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .group:hover .md\:group-hover\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .group:hover .md\:group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .group:hover .md\:group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .group:hover .md\:group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .group:hover .md\:group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .group:hover .md\:group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .group:hover .md\:group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .group:hover .md\:group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .group:hover .md\:group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .group:hover .md\:group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .group:hover .md\:group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .group:hover .md\:group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .group:hover .md\:group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .group:hover .md\:group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .group:hover .md\:group-hover\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .md\:focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0;
  }

  .md\:focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05;
  }

  .md\:focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1;
  }

  .md\:focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2;
  }

  .md\:focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25;
  }

  .md\:focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3;
  }

  .md\:focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4;
  }

  .md\:focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5;
  }

  .md\:focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6;
  }

  .md\:focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7;
  }

  .md\:focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75;
  }

  .md\:focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8;
  }

  .md\:focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9;
  }

  .md\:focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95;
  }

  .md\:focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1;
  }

  .md\:hover\:text-opacity-0:hover {
    --tw-text-opacity: 0;
  }

  .md\:hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05;
  }

  .md\:hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1;
  }

  .md\:hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2;
  }

  .md\:hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25;
  }

  .md\:hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3;
  }

  .md\:hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4;
  }

  .md\:hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5;
  }

  .md\:hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6;
  }

  .md\:hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7;
  }

  .md\:hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75;
  }

  .md\:hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8;
  }

  .md\:hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9;
  }

  .md\:hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95;
  }

  .md\:hover\:text-opacity-100:hover {
    --tw-text-opacity: 1;
  }

  .md\:focus\:text-opacity-0:focus {
    --tw-text-opacity: 0;
  }

  .md\:focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05;
  }

  .md\:focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1;
  }

  .md\:focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2;
  }

  .md\:focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25;
  }

  .md\:focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3;
  }

  .md\:focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4;
  }

  .md\:focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5;
  }

  .md\:focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6;
  }

  .md\:focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7;
  }

  .md\:focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75;
  }

  .md\:focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8;
  }

  .md\:focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9;
  }

  .md\:focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95;
  }

  .md\:focus\:text-opacity-100:focus {
    --tw-text-opacity: 1;
  }

  .md\:underline {
    text-decoration: underline;
  }

  .md\:line-through {
    text-decoration: line-through;
  }

  .md\:no-underline {
    text-decoration: none;
  }

  .group:hover .md\:group-hover\:underline {
    text-decoration: underline;
  }

  .group:hover .md\:group-hover\:line-through {
    text-decoration: line-through;
  }

  .group:hover .md\:group-hover\:no-underline {
    text-decoration: none;
  }

  .md\:focus-within\:underline:focus-within {
    text-decoration: underline;
  }

  .md\:focus-within\:line-through:focus-within {
    text-decoration: line-through;
  }

  .md\:focus-within\:no-underline:focus-within {
    text-decoration: none;
  }

  .md\:hover\:underline:hover {
    text-decoration: underline;
  }

  .md\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .md\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .md\:focus\:underline:focus {
    text-decoration: underline;
  }

  .md\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .md\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .md\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:placeholder-transparent::-webkit-input-placeholder {
    color: transparent;
  }

  .md\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  .md\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .md\:placeholder-transparent::-ms-input-placeholder {
    color: transparent;
  }

  .md\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .md\:placeholder-current::-webkit-input-placeholder {
    color: currentColor;
  }

  .md\:placeholder-current::-moz-placeholder {
    color: currentColor;
  }

  .md\:placeholder-current:-ms-input-placeholder {
    color: currentColor;
  }

  .md\:placeholder-current::-ms-input-placeholder {
    color: currentColor;
  }

  .md\:placeholder-current::placeholder {
    color: currentColor;
  }

  .md\:placeholder-black::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-black:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-black::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-white::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-white:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-white::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-gray-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-red-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-yellow-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-green-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-blue-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-indigo-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-purple-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-pink-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-current:focus::-webkit-input-placeholder {
    color: currentColor;
  }

  .md\:focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor;
  }

  .md\:focus\:placeholder-current:focus:-ms-input-placeholder {
    color: currentColor;
  }

  .md\:focus\:placeholder-current:focus::-ms-input-placeholder {
    color: currentColor;
  }

  .md\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  .md\:focus\:placeholder-black:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-black:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-black:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-black:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-red-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-green-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-indigo-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:focus\:placeholder-pink-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .md\:placeholder-opacity-0::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-0::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-0:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-0::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-5::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:placeholder-opacity-5::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:placeholder-opacity-5:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:placeholder-opacity-5::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:placeholder-opacity-10::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:placeholder-opacity-10::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:placeholder-opacity-10:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:placeholder-opacity-10::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:placeholder-opacity-20::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:placeholder-opacity-20::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:placeholder-opacity-20:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:placeholder-opacity-20::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:placeholder-opacity-25::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-25::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-25:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-25::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-30::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:placeholder-opacity-30::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:placeholder-opacity-30:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:placeholder-opacity-30::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:placeholder-opacity-40::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:placeholder-opacity-40::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:placeholder-opacity-40:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:placeholder-opacity-40::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:placeholder-opacity-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-50::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:placeholder-opacity-60:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:placeholder-opacity-60::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:placeholder-opacity-70::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:placeholder-opacity-70::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:placeholder-opacity-70:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:placeholder-opacity-70::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:placeholder-opacity-75::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-75::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-75:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-75::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-80::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:placeholder-opacity-80::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:placeholder-opacity-80:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:placeholder-opacity-80::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:placeholder-opacity-90::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:placeholder-opacity-90::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:placeholder-opacity-90:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:placeholder-opacity-90::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:placeholder-opacity-95::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:placeholder-opacity-95::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:placeholder-opacity-95:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:placeholder-opacity-95::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:placeholder-opacity-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:placeholder-opacity-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:placeholder-opacity-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:placeholder-opacity-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .md\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .md\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .md\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .md\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .md\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .md\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .md\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .md\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .md\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .md\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .md\:opacity-5 {
    opacity: 0.05;
  }

  .md\:opacity-10 {
    opacity: 0.1;
  }

  .md\:opacity-20 {
    opacity: 0.2;
  }

  .md\:opacity-25 {
    opacity: 0.25;
  }

  .md\:opacity-30 {
    opacity: 0.3;
  }

  .md\:opacity-40 {
    opacity: 0.4;
  }

  .md\:opacity-50 {
    opacity: 0.5;
  }

  .md\:opacity-60 {
    opacity: 0.6;
  }

  .md\:opacity-70 {
    opacity: 0.7;
  }

  .md\:opacity-75 {
    opacity: 0.75;
  }

  .md\:opacity-80 {
    opacity: 0.8;
  }

  .md\:opacity-90 {
    opacity: 0.9;
  }

  .md\:opacity-95 {
    opacity: 0.95;
  }

  .md\:opacity-100 {
    opacity: 1;
  }

  .group:hover .md\:group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .md\:group-hover\:opacity-5 {
    opacity: 0.05;
  }

  .group:hover .md\:group-hover\:opacity-10 {
    opacity: 0.1;
  }

  .group:hover .md\:group-hover\:opacity-20 {
    opacity: 0.2;
  }

  .group:hover .md\:group-hover\:opacity-25 {
    opacity: 0.25;
  }

  .group:hover .md\:group-hover\:opacity-30 {
    opacity: 0.3;
  }

  .group:hover .md\:group-hover\:opacity-40 {
    opacity: 0.4;
  }

  .group:hover .md\:group-hover\:opacity-50 {
    opacity: 0.5;
  }

  .group:hover .md\:group-hover\:opacity-60 {
    opacity: 0.6;
  }

  .group:hover .md\:group-hover\:opacity-70 {
    opacity: 0.7;
  }

  .group:hover .md\:group-hover\:opacity-75 {
    opacity: 0.75;
  }

  .group:hover .md\:group-hover\:opacity-80 {
    opacity: 0.8;
  }

  .group:hover .md\:group-hover\:opacity-90 {
    opacity: 0.9;
  }

  .group:hover .md\:group-hover\:opacity-95 {
    opacity: 0.95;
  }

  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }

  .md\:focus-within\:opacity-0:focus-within {
    opacity: 0;
  }

  .md\:focus-within\:opacity-5:focus-within {
    opacity: 0.05;
  }

  .md\:focus-within\:opacity-10:focus-within {
    opacity: 0.1;
  }

  .md\:focus-within\:opacity-20:focus-within {
    opacity: 0.2;
  }

  .md\:focus-within\:opacity-25:focus-within {
    opacity: 0.25;
  }

  .md\:focus-within\:opacity-30:focus-within {
    opacity: 0.3;
  }

  .md\:focus-within\:opacity-40:focus-within {
    opacity: 0.4;
  }

  .md\:focus-within\:opacity-50:focus-within {
    opacity: 0.5;
  }

  .md\:focus-within\:opacity-60:focus-within {
    opacity: 0.6;
  }

  .md\:focus-within\:opacity-70:focus-within {
    opacity: 0.7;
  }

  .md\:focus-within\:opacity-75:focus-within {
    opacity: 0.75;
  }

  .md\:focus-within\:opacity-80:focus-within {
    opacity: 0.8;
  }

  .md\:focus-within\:opacity-90:focus-within {
    opacity: 0.9;
  }

  .md\:focus-within\:opacity-95:focus-within {
    opacity: 0.95;
  }

  .md\:focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .md\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .md\:hover\:opacity-5:hover {
    opacity: 0.05;
  }

  .md\:hover\:opacity-10:hover {
    opacity: 0.1;
  }

  .md\:hover\:opacity-20:hover {
    opacity: 0.2;
  }

  .md\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .md\:hover\:opacity-30:hover {
    opacity: 0.3;
  }

  .md\:hover\:opacity-40:hover {
    opacity: 0.4;
  }

  .md\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .md\:hover\:opacity-60:hover {
    opacity: 0.6;
  }

  .md\:hover\:opacity-70:hover {
    opacity: 0.7;
  }

  .md\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .md\:hover\:opacity-80:hover {
    opacity: 0.8;
  }

  .md\:hover\:opacity-90:hover {
    opacity: 0.9;
  }

  .md\:hover\:opacity-95:hover {
    opacity: 0.95;
  }

  .md\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .md\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .md\:focus\:opacity-5:focus {
    opacity: 0.05;
  }

  .md\:focus\:opacity-10:focus {
    opacity: 0.1;
  }

  .md\:focus\:opacity-20:focus {
    opacity: 0.2;
  }

  .md\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .md\:focus\:opacity-30:focus {
    opacity: 0.3;
  }

  .md\:focus\:opacity-40:focus {
    opacity: 0.4;
  }

  .md\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .md\:focus\:opacity-60:focus {
    opacity: 0.6;
  }

  .md\:focus\:opacity-70:focus {
    opacity: 0.7;
  }

  .md\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .md\:focus\:opacity-80:focus {
    opacity: 0.8;
  }

  .md\:focus\:opacity-90:focus {
    opacity: 0.9;
  }

  .md\:focus\:opacity-95:focus {
    opacity: 0.95;
  }

  .md\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .md\:bg-blend-normal {
    background-blend-mode: normal;
  }

  .md\:bg-blend-multiply {
    background-blend-mode: multiply;
  }

  .md\:bg-blend-screen {
    background-blend-mode: screen;
  }

  .md\:bg-blend-overlay {
    background-blend-mode: overlay;
  }

  .md\:bg-blend-darken {
    background-blend-mode: darken;
  }

  .md\:bg-blend-lighten {
    background-blend-mode: lighten;
  }

  .md\:bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .md\:bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .md\:bg-blend-hard-light {
    background-blend-mode: hard-light;
  }

  .md\:bg-blend-soft-light {
    background-blend-mode: soft-light;
  }

  .md\:bg-blend-difference {
    background-blend-mode: difference;
  }

  .md\:bg-blend-exclusion {
    background-blend-mode: exclusion;
  }

  .md\:bg-blend-hue {
    background-blend-mode: hue;
  }

  .md\:bg-blend-saturation {
    background-blend-mode: saturation;
  }

  .md\:bg-blend-color {
    background-blend-mode: color;
  }

  .md\:bg-blend-luminosity {
    background-blend-mode: luminosity;
  }

  .md\:mix-blend-normal {
    mix-blend-mode: normal;
  }

  .md\:mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .md\:mix-blend-screen {
    mix-blend-mode: screen;
  }

  .md\:mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .md\:mix-blend-darken {
    mix-blend-mode: darken;
  }

  .md\:mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .md\:mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .md\:mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .md\:mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  .md\:mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .md\:mix-blend-difference {
    mix-blend-mode: difference;
  }

  .md\:mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }

  .md\:mix-blend-hue {
    mix-blend-mode: hue;
  }

  .md\:mix-blend-saturation {
    mix-blend-mode: saturation;
  }

  .md\:mix-blend-color {
    mix-blend-mode: color;
  }

  .md\:mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .md\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow:focus-within {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-xl:focus-within {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-2xl:focus-within {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-inner:focus-within {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus-within\:shadow-none:focus-within {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-2xl:focus {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-inner:focus {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:focus-within\:outline-white:focus-within {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:focus-within\:outline-black:focus-within {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:ring-8 {
    --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .md\:ring-inset {
    --tw-ring-inset: inset;
  }

  .md\:focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset;
  }

  .md\:focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .md\:ring-transparent {
    --tw-ring-color: transparent;
  }

  .md\:ring-current {
    --tw-ring-color: currentColor;
  }

  .md\:ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .md\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .md\:ring-gray-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .md\:ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .md\:ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .md\:ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .md\:ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .md\:ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .md\:ring-gray-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .md\:ring-gray-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .md\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .md\:ring-gray-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .md\:ring-red-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .md\:ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .md\:ring-red-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .md\:ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .md\:ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .md\:ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .md\:ring-red-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .md\:ring-red-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .md\:ring-red-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .md\:ring-red-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .md\:ring-yellow-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .md\:ring-green-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .md\:ring-green-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .md\:ring-green-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .md\:ring-green-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .md\:ring-green-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .md\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .md\:ring-green-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .md\:ring-green-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .md\:ring-green-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .md\:ring-green-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .md\:ring-blue-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .md\:ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .md\:ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .md\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .md\:ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .md\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .md\:ring-blue-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .md\:ring-blue-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .md\:ring-blue-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .md\:ring-blue-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .md\:ring-indigo-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .md\:ring-purple-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .md\:ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .md\:ring-purple-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .md\:ring-purple-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .md\:ring-purple-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .md\:ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .md\:ring-purple-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .md\:ring-purple-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .md\:ring-purple-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .md\:ring-purple-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .md\:ring-pink-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .md\:ring-pink-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .md\:ring-pink-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .md\:ring-pink-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .md\:ring-pink-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .md\:ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .md\:ring-pink-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .md\:ring-pink-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .md\:ring-pink-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .md\:ring-pink-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }

  .md\:focus-within\:ring-current:focus-within {
    --tw-ring-color: currentColor;
  }

  .md\:focus-within\:ring-black:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-white:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-gray-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-red-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-yellow-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-green-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-blue-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-indigo-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-purple-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .md\:focus-within\:ring-pink-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }

  .md\:focus\:ring-current:focus {
    --tw-ring-color: currentColor;
  }

  .md\:focus\:ring-black:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-green-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-blue-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-indigo-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .md\:focus\:ring-pink-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .md\:ring-opacity-0 {
    --tw-ring-opacity: 0;
  }

  .md\:ring-opacity-5 {
    --tw-ring-opacity: 0.05;
  }

  .md\:ring-opacity-10 {
    --tw-ring-opacity: 0.1;
  }

  .md\:ring-opacity-20 {
    --tw-ring-opacity: 0.2;
  }

  .md\:ring-opacity-25 {
    --tw-ring-opacity: 0.25;
  }

  .md\:ring-opacity-30 {
    --tw-ring-opacity: 0.3;
  }

  .md\:ring-opacity-40 {
    --tw-ring-opacity: 0.4;
  }

  .md\:ring-opacity-50 {
    --tw-ring-opacity: 0.5;
  }

  .md\:ring-opacity-60 {
    --tw-ring-opacity: 0.6;
  }

  .md\:ring-opacity-70 {
    --tw-ring-opacity: 0.7;
  }

  .md\:ring-opacity-75 {
    --tw-ring-opacity: 0.75;
  }

  .md\:ring-opacity-80 {
    --tw-ring-opacity: 0.8;
  }

  .md\:ring-opacity-90 {
    --tw-ring-opacity: 0.9;
  }

  .md\:ring-opacity-95 {
    --tw-ring-opacity: 0.95;
  }

  .md\:ring-opacity-100 {
    --tw-ring-opacity: 1;
  }

  .md\:focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0;
  }

  .md\:focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05;
  }

  .md\:focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1;
  }

  .md\:focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2;
  }

  .md\:focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25;
  }

  .md\:focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3;
  }

  .md\:focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4;
  }

  .md\:focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5;
  }

  .md\:focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6;
  }

  .md\:focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7;
  }

  .md\:focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75;
  }

  .md\:focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8;
  }

  .md\:focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9;
  }

  .md\:focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95;
  }

  .md\:focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1;
  }

  .md\:focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0;
  }

  .md\:focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05;
  }

  .md\:focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1;
  }

  .md\:focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2;
  }

  .md\:focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25;
  }

  .md\:focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3;
  }

  .md\:focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4;
  }

  .md\:focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
  }

  .md\:focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6;
  }

  .md\:focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7;
  }

  .md\:focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75;
  }

  .md\:focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8;
  }

  .md\:focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9;
  }

  .md\:focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95;
  }

  .md\:focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1;
  }

  .md\:ring-offset-0 {
    --tw-ring-offset-width: 0px;
  }

  .md\:ring-offset-1 {
    --tw-ring-offset-width: 1px;
  }

  .md\:ring-offset-2 {
    --tw-ring-offset-width: 2px;
  }

  .md\:ring-offset-4 {
    --tw-ring-offset-width: 4px;
  }

  .md\:ring-offset-8 {
    --tw-ring-offset-width: 8px;
  }

  .md\:focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px;
  }

  .md\:focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px;
  }

  .md\:focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
  }

  .md\:focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px;
  }

  .md\:focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px;
  }

  .md\:focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
  }

  .md\:focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
  }

  .md\:focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }

  .md\:focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px;
  }

  .md\:focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px;
  }

  .md\:ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }

  .md\:ring-offset-current {
    --tw-ring-offset-color: currentColor;
  }

  .md\:ring-offset-black {
    --tw-ring-offset-color: #000;
  }

  .md\:ring-offset-white {
    --tw-ring-offset-color: #fff;
  }

  .md\:ring-offset-gray-50 {
    --tw-ring-offset-color: #f9fafb;
  }

  .md\:ring-offset-gray-100 {
    --tw-ring-offset-color: #f3f4f6;
  }

  .md\:ring-offset-gray-200 {
    --tw-ring-offset-color: #e5e7eb;
  }

  .md\:ring-offset-gray-300 {
    --tw-ring-offset-color: #d1d5db;
  }

  .md\:ring-offset-gray-400 {
    --tw-ring-offset-color: #9ca3af;
  }

  .md\:ring-offset-gray-500 {
    --tw-ring-offset-color: #6b7280;
  }

  .md\:ring-offset-gray-600 {
    --tw-ring-offset-color: #4b5563;
  }

  .md\:ring-offset-gray-700 {
    --tw-ring-offset-color: #374151;
  }

  .md\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937;
  }

  .md\:ring-offset-gray-900 {
    --tw-ring-offset-color: #111827;
  }

  .md\:ring-offset-red-50 {
    --tw-ring-offset-color: #fef2f2;
  }

  .md\:ring-offset-red-100 {
    --tw-ring-offset-color: #fee2e2;
  }

  .md\:ring-offset-red-200 {
    --tw-ring-offset-color: #fecaca;
  }

  .md\:ring-offset-red-300 {
    --tw-ring-offset-color: #fca5a5;
  }

  .md\:ring-offset-red-400 {
    --tw-ring-offset-color: #f87171;
  }

  .md\:ring-offset-red-500 {
    --tw-ring-offset-color: #ef4444;
  }

  .md\:ring-offset-red-600 {
    --tw-ring-offset-color: #dc2626;
  }

  .md\:ring-offset-red-700 {
    --tw-ring-offset-color: #b91c1c;
  }

  .md\:ring-offset-red-800 {
    --tw-ring-offset-color: #991b1b;
  }

  .md\:ring-offset-red-900 {
    --tw-ring-offset-color: #7f1d1d;
  }

  .md\:ring-offset-yellow-50 {
    --tw-ring-offset-color: #fffbeb;
  }

  .md\:ring-offset-yellow-100 {
    --tw-ring-offset-color: #fef3c7;
  }

  .md\:ring-offset-yellow-200 {
    --tw-ring-offset-color: #fde68a;
  }

  .md\:ring-offset-yellow-300 {
    --tw-ring-offset-color: #fcd34d;
  }

  .md\:ring-offset-yellow-400 {
    --tw-ring-offset-color: #fbbf24;
  }

  .md\:ring-offset-yellow-500 {
    --tw-ring-offset-color: #f59e0b;
  }

  .md\:ring-offset-yellow-600 {
    --tw-ring-offset-color: #d97706;
  }

  .md\:ring-offset-yellow-700 {
    --tw-ring-offset-color: #b45309;
  }

  .md\:ring-offset-yellow-800 {
    --tw-ring-offset-color: #92400e;
  }

  .md\:ring-offset-yellow-900 {
    --tw-ring-offset-color: #78350f;
  }

  .md\:ring-offset-green-50 {
    --tw-ring-offset-color: #ecfdf5;
  }

  .md\:ring-offset-green-100 {
    --tw-ring-offset-color: #d1fae5;
  }

  .md\:ring-offset-green-200 {
    --tw-ring-offset-color: #a7f3d0;
  }

  .md\:ring-offset-green-300 {
    --tw-ring-offset-color: #6ee7b7;
  }

  .md\:ring-offset-green-400 {
    --tw-ring-offset-color: #34d399;
  }

  .md\:ring-offset-green-500 {
    --tw-ring-offset-color: #10b981;
  }

  .md\:ring-offset-green-600 {
    --tw-ring-offset-color: #059669;
  }

  .md\:ring-offset-green-700 {
    --tw-ring-offset-color: #047857;
  }

  .md\:ring-offset-green-800 {
    --tw-ring-offset-color: #065f46;
  }

  .md\:ring-offset-green-900 {
    --tw-ring-offset-color: #064e3b;
  }

  .md\:ring-offset-blue-50 {
    --tw-ring-offset-color: #eff6ff;
  }

  .md\:ring-offset-blue-100 {
    --tw-ring-offset-color: #dbeafe;
  }

  .md\:ring-offset-blue-200 {
    --tw-ring-offset-color: #bfdbfe;
  }

  .md\:ring-offset-blue-300 {
    --tw-ring-offset-color: #93c5fd;
  }

  .md\:ring-offset-blue-400 {
    --tw-ring-offset-color: #60a5fa;
  }

  .md\:ring-offset-blue-500 {
    --tw-ring-offset-color: #3b82f6;
  }

  .md\:ring-offset-blue-600 {
    --tw-ring-offset-color: #2563eb;
  }

  .md\:ring-offset-blue-700 {
    --tw-ring-offset-color: #1d4ed8;
  }

  .md\:ring-offset-blue-800 {
    --tw-ring-offset-color: #1e40af;
  }

  .md\:ring-offset-blue-900 {
    --tw-ring-offset-color: #1e3a8a;
  }

  .md\:ring-offset-indigo-50 {
    --tw-ring-offset-color: #eef2ff;
  }

  .md\:ring-offset-indigo-100 {
    --tw-ring-offset-color: #e0e7ff;
  }

  .md\:ring-offset-indigo-200 {
    --tw-ring-offset-color: #c7d2fe;
  }

  .md\:ring-offset-indigo-300 {
    --tw-ring-offset-color: #a5b4fc;
  }

  .md\:ring-offset-indigo-400 {
    --tw-ring-offset-color: #818cf8;
  }

  .md\:ring-offset-indigo-500 {
    --tw-ring-offset-color: #6366f1;
  }

  .md\:ring-offset-indigo-600 {
    --tw-ring-offset-color: #4f46e5;
  }

  .md\:ring-offset-indigo-700 {
    --tw-ring-offset-color: #4338ca;
  }

  .md\:ring-offset-indigo-800 {
    --tw-ring-offset-color: #3730a3;
  }

  .md\:ring-offset-indigo-900 {
    --tw-ring-offset-color: #312e81;
  }

  .md\:ring-offset-purple-50 {
    --tw-ring-offset-color: #f5f3ff;
  }

  .md\:ring-offset-purple-100 {
    --tw-ring-offset-color: #ede9fe;
  }

  .md\:ring-offset-purple-200 {
    --tw-ring-offset-color: #ddd6fe;
  }

  .md\:ring-offset-purple-300 {
    --tw-ring-offset-color: #c4b5fd;
  }

  .md\:ring-offset-purple-400 {
    --tw-ring-offset-color: #a78bfa;
  }

  .md\:ring-offset-purple-500 {
    --tw-ring-offset-color: #8b5cf6;
  }

  .md\:ring-offset-purple-600 {
    --tw-ring-offset-color: #7c3aed;
  }

  .md\:ring-offset-purple-700 {
    --tw-ring-offset-color: #6d28d9;
  }

  .md\:ring-offset-purple-800 {
    --tw-ring-offset-color: #5b21b6;
  }

  .md\:ring-offset-purple-900 {
    --tw-ring-offset-color: #4c1d95;
  }

  .md\:ring-offset-pink-50 {
    --tw-ring-offset-color: #fdf2f8;
  }

  .md\:ring-offset-pink-100 {
    --tw-ring-offset-color: #fce7f3;
  }

  .md\:ring-offset-pink-200 {
    --tw-ring-offset-color: #fbcfe8;
  }

  .md\:ring-offset-pink-300 {
    --tw-ring-offset-color: #f9a8d4;
  }

  .md\:ring-offset-pink-400 {
    --tw-ring-offset-color: #f472b6;
  }

  .md\:ring-offset-pink-500 {
    --tw-ring-offset-color: #ec4899;
  }

  .md\:ring-offset-pink-600 {
    --tw-ring-offset-color: #db2777;
  }

  .md\:ring-offset-pink-700 {
    --tw-ring-offset-color: #be185d;
  }

  .md\:ring-offset-pink-800 {
    --tw-ring-offset-color: #9d174d;
  }

  .md\:ring-offset-pink-900 {
    --tw-ring-offset-color: #831843;
  }

  .md\:focus-within\:ring-offset-transparent:focus-within {
    --tw-ring-offset-color: transparent;
  }

  .md\:focus-within\:ring-offset-current:focus-within {
    --tw-ring-offset-color: currentColor;
  }

  .md\:focus-within\:ring-offset-black:focus-within {
    --tw-ring-offset-color: #000;
  }

  .md\:focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: #fff;
  }

  .md\:focus-within\:ring-offset-gray-50:focus-within {
    --tw-ring-offset-color: #f9fafb;
  }

  .md\:focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6;
  }

  .md\:focus-within\:ring-offset-gray-200:focus-within {
    --tw-ring-offset-color: #e5e7eb;
  }

  .md\:focus-within\:ring-offset-gray-300:focus-within {
    --tw-ring-offset-color: #d1d5db;
  }

  .md\:focus-within\:ring-offset-gray-400:focus-within {
    --tw-ring-offset-color: #9ca3af;
  }

  .md\:focus-within\:ring-offset-gray-500:focus-within {
    --tw-ring-offset-color: #6b7280;
  }

  .md\:focus-within\:ring-offset-gray-600:focus-within {
    --tw-ring-offset-color: #4b5563;
  }

  .md\:focus-within\:ring-offset-gray-700:focus-within {
    --tw-ring-offset-color: #374151;
  }

  .md\:focus-within\:ring-offset-gray-800:focus-within {
    --tw-ring-offset-color: #1f2937;
  }

  .md\:focus-within\:ring-offset-gray-900:focus-within {
    --tw-ring-offset-color: #111827;
  }

  .md\:focus-within\:ring-offset-red-50:focus-within {
    --tw-ring-offset-color: #fef2f2;
  }

  .md\:focus-within\:ring-offset-red-100:focus-within {
    --tw-ring-offset-color: #fee2e2;
  }

  .md\:focus-within\:ring-offset-red-200:focus-within {
    --tw-ring-offset-color: #fecaca;
  }

  .md\:focus-within\:ring-offset-red-300:focus-within {
    --tw-ring-offset-color: #fca5a5;
  }

  .md\:focus-within\:ring-offset-red-400:focus-within {
    --tw-ring-offset-color: #f87171;
  }

  .md\:focus-within\:ring-offset-red-500:focus-within {
    --tw-ring-offset-color: #ef4444;
  }

  .md\:focus-within\:ring-offset-red-600:focus-within {
    --tw-ring-offset-color: #dc2626;
  }

  .md\:focus-within\:ring-offset-red-700:focus-within {
    --tw-ring-offset-color: #b91c1c;
  }

  .md\:focus-within\:ring-offset-red-800:focus-within {
    --tw-ring-offset-color: #991b1b;
  }

  .md\:focus-within\:ring-offset-red-900:focus-within {
    --tw-ring-offset-color: #7f1d1d;
  }

  .md\:focus-within\:ring-offset-yellow-50:focus-within {
    --tw-ring-offset-color: #fffbeb;
  }

  .md\:focus-within\:ring-offset-yellow-100:focus-within {
    --tw-ring-offset-color: #fef3c7;
  }

  .md\:focus-within\:ring-offset-yellow-200:focus-within {
    --tw-ring-offset-color: #fde68a;
  }

  .md\:focus-within\:ring-offset-yellow-300:focus-within {
    --tw-ring-offset-color: #fcd34d;
  }

  .md\:focus-within\:ring-offset-yellow-400:focus-within {
    --tw-ring-offset-color: #fbbf24;
  }

  .md\:focus-within\:ring-offset-yellow-500:focus-within {
    --tw-ring-offset-color: #f59e0b;
  }

  .md\:focus-within\:ring-offset-yellow-600:focus-within {
    --tw-ring-offset-color: #d97706;
  }

  .md\:focus-within\:ring-offset-yellow-700:focus-within {
    --tw-ring-offset-color: #b45309;
  }

  .md\:focus-within\:ring-offset-yellow-800:focus-within {
    --tw-ring-offset-color: #92400e;
  }

  .md\:focus-within\:ring-offset-yellow-900:focus-within {
    --tw-ring-offset-color: #78350f;
  }

  .md\:focus-within\:ring-offset-green-50:focus-within {
    --tw-ring-offset-color: #ecfdf5;
  }

  .md\:focus-within\:ring-offset-green-100:focus-within {
    --tw-ring-offset-color: #d1fae5;
  }

  .md\:focus-within\:ring-offset-green-200:focus-within {
    --tw-ring-offset-color: #a7f3d0;
  }

  .md\:focus-within\:ring-offset-green-300:focus-within {
    --tw-ring-offset-color: #6ee7b7;
  }

  .md\:focus-within\:ring-offset-green-400:focus-within {
    --tw-ring-offset-color: #34d399;
  }

  .md\:focus-within\:ring-offset-green-500:focus-within {
    --tw-ring-offset-color: #10b981;
  }

  .md\:focus-within\:ring-offset-green-600:focus-within {
    --tw-ring-offset-color: #059669;
  }

  .md\:focus-within\:ring-offset-green-700:focus-within {
    --tw-ring-offset-color: #047857;
  }

  .md\:focus-within\:ring-offset-green-800:focus-within {
    --tw-ring-offset-color: #065f46;
  }

  .md\:focus-within\:ring-offset-green-900:focus-within {
    --tw-ring-offset-color: #064e3b;
  }

  .md\:focus-within\:ring-offset-blue-50:focus-within {
    --tw-ring-offset-color: #eff6ff;
  }

  .md\:focus-within\:ring-offset-blue-100:focus-within {
    --tw-ring-offset-color: #dbeafe;
  }

  .md\:focus-within\:ring-offset-blue-200:focus-within {
    --tw-ring-offset-color: #bfdbfe;
  }

  .md\:focus-within\:ring-offset-blue-300:focus-within {
    --tw-ring-offset-color: #93c5fd;
  }

  .md\:focus-within\:ring-offset-blue-400:focus-within {
    --tw-ring-offset-color: #60a5fa;
  }

  .md\:focus-within\:ring-offset-blue-500:focus-within {
    --tw-ring-offset-color: #3b82f6;
  }

  .md\:focus-within\:ring-offset-blue-600:focus-within {
    --tw-ring-offset-color: #2563eb;
  }

  .md\:focus-within\:ring-offset-blue-700:focus-within {
    --tw-ring-offset-color: #1d4ed8;
  }

  .md\:focus-within\:ring-offset-blue-800:focus-within {
    --tw-ring-offset-color: #1e40af;
  }

  .md\:focus-within\:ring-offset-blue-900:focus-within {
    --tw-ring-offset-color: #1e3a8a;
  }

  .md\:focus-within\:ring-offset-indigo-50:focus-within {
    --tw-ring-offset-color: #eef2ff;
  }

  .md\:focus-within\:ring-offset-indigo-100:focus-within {
    --tw-ring-offset-color: #e0e7ff;
  }

  .md\:focus-within\:ring-offset-indigo-200:focus-within {
    --tw-ring-offset-color: #c7d2fe;
  }

  .md\:focus-within\:ring-offset-indigo-300:focus-within {
    --tw-ring-offset-color: #a5b4fc;
  }

  .md\:focus-within\:ring-offset-indigo-400:focus-within {
    --tw-ring-offset-color: #818cf8;
  }

  .md\:focus-within\:ring-offset-indigo-500:focus-within {
    --tw-ring-offset-color: #6366f1;
  }

  .md\:focus-within\:ring-offset-indigo-600:focus-within {
    --tw-ring-offset-color: #4f46e5;
  }

  .md\:focus-within\:ring-offset-indigo-700:focus-within {
    --tw-ring-offset-color: #4338ca;
  }

  .md\:focus-within\:ring-offset-indigo-800:focus-within {
    --tw-ring-offset-color: #3730a3;
  }

  .md\:focus-within\:ring-offset-indigo-900:focus-within {
    --tw-ring-offset-color: #312e81;
  }

  .md\:focus-within\:ring-offset-purple-50:focus-within {
    --tw-ring-offset-color: #f5f3ff;
  }

  .md\:focus-within\:ring-offset-purple-100:focus-within {
    --tw-ring-offset-color: #ede9fe;
  }

  .md\:focus-within\:ring-offset-purple-200:focus-within {
    --tw-ring-offset-color: #ddd6fe;
  }

  .md\:focus-within\:ring-offset-purple-300:focus-within {
    --tw-ring-offset-color: #c4b5fd;
  }

  .md\:focus-within\:ring-offset-purple-400:focus-within {
    --tw-ring-offset-color: #a78bfa;
  }

  .md\:focus-within\:ring-offset-purple-500:focus-within {
    --tw-ring-offset-color: #8b5cf6;
  }

  .md\:focus-within\:ring-offset-purple-600:focus-within {
    --tw-ring-offset-color: #7c3aed;
  }

  .md\:focus-within\:ring-offset-purple-700:focus-within {
    --tw-ring-offset-color: #6d28d9;
  }

  .md\:focus-within\:ring-offset-purple-800:focus-within {
    --tw-ring-offset-color: #5b21b6;
  }

  .md\:focus-within\:ring-offset-purple-900:focus-within {
    --tw-ring-offset-color: #4c1d95;
  }

  .md\:focus-within\:ring-offset-pink-50:focus-within {
    --tw-ring-offset-color: #fdf2f8;
  }

  .md\:focus-within\:ring-offset-pink-100:focus-within {
    --tw-ring-offset-color: #fce7f3;
  }

  .md\:focus-within\:ring-offset-pink-200:focus-within {
    --tw-ring-offset-color: #fbcfe8;
  }

  .md\:focus-within\:ring-offset-pink-300:focus-within {
    --tw-ring-offset-color: #f9a8d4;
  }

  .md\:focus-within\:ring-offset-pink-400:focus-within {
    --tw-ring-offset-color: #f472b6;
  }

  .md\:focus-within\:ring-offset-pink-500:focus-within {
    --tw-ring-offset-color: #ec4899;
  }

  .md\:focus-within\:ring-offset-pink-600:focus-within {
    --tw-ring-offset-color: #db2777;
  }

  .md\:focus-within\:ring-offset-pink-700:focus-within {
    --tw-ring-offset-color: #be185d;
  }

  .md\:focus-within\:ring-offset-pink-800:focus-within {
    --tw-ring-offset-color: #9d174d;
  }

  .md\:focus-within\:ring-offset-pink-900:focus-within {
    --tw-ring-offset-color: #831843;
  }

  .md\:focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent;
  }

  .md\:focus\:ring-offset-current:focus {
    --tw-ring-offset-color: currentColor;
  }

  .md\:focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000;
  }

  .md\:focus\:ring-offset-white:focus {
    --tw-ring-offset-color: #fff;
  }

  .md\:focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb;
  }

  .md\:focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: #f3f4f6;
  }

  .md\:focus\:ring-offset-gray-200:focus {
    --tw-ring-offset-color: #e5e7eb;
  }

  .md\:focus\:ring-offset-gray-300:focus {
    --tw-ring-offset-color: #d1d5db;
  }

  .md\:focus\:ring-offset-gray-400:focus {
    --tw-ring-offset-color: #9ca3af;
  }

  .md\:focus\:ring-offset-gray-500:focus {
    --tw-ring-offset-color: #6b7280;
  }

  .md\:focus\:ring-offset-gray-600:focus {
    --tw-ring-offset-color: #4b5563;
  }

  .md\:focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151;
  }

  .md\:focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1f2937;
  }

  .md\:focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color: #111827;
  }

  .md\:focus\:ring-offset-red-50:focus {
    --tw-ring-offset-color: #fef2f2;
  }

  .md\:focus\:ring-offset-red-100:focus {
    --tw-ring-offset-color: #fee2e2;
  }

  .md\:focus\:ring-offset-red-200:focus {
    --tw-ring-offset-color: #fecaca;
  }

  .md\:focus\:ring-offset-red-300:focus {
    --tw-ring-offset-color: #fca5a5;
  }

  .md\:focus\:ring-offset-red-400:focus {
    --tw-ring-offset-color: #f87171;
  }

  .md\:focus\:ring-offset-red-500:focus {
    --tw-ring-offset-color: #ef4444;
  }

  .md\:focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626;
  }

  .md\:focus\:ring-offset-red-700:focus {
    --tw-ring-offset-color: #b91c1c;
  }

  .md\:focus\:ring-offset-red-800:focus {
    --tw-ring-offset-color: #991b1b;
  }

  .md\:focus\:ring-offset-red-900:focus {
    --tw-ring-offset-color: #7f1d1d;
  }

  .md\:focus\:ring-offset-yellow-50:focus {
    --tw-ring-offset-color: #fffbeb;
  }

  .md\:focus\:ring-offset-yellow-100:focus {
    --tw-ring-offset-color: #fef3c7;
  }

  .md\:focus\:ring-offset-yellow-200:focus {
    --tw-ring-offset-color: #fde68a;
  }

  .md\:focus\:ring-offset-yellow-300:focus {
    --tw-ring-offset-color: #fcd34d;
  }

  .md\:focus\:ring-offset-yellow-400:focus {
    --tw-ring-offset-color: #fbbf24;
  }

  .md\:focus\:ring-offset-yellow-500:focus {
    --tw-ring-offset-color: #f59e0b;
  }

  .md\:focus\:ring-offset-yellow-600:focus {
    --tw-ring-offset-color: #d97706;
  }

  .md\:focus\:ring-offset-yellow-700:focus {
    --tw-ring-offset-color: #b45309;
  }

  .md\:focus\:ring-offset-yellow-800:focus {
    --tw-ring-offset-color: #92400e;
  }

  .md\:focus\:ring-offset-yellow-900:focus {
    --tw-ring-offset-color: #78350f;
  }

  .md\:focus\:ring-offset-green-50:focus {
    --tw-ring-offset-color: #ecfdf5;
  }

  .md\:focus\:ring-offset-green-100:focus {
    --tw-ring-offset-color: #d1fae5;
  }

  .md\:focus\:ring-offset-green-200:focus {
    --tw-ring-offset-color: #a7f3d0;
  }

  .md\:focus\:ring-offset-green-300:focus {
    --tw-ring-offset-color: #6ee7b7;
  }

  .md\:focus\:ring-offset-green-400:focus {
    --tw-ring-offset-color: #34d399;
  }

  .md\:focus\:ring-offset-green-500:focus {
    --tw-ring-offset-color: #10b981;
  }

  .md\:focus\:ring-offset-green-600:focus {
    --tw-ring-offset-color: #059669;
  }

  .md\:focus\:ring-offset-green-700:focus {
    --tw-ring-offset-color: #047857;
  }

  .md\:focus\:ring-offset-green-800:focus {
    --tw-ring-offset-color: #065f46;
  }

  .md\:focus\:ring-offset-green-900:focus {
    --tw-ring-offset-color: #064e3b;
  }

  .md\:focus\:ring-offset-blue-50:focus {
    --tw-ring-offset-color: #eff6ff;
  }

  .md\:focus\:ring-offset-blue-100:focus {
    --tw-ring-offset-color: #dbeafe;
  }

  .md\:focus\:ring-offset-blue-200:focus {
    --tw-ring-offset-color: #bfdbfe;
  }

  .md\:focus\:ring-offset-blue-300:focus {
    --tw-ring-offset-color: #93c5fd;
  }

  .md\:focus\:ring-offset-blue-400:focus {
    --tw-ring-offset-color: #60a5fa;
  }

  .md\:focus\:ring-offset-blue-500:focus {
    --tw-ring-offset-color: #3b82f6;
  }

  .md\:focus\:ring-offset-blue-600:focus {
    --tw-ring-offset-color: #2563eb;
  }

  .md\:focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8;
  }

  .md\:focus\:ring-offset-blue-800:focus {
    --tw-ring-offset-color: #1e40af;
  }

  .md\:focus\:ring-offset-blue-900:focus {
    --tw-ring-offset-color: #1e3a8a;
  }

  .md\:focus\:ring-offset-indigo-50:focus {
    --tw-ring-offset-color: #eef2ff;
  }

  .md\:focus\:ring-offset-indigo-100:focus {
    --tw-ring-offset-color: #e0e7ff;
  }

  .md\:focus\:ring-offset-indigo-200:focus {
    --tw-ring-offset-color: #c7d2fe;
  }

  .md\:focus\:ring-offset-indigo-300:focus {
    --tw-ring-offset-color: #a5b4fc;
  }

  .md\:focus\:ring-offset-indigo-400:focus {
    --tw-ring-offset-color: #818cf8;
  }

  .md\:focus\:ring-offset-indigo-500:focus {
    --tw-ring-offset-color: #6366f1;
  }

  .md\:focus\:ring-offset-indigo-600:focus {
    --tw-ring-offset-color: #4f46e5;
  }

  .md\:focus\:ring-offset-indigo-700:focus {
    --tw-ring-offset-color: #4338ca;
  }

  .md\:focus\:ring-offset-indigo-800:focus {
    --tw-ring-offset-color: #3730a3;
  }

  .md\:focus\:ring-offset-indigo-900:focus {
    --tw-ring-offset-color: #312e81;
  }

  .md\:focus\:ring-offset-purple-50:focus {
    --tw-ring-offset-color: #f5f3ff;
  }

  .md\:focus\:ring-offset-purple-100:focus {
    --tw-ring-offset-color: #ede9fe;
  }

  .md\:focus\:ring-offset-purple-200:focus {
    --tw-ring-offset-color: #ddd6fe;
  }

  .md\:focus\:ring-offset-purple-300:focus {
    --tw-ring-offset-color: #c4b5fd;
  }

  .md\:focus\:ring-offset-purple-400:focus {
    --tw-ring-offset-color: #a78bfa;
  }

  .md\:focus\:ring-offset-purple-500:focus {
    --tw-ring-offset-color: #8b5cf6;
  }

  .md\:focus\:ring-offset-purple-600:focus {
    --tw-ring-offset-color: #7c3aed;
  }

  .md\:focus\:ring-offset-purple-700:focus {
    --tw-ring-offset-color: #6d28d9;
  }

  .md\:focus\:ring-offset-purple-800:focus {
    --tw-ring-offset-color: #5b21b6;
  }

  .md\:focus\:ring-offset-purple-900:focus {
    --tw-ring-offset-color: #4c1d95;
  }

  .md\:focus\:ring-offset-pink-50:focus {
    --tw-ring-offset-color: #fdf2f8;
  }

  .md\:focus\:ring-offset-pink-100:focus {
    --tw-ring-offset-color: #fce7f3;
  }

  .md\:focus\:ring-offset-pink-200:focus {
    --tw-ring-offset-color: #fbcfe8;
  }

  .md\:focus\:ring-offset-pink-300:focus {
    --tw-ring-offset-color: #f9a8d4;
  }

  .md\:focus\:ring-offset-pink-400:focus {
    --tw-ring-offset-color: #f472b6;
  }

  .md\:focus\:ring-offset-pink-500:focus {
    --tw-ring-offset-color: #ec4899;
  }

  .md\:focus\:ring-offset-pink-600:focus {
    --tw-ring-offset-color: #db2777;
  }

  .md\:focus\:ring-offset-pink-700:focus {
    --tw-ring-offset-color: #be185d;
  }

  .md\:focus\:ring-offset-pink-800:focus {
    --tw-ring-offset-color: #9d174d;
  }

  .md\:focus\:ring-offset-pink-900:focus {
    --tw-ring-offset-color: #831843;
  }

  .md\:filter {
    --tw-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
    -webkit-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: 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);
  }

  .md\:filter-none {
    -webkit-filter: none;
            filter: none;
  }

  .md\:blur-0 {
    --tw-blur: blur(0);
  }

  .md\:blur-none {
    --tw-blur: blur(0);
  }

  .md\:blur-sm {
    --tw-blur: blur(4px);
  }

  .md\:blur {
    --tw-blur: blur(8px);
  }

  .md\:blur-md {
    --tw-blur: blur(12px);
  }

  .md\:blur-lg {
    --tw-blur: blur(16px);
  }

  .md\:blur-xl {
    --tw-blur: blur(24px);
  }

  .md\:blur-2xl {
    --tw-blur: blur(40px);
  }

  .md\:blur-3xl {
    --tw-blur: blur(64px);
  }

  .md\:brightness-0 {
    --tw-brightness: brightness(0);
  }

  .md\:brightness-50 {
    --tw-brightness: brightness(.5);
  }

  .md\:brightness-75 {
    --tw-brightness: brightness(.75);
  }

  .md\:brightness-90 {
    --tw-brightness: brightness(.9);
  }

  .md\:brightness-95 {
    --tw-brightness: brightness(.95);
  }

  .md\:brightness-100 {
    --tw-brightness: brightness(1);
  }

  .md\:brightness-105 {
    --tw-brightness: brightness(1.05);
  }

  .md\:brightness-110 {
    --tw-brightness: brightness(1.1);
  }

  .md\:brightness-125 {
    --tw-brightness: brightness(1.25);
  }

  .md\:brightness-150 {
    --tw-brightness: brightness(1.5);
  }

  .md\:brightness-200 {
    --tw-brightness: brightness(2);
  }

  .md\:contrast-0 {
    --tw-contrast: contrast(0);
  }

  .md\:contrast-50 {
    --tw-contrast: contrast(.5);
  }

  .md\:contrast-75 {
    --tw-contrast: contrast(.75);
  }

  .md\:contrast-100 {
    --tw-contrast: contrast(1);
  }

  .md\:contrast-125 {
    --tw-contrast: contrast(1.25);
  }

  .md\:contrast-150 {
    --tw-contrast: contrast(1.5);
  }

  .md\:contrast-200 {
    --tw-contrast: contrast(2);
  }

  .md\:drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
  }

  .md\:drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
  }

  .md\:drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
  }

  .md\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
  }

  .md\:drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  }

  .md\:drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  }

  .md\:drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
  }

  .md\:grayscale-0 {
    --tw-grayscale: grayscale(0);
  }

  .md\:grayscale {
    --tw-grayscale: grayscale(100%);
  }

  .md\:hue-rotate-0 {
    --tw-hue-rotate: hue-rotate(0deg);
  }

  .md\:hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(15deg);
  }

  .md\:hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg);
  }

  .md\:hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(60deg);
  }

  .md\:hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(90deg);
  }

  .md\:hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg);
  }

  .md\:-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(-180deg);
  }

  .md\:-hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(-90deg);
  }

  .md\:-hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(-60deg);
  }

  .md\:-hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(-30deg);
  }

  .md\:-hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(-15deg);
  }

  .md\:invert-0 {
    --tw-invert: invert(0);
  }

  .md\:invert {
    --tw-invert: invert(100%);
  }

  .md\:saturate-0 {
    --tw-saturate: saturate(0);
  }

  .md\:saturate-50 {
    --tw-saturate: saturate(.5);
  }

  .md\:saturate-100 {
    --tw-saturate: saturate(1);
  }

  .md\:saturate-150 {
    --tw-saturate: saturate(1.5);
  }

  .md\:saturate-200 {
    --tw-saturate: saturate(2);
  }

  .md\:sepia-0 {
    --tw-sepia: sepia(0);
  }

  .md\:sepia {
    --tw-sepia: sepia(100%);
  }

  .md\:backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
    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);
  }

  .md\:backdrop-filter-none {
    backdrop-filter: none;
  }

  .md\:backdrop-blur-0 {
    --tw-backdrop-blur: blur(0);
  }

  .md\:backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
  }

  .md\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
  }

  .md\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
  }

  .md\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
  }

  .md\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
  }

  .md\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
  }

  .md\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
  }

  .md\:backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
  }

  .md\:backdrop-brightness-0 {
    --tw-backdrop-brightness: brightness(0);
  }

  .md\:backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
  }

  .md\:backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75);
  }

  .md\:backdrop-brightness-90 {
    --tw-backdrop-brightness: brightness(.9);
  }

  .md\:backdrop-brightness-95 {
    --tw-backdrop-brightness: brightness(.95);
  }

  .md\:backdrop-brightness-100 {
    --tw-backdrop-brightness: brightness(1);
  }

  .md\:backdrop-brightness-105 {
    --tw-backdrop-brightness: brightness(1.05);
  }

  .md\:backdrop-brightness-110 {
    --tw-backdrop-brightness: brightness(1.1);
  }

  .md\:backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(1.25);
  }

  .md\:backdrop-brightness-150 {
    --tw-backdrop-brightness: brightness(1.5);
  }

  .md\:backdrop-brightness-200 {
    --tw-backdrop-brightness: brightness(2);
  }

  .md\:backdrop-contrast-0 {
    --tw-backdrop-contrast: contrast(0);
  }

  .md\:backdrop-contrast-50 {
    --tw-backdrop-contrast: contrast(.5);
  }

  .md\:backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75);
  }

  .md\:backdrop-contrast-100 {
    --tw-backdrop-contrast: contrast(1);
  }

  .md\:backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(1.25);
  }

  .md\:backdrop-contrast-150 {
    --tw-backdrop-contrast: contrast(1.5);
  }

  .md\:backdrop-contrast-200 {
    --tw-backdrop-contrast: contrast(2);
  }

  .md\:backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0);
  }

  .md\:backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
  }

  .md\:backdrop-hue-rotate-0 {
    --tw-backdrop-hue-rotate: hue-rotate(0deg);
  }

  .md\:backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(15deg);
  }

  .md\:backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(30deg);
  }

  .md\:backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(60deg);
  }

  .md\:backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(90deg);
  }

  .md\:backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(180deg);
  }

  .md\:-backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(-180deg);
  }

  .md\:-backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(-90deg);
  }

  .md\:-backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(-60deg);
  }

  .md\:-backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(-30deg);
  }

  .md\:-backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(-15deg);
  }

  .md\:backdrop-invert-0 {
    --tw-backdrop-invert: invert(0);
  }

  .md\:backdrop-invert {
    --tw-backdrop-invert: invert(100%);
  }

  .md\:backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0);
  }

  .md\:backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05);
  }

  .md\:backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1);
  }

  .md\:backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2);
  }

  .md\:backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25);
  }

  .md\:backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3);
  }

  .md\:backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4);
  }

  .md\:backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5);
  }

  .md\:backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6);
  }

  .md\:backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7);
  }

  .md\:backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75);
  }

  .md\:backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8);
  }

  .md\:backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9);
  }

  .md\:backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95);
  }

  .md\:backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1);
  }

  .md\:backdrop-saturate-0 {
    --tw-backdrop-saturate: saturate(0);
  }

  .md\:backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5);
  }

  .md\:backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(1);
  }

  .md\:backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5);
  }

  .md\:backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
  }

  .md\:backdrop-sepia-0 {
    --tw-backdrop-sepia: sepia(0);
  }

  .md\:backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
  }

  .md\:transition-none {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .md\:transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:transition-colors {
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:transition-shadow {
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:delay-75 {
    -webkit-transition-delay: 75ms;
            transition-delay: 75ms;
  }

  .md\:delay-100 {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
  }

  .md\:delay-150 {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
  }

  .md\:delay-200 {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }

  .md\:delay-300 {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }

  .md\:delay-500 {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }

  .md\:delay-700 {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
  }

  .md\:delay-1000 {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }

  .md\:duration-75 {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
  }

  .md\:duration-100 {
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
  }

  .md\:duration-150 {
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .md\:duration-200 {
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  .md\:duration-300 {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }

  .md\:duration-500 {
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }

  .md\:duration-700 {
    -webkit-transition-duration: 700ms;
            transition-duration: 700ms;
  }

  .md\:duration-1000 {
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
  }

  .md\:ease-linear {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }

  .md\:ease-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .md\:ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .md\:ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media (min-width: 1024px) {
  .lg\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .lg\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .lg\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .lg\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .lg\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .lg\:container {
      max-width: 1536px;
    }
  }

  .lg\: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;
  }

  .lg\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:focus-within\:sr-only:focus-within {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  .lg\:visible {
    visibility: visible;
  }

  .lg\:invisible {
    visibility: hidden;
  }

  .lg\:static {
    position: static;
  }

  .lg\:fixed {
    position: fixed;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .lg\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  .lg\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  .lg\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .lg\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .lg\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  .lg\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .lg\:inset-7 {
    top: 1.75rem;
    right: 1.75rem;
    bottom: 1.75rem;
    left: 1.75rem;
  }

  .lg\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  .lg\:inset-9 {
    top: 2.25rem;
    right: 2.25rem;
    bottom: 2.25rem;
    left: 2.25rem;
  }

  .lg\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  .lg\:inset-11 {
    top: 2.75rem;
    right: 2.75rem;
    bottom: 2.75rem;
    left: 2.75rem;
  }

  .lg\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  .lg\:inset-14 {
    top: 3.5rem;
    right: 3.5rem;
    bottom: 3.5rem;
    left: 3.5rem;
  }

  .lg\:inset-16 {
    top: 4rem;
    right: 4rem;
    bottom: 4rem;
    left: 4rem;
  }

  .lg\:inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem;
  }

  .lg\:inset-24 {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
  }

  .lg\:inset-28 {
    top: 7rem;
    right: 7rem;
    bottom: 7rem;
    left: 7rem;
  }

  .lg\:inset-32 {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
  }

  .lg\:inset-36 {
    top: 9rem;
    right: 9rem;
    bottom: 9rem;
    left: 9rem;
  }

  .lg\:inset-40 {
    top: 10rem;
    right: 10rem;
    bottom: 10rem;
    left: 10rem;
  }

  .lg\:inset-44 {
    top: 11rem;
    right: 11rem;
    bottom: 11rem;
    left: 11rem;
  }

  .lg\:inset-48 {
    top: 12rem;
    right: 12rem;
    bottom: 12rem;
    left: 12rem;
  }

  .lg\:inset-52 {
    top: 13rem;
    right: 13rem;
    bottom: 13rem;
    left: 13rem;
  }

  .lg\:inset-56 {
    top: 14rem;
    right: 14rem;
    bottom: 14rem;
    left: 14rem;
  }

  .lg\:inset-60 {
    top: 15rem;
    right: 15rem;
    bottom: 15rem;
    left: 15rem;
  }

  .lg\:inset-64 {
    top: 16rem;
    right: 16rem;
    bottom: 16rem;
    left: 16rem;
  }

  .lg\:inset-72 {
    top: 18rem;
    right: 18rem;
    bottom: 18rem;
    left: 18rem;
  }

  .lg\:inset-80 {
    top: 20rem;
    right: 20rem;
    bottom: 20rem;
    left: 20rem;
  }

  .lg\:inset-96 {
    top: 24rem;
    right: 24rem;
    bottom: 24rem;
    left: 24rem;
  }

  .lg\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
  }

  .lg\:inset-0\.5 {
    top: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    left: 0.125rem;
  }

  .lg\:inset-1\.5 {
    top: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
    left: 0.375rem;
  }

  .lg\:inset-2\.5 {
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
  }

  .lg\:inset-3\.5 {
    top: 0.875rem;
    right: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
  }

  .lg\:-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .lg\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  .lg\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  .lg\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  .lg\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  .lg\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .lg\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .lg\:-inset-7 {
    top: -1.75rem;
    right: -1.75rem;
    bottom: -1.75rem;
    left: -1.75rem;
  }

  .lg\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  .lg\:-inset-9 {
    top: -2.25rem;
    right: -2.25rem;
    bottom: -2.25rem;
    left: -2.25rem;
  }

  .lg\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  .lg\:-inset-11 {
    top: -2.75rem;
    right: -2.75rem;
    bottom: -2.75rem;
    left: -2.75rem;
  }

  .lg\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  .lg\:-inset-14 {
    top: -3.5rem;
    right: -3.5rem;
    bottom: -3.5rem;
    left: -3.5rem;
  }

  .lg\:-inset-16 {
    top: -4rem;
    right: -4rem;
    bottom: -4rem;
    left: -4rem;
  }

  .lg\:-inset-20 {
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    left: -5rem;
  }

  .lg\:-inset-24 {
    top: -6rem;
    right: -6rem;
    bottom: -6rem;
    left: -6rem;
  }

  .lg\:-inset-28 {
    top: -7rem;
    right: -7rem;
    bottom: -7rem;
    left: -7rem;
  }

  .lg\:-inset-32 {
    top: -8rem;
    right: -8rem;
    bottom: -8rem;
    left: -8rem;
  }

  .lg\:-inset-36 {
    top: -9rem;
    right: -9rem;
    bottom: -9rem;
    left: -9rem;
  }

  .lg\:-inset-40 {
    top: -10rem;
    right: -10rem;
    bottom: -10rem;
    left: -10rem;
  }

  .lg\:-inset-44 {
    top: -11rem;
    right: -11rem;
    bottom: -11rem;
    left: -11rem;
  }

  .lg\:-inset-48 {
    top: -12rem;
    right: -12rem;
    bottom: -12rem;
    left: -12rem;
  }

  .lg\:-inset-52 {
    top: -13rem;
    right: -13rem;
    bottom: -13rem;
    left: -13rem;
  }

  .lg\:-inset-56 {
    top: -14rem;
    right: -14rem;
    bottom: -14rem;
    left: -14rem;
  }

  .lg\:-inset-60 {
    top: -15rem;
    right: -15rem;
    bottom: -15rem;
    left: -15rem;
  }

  .lg\:-inset-64 {
    top: -16rem;
    right: -16rem;
    bottom: -16rem;
    left: -16rem;
  }

  .lg\:-inset-72 {
    top: -18rem;
    right: -18rem;
    bottom: -18rem;
    left: -18rem;
  }

  .lg\:-inset-80 {
    top: -20rem;
    right: -20rem;
    bottom: -20rem;
    left: -20rem;
  }

  .lg\:-inset-96 {
    top: -24rem;
    right: -24rem;
    bottom: -24rem;
    left: -24rem;
  }

  .lg\:-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }

  .lg\:-inset-0\.5 {
    top: -0.125rem;
    right: -0.125rem;
    bottom: -0.125rem;
    left: -0.125rem;
  }

  .lg\:-inset-1\.5 {
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem;
  }

  .lg\:-inset-2\.5 {
    top: -0.625rem;
    right: -0.625rem;
    bottom: -0.625rem;
    left: -0.625rem;
  }

  .lg\:-inset-3\.5 {
    top: -0.875rem;
    right: -0.875rem;
    bottom: -0.875rem;
    left: -0.875rem;
  }

  .lg\:inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .lg\:inset-1\/3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%;
  }

  .lg\:inset-2\/3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%;
  }

  .lg\:inset-1\/4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
  }

  .lg\:inset-2\/4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .lg\:inset-3\/4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%;
  }

  .lg\:inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }

  .lg\:-inset-1\/2 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .lg\:-inset-1\/3 {
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
    left: -33.333333%;
  }

  .lg\:-inset-2\/3 {
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
    left: -66.666667%;
  }

  .lg\:-inset-1\/4 {
    top: -25%;
    right: -25%;
    bottom: -25%;
    left: -25%;
  }

  .lg\:-inset-2\/4 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .lg\:-inset-3\/4 {
    top: -75%;
    right: -75%;
    bottom: -75%;
    left: -75%;
  }

  .lg\:-inset-full {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
  }

  .lg\:inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .lg\:inset-x-1 {
    left: 0.25rem;
    right: 0.25rem;
  }

  .lg\:inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
  }

  .lg\:inset-x-3 {
    left: 0.75rem;
    right: 0.75rem;
  }

  .lg\:inset-x-4 {
    left: 1rem;
    right: 1rem;
  }

  .lg\:inset-x-5 {
    left: 1.25rem;
    right: 1.25rem;
  }

  .lg\:inset-x-6 {
    left: 1.5rem;
    right: 1.5rem;
  }

  .lg\:inset-x-7 {
    left: 1.75rem;
    right: 1.75rem;
  }

  .lg\:inset-x-8 {
    left: 2rem;
    right: 2rem;
  }

  .lg\:inset-x-9 {
    left: 2.25rem;
    right: 2.25rem;
  }

  .lg\:inset-x-10 {
    left: 2.5rem;
    right: 2.5rem;
  }

  .lg\:inset-x-11 {
    left: 2.75rem;
    right: 2.75rem;
  }

  .lg\:inset-x-12 {
    left: 3rem;
    right: 3rem;
  }

  .lg\:inset-x-14 {
    left: 3.5rem;
    right: 3.5rem;
  }

  .lg\:inset-x-16 {
    left: 4rem;
    right: 4rem;
  }

  .lg\:inset-x-20 {
    left: 5rem;
    right: 5rem;
  }

  .lg\:inset-x-24 {
    left: 6rem;
    right: 6rem;
  }

  .lg\:inset-x-28 {
    left: 7rem;
    right: 7rem;
  }

  .lg\:inset-x-32 {
    left: 8rem;
    right: 8rem;
  }

  .lg\:inset-x-36 {
    left: 9rem;
    right: 9rem;
  }

  .lg\:inset-x-40 {
    left: 10rem;
    right: 10rem;
  }

  .lg\:inset-x-44 {
    left: 11rem;
    right: 11rem;
  }

  .lg\:inset-x-48 {
    left: 12rem;
    right: 12rem;
  }

  .lg\:inset-x-52 {
    left: 13rem;
    right: 13rem;
  }

  .lg\:inset-x-56 {
    left: 14rem;
    right: 14rem;
  }

  .lg\:inset-x-60 {
    left: 15rem;
    right: 15rem;
  }

  .lg\:inset-x-64 {
    left: 16rem;
    right: 16rem;
  }

  .lg\:inset-x-72 {
    left: 18rem;
    right: 18rem;
  }

  .lg\:inset-x-80 {
    left: 20rem;
    right: 20rem;
  }

  .lg\:inset-x-96 {
    left: 24rem;
    right: 24rem;
  }

  .lg\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .lg\:inset-x-px {
    left: 1px;
    right: 1px;
  }

  .lg\:inset-x-0\.5 {
    left: 0.125rem;
    right: 0.125rem;
  }

  .lg\:inset-x-1\.5 {
    left: 0.375rem;
    right: 0.375rem;
  }

  .lg\:inset-x-2\.5 {
    left: 0.625rem;
    right: 0.625rem;
  }

  .lg\:inset-x-3\.5 {
    left: 0.875rem;
    right: 0.875rem;
  }

  .lg\:-inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .lg\:-inset-x-1 {
    left: -0.25rem;
    right: -0.25rem;
  }

  .lg\:-inset-x-2 {
    left: -0.5rem;
    right: -0.5rem;
  }

  .lg\:-inset-x-3 {
    left: -0.75rem;
    right: -0.75rem;
  }

  .lg\:-inset-x-4 {
    left: -1rem;
    right: -1rem;
  }

  .lg\:-inset-x-5 {
    left: -1.25rem;
    right: -1.25rem;
  }

  .lg\:-inset-x-6 {
    left: -1.5rem;
    right: -1.5rem;
  }

  .lg\:-inset-x-7 {
    left: -1.75rem;
    right: -1.75rem;
  }

  .lg\:-inset-x-8 {
    left: -2rem;
    right: -2rem;
  }

  .lg\:-inset-x-9 {
    left: -2.25rem;
    right: -2.25rem;
  }

  .lg\:-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem;
  }

  .lg\:-inset-x-11 {
    left: -2.75rem;
    right: -2.75rem;
  }

  .lg\:-inset-x-12 {
    left: -3rem;
    right: -3rem;
  }

  .lg\:-inset-x-14 {
    left: -3.5rem;
    right: -3.5rem;
  }

  .lg\:-inset-x-16 {
    left: -4rem;
    right: -4rem;
  }

  .lg\:-inset-x-20 {
    left: -5rem;
    right: -5rem;
  }

  .lg\:-inset-x-24 {
    left: -6rem;
    right: -6rem;
  }

  .lg\:-inset-x-28 {
    left: -7rem;
    right: -7rem;
  }

  .lg\:-inset-x-32 {
    left: -8rem;
    right: -8rem;
  }

  .lg\:-inset-x-36 {
    left: -9rem;
    right: -9rem;
  }

  .lg\:-inset-x-40 {
    left: -10rem;
    right: -10rem;
  }

  .lg\:-inset-x-44 {
    left: -11rem;
    right: -11rem;
  }

  .lg\:-inset-x-48 {
    left: -12rem;
    right: -12rem;
  }

  .lg\:-inset-x-52 {
    left: -13rem;
    right: -13rem;
  }

  .lg\:-inset-x-56 {
    left: -14rem;
    right: -14rem;
  }

  .lg\:-inset-x-60 {
    left: -15rem;
    right: -15rem;
  }

  .lg\:-inset-x-64 {
    left: -16rem;
    right: -16rem;
  }

  .lg\:-inset-x-72 {
    left: -18rem;
    right: -18rem;
  }

  .lg\:-inset-x-80 {
    left: -20rem;
    right: -20rem;
  }

  .lg\:-inset-x-96 {
    left: -24rem;
    right: -24rem;
  }

  .lg\:-inset-x-px {
    left: -1px;
    right: -1px;
  }

  .lg\:-inset-x-0\.5 {
    left: -0.125rem;
    right: -0.125rem;
  }

  .lg\:-inset-x-1\.5 {
    left: -0.375rem;
    right: -0.375rem;
  }

  .lg\:-inset-x-2\.5 {
    left: -0.625rem;
    right: -0.625rem;
  }

  .lg\:-inset-x-3\.5 {
    left: -0.875rem;
    right: -0.875rem;
  }

  .lg\:inset-x-1\/2 {
    left: 50%;
    right: 50%;
  }

  .lg\:inset-x-1\/3 {
    left: 33.333333%;
    right: 33.333333%;
  }

  .lg\:inset-x-2\/3 {
    left: 66.666667%;
    right: 66.666667%;
  }

  .lg\:inset-x-1\/4 {
    left: 25%;
    right: 25%;
  }

  .lg\:inset-x-2\/4 {
    left: 50%;
    right: 50%;
  }

  .lg\:inset-x-3\/4 {
    left: 75%;
    right: 75%;
  }

  .lg\:inset-x-full {
    left: 100%;
    right: 100%;
  }

  .lg\:-inset-x-1\/2 {
    left: -50%;
    right: -50%;
  }

  .lg\:-inset-x-1\/3 {
    left: -33.333333%;
    right: -33.333333%;
  }

  .lg\:-inset-x-2\/3 {
    left: -66.666667%;
    right: -66.666667%;
  }

  .lg\:-inset-x-1\/4 {
    left: -25%;
    right: -25%;
  }

  .lg\:-inset-x-2\/4 {
    left: -50%;
    right: -50%;
  }

  .lg\:-inset-x-3\/4 {
    left: -75%;
    right: -75%;
  }

  .lg\:-inset-x-full {
    left: -100%;
    right: -100%;
  }

  .lg\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .lg\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  .lg\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .lg\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  .lg\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  .lg\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  .lg\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  .lg\:inset-y-7 {
    top: 1.75rem;
    bottom: 1.75rem;
  }

  .lg\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  .lg\:inset-y-9 {
    top: 2.25rem;
    bottom: 2.25rem;
  }

  .lg\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  .lg\:inset-y-11 {
    top: 2.75rem;
    bottom: 2.75rem;
  }

  .lg\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  .lg\:inset-y-14 {
    top: 3.5rem;
    bottom: 3.5rem;
  }

  .lg\:inset-y-16 {
    top: 4rem;
    bottom: 4rem;
  }

  .lg\:inset-y-20 {
    top: 5rem;
    bottom: 5rem;
  }

  .lg\:inset-y-24 {
    top: 6rem;
    bottom: 6rem;
  }

  .lg\:inset-y-28 {
    top: 7rem;
    bottom: 7rem;
  }

  .lg\:inset-y-32 {
    top: 8rem;
    bottom: 8rem;
  }

  .lg\:inset-y-36 {
    top: 9rem;
    bottom: 9rem;
  }

  .lg\:inset-y-40 {
    top: 10rem;
    bottom: 10rem;
  }

  .lg\:inset-y-44 {
    top: 11rem;
    bottom: 11rem;
  }

  .lg\:inset-y-48 {
    top: 12rem;
    bottom: 12rem;
  }

  .lg\:inset-y-52 {
    top: 13rem;
    bottom: 13rem;
  }

  .lg\:inset-y-56 {
    top: 14rem;
    bottom: 14rem;
  }

  .lg\:inset-y-60 {
    top: 15rem;
    bottom: 15rem;
  }

  .lg\:inset-y-64 {
    top: 16rem;
    bottom: 16rem;
  }

  .lg\:inset-y-72 {
    top: 18rem;
    bottom: 18rem;
  }

  .lg\:inset-y-80 {
    top: 20rem;
    bottom: 20rem;
  }

  .lg\:inset-y-96 {
    top: 24rem;
    bottom: 24rem;
  }

  .lg\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .lg\:inset-y-px {
    top: 1px;
    bottom: 1px;
  }

  .lg\:inset-y-0\.5 {
    top: 0.125rem;
    bottom: 0.125rem;
  }

  .lg\:inset-y-1\.5 {
    top: 0.375rem;
    bottom: 0.375rem;
  }

  .lg\:inset-y-2\.5 {
    top: 0.625rem;
    bottom: 0.625rem;
  }

  .lg\:inset-y-3\.5 {
    top: 0.875rem;
    bottom: 0.875rem;
  }

  .lg\:-inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .lg\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .lg\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .lg\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .lg\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  .lg\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .lg\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .lg\:-inset-y-7 {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .lg\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  .lg\:-inset-y-9 {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .lg\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .lg\:-inset-y-11 {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .lg\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  .lg\:-inset-y-14 {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .lg\:-inset-y-16 {
    top: -4rem;
    bottom: -4rem;
  }

  .lg\:-inset-y-20 {
    top: -5rem;
    bottom: -5rem;
  }

  .lg\:-inset-y-24 {
    top: -6rem;
    bottom: -6rem;
  }

  .lg\:-inset-y-28 {
    top: -7rem;
    bottom: -7rem;
  }

  .lg\:-inset-y-32 {
    top: -8rem;
    bottom: -8rem;
  }

  .lg\:-inset-y-36 {
    top: -9rem;
    bottom: -9rem;
  }

  .lg\:-inset-y-40 {
    top: -10rem;
    bottom: -10rem;
  }

  .lg\:-inset-y-44 {
    top: -11rem;
    bottom: -11rem;
  }

  .lg\:-inset-y-48 {
    top: -12rem;
    bottom: -12rem;
  }

  .lg\:-inset-y-52 {
    top: -13rem;
    bottom: -13rem;
  }

  .lg\:-inset-y-56 {
    top: -14rem;
    bottom: -14rem;
  }

  .lg\:-inset-y-60 {
    top: -15rem;
    bottom: -15rem;
  }

  .lg\:-inset-y-64 {
    top: -16rem;
    bottom: -16rem;
  }

  .lg\:-inset-y-72 {
    top: -18rem;
    bottom: -18rem;
  }

  .lg\:-inset-y-80 {
    top: -20rem;
    bottom: -20rem;
  }

  .lg\:-inset-y-96 {
    top: -24rem;
    bottom: -24rem;
  }

  .lg\:-inset-y-px {
    top: -1px;
    bottom: -1px;
  }

  .lg\:-inset-y-0\.5 {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .lg\:-inset-y-1\.5 {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .lg\:-inset-y-2\.5 {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .lg\:-inset-y-3\.5 {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .lg\:inset-y-1\/2 {
    top: 50%;
    bottom: 50%;
  }

  .lg\:inset-y-1\/3 {
    top: 33.333333%;
    bottom: 33.333333%;
  }

  .lg\:inset-y-2\/3 {
    top: 66.666667%;
    bottom: 66.666667%;
  }

  .lg\:inset-y-1\/4 {
    top: 25%;
    bottom: 25%;
  }

  .lg\:inset-y-2\/4 {
    top: 50%;
    bottom: 50%;
  }

  .lg\:inset-y-3\/4 {
    top: 75%;
    bottom: 75%;
  }

  .lg\:inset-y-full {
    top: 100%;
    bottom: 100%;
  }

  .lg\:-inset-y-1\/2 {
    top: -50%;
    bottom: -50%;
  }

  .lg\:-inset-y-1\/3 {
    top: -33.333333%;
    bottom: -33.333333%;
  }

  .lg\:-inset-y-2\/3 {
    top: -66.666667%;
    bottom: -66.666667%;
  }

  .lg\:-inset-y-1\/4 {
    top: -25%;
    bottom: -25%;
  }

  .lg\:-inset-y-2\/4 {
    top: -50%;
    bottom: -50%;
  }

  .lg\:-inset-y-3\/4 {
    top: -75%;
    bottom: -75%;
  }

  .lg\:-inset-y-full {
    top: -100%;
    bottom: -100%;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:top-1 {
    top: 0.25rem;
  }

  .lg\:top-2 {
    top: 0.5rem;
  }

  .lg\:top-3 {
    top: 0.75rem;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:top-5 {
    top: 1.25rem;
  }

  .lg\:top-6 {
    top: 1.5rem;
  }

  .lg\:top-7 {
    top: 1.75rem;
  }

  .lg\:top-8 {
    top: 2rem;
  }

  .lg\:top-9 {
    top: 2.25rem;
  }

  .lg\:top-10 {
    top: 2.5rem;
  }

  .lg\:top-11 {
    top: 2.75rem;
  }

  .lg\:top-12 {
    top: 3rem;
  }

  .lg\:top-14 {
    top: 3.5rem;
  }

  .lg\:top-16 {
    top: 4rem;
  }

  .lg\:top-20 {
    top: 5rem;
  }

  .lg\:top-24 {
    top: 6rem;
  }

  .lg\:top-28 {
    top: 7rem;
  }

  .lg\:top-32 {
    top: 8rem;
  }

  .lg\:top-36 {
    top: 9rem;
  }

  .lg\:top-40 {
    top: 10rem;
  }

  .lg\:top-44 {
    top: 11rem;
  }

  .lg\:top-48 {
    top: 12rem;
  }

  .lg\:top-52 {
    top: 13rem;
  }

  .lg\:top-56 {
    top: 14rem;
  }

  .lg\:top-60 {
    top: 15rem;
  }

  .lg\:top-64 {
    top: 16rem;
  }

  .lg\:top-72 {
    top: 18rem;
  }

  .lg\:top-80 {
    top: 20rem;
  }

  .lg\:top-96 {
    top: 24rem;
  }

  .lg\:top-auto {
    top: auto;
  }

  .lg\:top-px {
    top: 1px;
  }

  .lg\:top-0\.5 {
    top: 0.125rem;
  }

  .lg\:top-1\.5 {
    top: 0.375rem;
  }

  .lg\:top-2\.5 {
    top: 0.625rem;
  }

  .lg\:top-3\.5 {
    top: 0.875rem;
  }

  .lg\:-top-0 {
    top: 0px;
  }

  .lg\:-top-1 {
    top: -0.25rem;
  }

  .lg\:-top-2 {
    top: -0.5rem;
  }

  .lg\:-top-3 {
    top: -0.75rem;
  }

  .lg\:-top-4 {
    top: -1rem;
  }

  .lg\:-top-5 {
    top: -1.25rem;
  }

  .lg\:-top-6 {
    top: -1.5rem;
  }

  .lg\:-top-7 {
    top: -1.75rem;
  }

  .lg\:-top-8 {
    top: -2rem;
  }

  .lg\:-top-9 {
    top: -2.25rem;
  }

  .lg\:-top-10 {
    top: -2.5rem;
  }

  .lg\:-top-11 {
    top: -2.75rem;
  }

  .lg\:-top-12 {
    top: -3rem;
  }

  .lg\:-top-14 {
    top: -3.5rem;
  }

  .lg\:-top-16 {
    top: -4rem;
  }

  .lg\:-top-20 {
    top: -5rem;
  }

  .lg\:-top-24 {
    top: -6rem;
  }

  .lg\:-top-28 {
    top: -7rem;
  }

  .lg\:-top-32 {
    top: -8rem;
  }

  .lg\:-top-36 {
    top: -9rem;
  }

  .lg\:-top-40 {
    top: -10rem;
  }

  .lg\:-top-44 {
    top: -11rem;
  }

  .lg\:-top-48 {
    top: -12rem;
  }

  .lg\:-top-52 {
    top: -13rem;
  }

  .lg\:-top-56 {
    top: -14rem;
  }

  .lg\:-top-60 {
    top: -15rem;
  }

  .lg\:-top-64 {
    top: -16rem;
  }

  .lg\:-top-72 {
    top: -18rem;
  }

  .lg\:-top-80 {
    top: -20rem;
  }

  .lg\:-top-96 {
    top: -24rem;
  }

  .lg\:-top-px {
    top: -1px;
  }

  .lg\:-top-0\.5 {
    top: -0.125rem;
  }

  .lg\:-top-1\.5 {
    top: -0.375rem;
  }

  .lg\:-top-2\.5 {
    top: -0.625rem;
  }

  .lg\:-top-3\.5 {
    top: -0.875rem;
  }

  .lg\:top-1\/2 {
    top: 50%;
  }

  .lg\:top-1\/3 {
    top: 33.333333%;
  }

  .lg\:top-2\/3 {
    top: 66.666667%;
  }

  .lg\:top-1\/4 {
    top: 25%;
  }

  .lg\:top-2\/4 {
    top: 50%;
  }

  .lg\:top-3\/4 {
    top: 75%;
  }

  .lg\:top-full {
    top: 100%;
  }

  .lg\:-top-1\/2 {
    top: -50%;
  }

  .lg\:-top-1\/3 {
    top: -33.333333%;
  }

  .lg\:-top-2\/3 {
    top: -66.666667%;
  }

  .lg\:-top-1\/4 {
    top: -25%;
  }

  .lg\:-top-2\/4 {
    top: -50%;
  }

  .lg\:-top-3\/4 {
    top: -75%;
  }

  .lg\:-top-full {
    top: -100%;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:right-1 {
    right: 0.25rem;
  }

  .lg\:right-2 {
    right: 0.5rem;
  }

  .lg\:right-3 {
    right: 0.75rem;
  }

  .lg\:right-4 {
    right: 1rem;
  }

  .lg\:right-5 {
    right: 1.25rem;
  }

  .lg\:right-6 {
    right: 1.5rem;
  }

  .lg\:right-7 {
    right: 1.75rem;
  }

  .lg\:right-8 {
    right: 2rem;
  }

  .lg\:right-9 {
    right: 2.25rem;
  }

  .lg\:right-10 {
    right: 2.5rem;
  }

  .lg\:right-11 {
    right: 2.75rem;
  }

  .lg\:right-12 {
    right: 3rem;
  }

  .lg\:right-14 {
    right: 3.5rem;
  }

  .lg\:right-16 {
    right: 4rem;
  }

  .lg\:right-20 {
    right: 5rem;
  }

  .lg\:right-24 {
    right: 6rem;
  }

  .lg\:right-28 {
    right: 7rem;
  }

  .lg\:right-32 {
    right: 8rem;
  }

  .lg\:right-36 {
    right: 9rem;
  }

  .lg\:right-40 {
    right: 10rem;
  }

  .lg\:right-44 {
    right: 11rem;
  }

  .lg\:right-48 {
    right: 12rem;
  }

  .lg\:right-52 {
    right: 13rem;
  }

  .lg\:right-56 {
    right: 14rem;
  }

  .lg\:right-60 {
    right: 15rem;
  }

  .lg\:right-64 {
    right: 16rem;
  }

  .lg\:right-72 {
    right: 18rem;
  }

  .lg\:right-80 {
    right: 20rem;
  }

  .lg\:right-96 {
    right: 24rem;
  }

  .lg\:right-auto {
    right: auto;
  }

  .lg\:right-px {
    right: 1px;
  }

  .lg\:right-0\.5 {
    right: 0.125rem;
  }

  .lg\:right-1\.5 {
    right: 0.375rem;
  }

  .lg\:right-2\.5 {
    right: 0.625rem;
  }

  .lg\:right-3\.5 {
    right: 0.875rem;
  }

  .lg\:-right-0 {
    right: 0px;
  }

  .lg\:-right-1 {
    right: -0.25rem;
  }

  .lg\:-right-2 {
    right: -0.5rem;
  }

  .lg\:-right-3 {
    right: -0.75rem;
  }

  .lg\:-right-4 {
    right: -1rem;
  }

  .lg\:-right-5 {
    right: -1.25rem;
  }

  .lg\:-right-6 {
    right: -1.5rem;
  }

  .lg\:-right-7 {
    right: -1.75rem;
  }

  .lg\:-right-8 {
    right: -2rem;
  }

  .lg\:-right-9 {
    right: -2.25rem;
  }

  .lg\:-right-10 {
    right: -2.5rem;
  }

  .lg\:-right-11 {
    right: -2.75rem;
  }

  .lg\:-right-12 {
    right: -3rem;
  }

  .lg\:-right-14 {
    right: -3.5rem;
  }

  .lg\:-right-16 {
    right: -4rem;
  }

  .lg\:-right-20 {
    right: -5rem;
  }

  .lg\:-right-24 {
    right: -6rem;
  }

  .lg\:-right-28 {
    right: -7rem;
  }

  .lg\:-right-32 {
    right: -8rem;
  }

  .lg\:-right-36 {
    right: -9rem;
  }

  .lg\:-right-40 {
    right: -10rem;
  }

  .lg\:-right-44 {
    right: -11rem;
  }

  .lg\:-right-48 {
    right: -12rem;
  }

  .lg\:-right-52 {
    right: -13rem;
  }

  .lg\:-right-56 {
    right: -14rem;
  }

  .lg\:-right-60 {
    right: -15rem;
  }

  .lg\:-right-64 {
    right: -16rem;
  }

  .lg\:-right-72 {
    right: -18rem;
  }

  .lg\:-right-80 {
    right: -20rem;
  }

  .lg\:-right-96 {
    right: -24rem;
  }

  .lg\:-right-px {
    right: -1px;
  }

  .lg\:-right-0\.5 {
    right: -0.125rem;
  }

  .lg\:-right-1\.5 {
    right: -0.375rem;
  }

  .lg\:-right-2\.5 {
    right: -0.625rem;
  }

  .lg\:-right-3\.5 {
    right: -0.875rem;
  }

  .lg\:right-1\/2 {
    right: 50%;
  }

  .lg\:right-1\/3 {
    right: 33.333333%;
  }

  .lg\:right-2\/3 {
    right: 66.666667%;
  }

  .lg\:right-1\/4 {
    right: 25%;
  }

  .lg\:right-2\/4 {
    right: 50%;
  }

  .lg\:right-3\/4 {
    right: 75%;
  }

  .lg\:right-full {
    right: 100%;
  }

  .lg\:-right-1\/2 {
    right: -50%;
  }

  .lg\:-right-1\/3 {
    right: -33.333333%;
  }

  .lg\:-right-2\/3 {
    right: -66.666667%;
  }

  .lg\:-right-1\/4 {
    right: -25%;
  }

  .lg\:-right-2\/4 {
    right: -50%;
  }

  .lg\:-right-3\/4 {
    right: -75%;
  }

  .lg\:-right-full {
    right: -100%;
  }

  .lg\:bottom-0 {
    bottom: 0px;
  }

  .lg\:bottom-1 {
    bottom: 0.25rem;
  }

  .lg\:bottom-2 {
    bottom: 0.5rem;
  }

  .lg\:bottom-3 {
    bottom: 0.75rem;
  }

  .lg\:bottom-4 {
    bottom: 1rem;
  }

  .lg\:bottom-5 {
    bottom: 1.25rem;
  }

  .lg\:bottom-6 {
    bottom: 1.5rem;
  }

  .lg\:bottom-7 {
    bottom: 1.75rem;
  }

  .lg\:bottom-8 {
    bottom: 2rem;
  }

  .lg\:bottom-9 {
    bottom: 2.25rem;
  }

  .lg\:bottom-10 {
    bottom: 2.5rem;
  }

  .lg\:bottom-11 {
    bottom: 2.75rem;
  }

  .lg\:bottom-12 {
    bottom: 3rem;
  }

  .lg\:bottom-14 {
    bottom: 3.5rem;
  }

  .lg\:bottom-16 {
    bottom: 4rem;
  }

  .lg\:bottom-20 {
    bottom: 5rem;
  }

  .lg\:bottom-24 {
    bottom: 6rem;
  }

  .lg\:bottom-28 {
    bottom: 7rem;
  }

  .lg\:bottom-32 {
    bottom: 8rem;
  }

  .lg\:bottom-36 {
    bottom: 9rem;
  }

  .lg\:bottom-40 {
    bottom: 10rem;
  }

  .lg\:bottom-44 {
    bottom: 11rem;
  }

  .lg\:bottom-48 {
    bottom: 12rem;
  }

  .lg\:bottom-52 {
    bottom: 13rem;
  }

  .lg\:bottom-56 {
    bottom: 14rem;
  }

  .lg\:bottom-60 {
    bottom: 15rem;
  }

  .lg\:bottom-64 {
    bottom: 16rem;
  }

  .lg\:bottom-72 {
    bottom: 18rem;
  }

  .lg\:bottom-80 {
    bottom: 20rem;
  }

  .lg\:bottom-96 {
    bottom: 24rem;
  }

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:bottom-px {
    bottom: 1px;
  }

  .lg\:bottom-0\.5 {
    bottom: 0.125rem;
  }

  .lg\:bottom-1\.5 {
    bottom: 0.375rem;
  }

  .lg\:bottom-2\.5 {
    bottom: 0.625rem;
  }

  .lg\:bottom-3\.5 {
    bottom: 0.875rem;
  }

  .lg\:-bottom-0 {
    bottom: 0px;
  }

  .lg\:-bottom-1 {
    bottom: -0.25rem;
  }

  .lg\:-bottom-2 {
    bottom: -0.5rem;
  }

  .lg\:-bottom-3 {
    bottom: -0.75rem;
  }

  .lg\:-bottom-4 {
    bottom: -1rem;
  }

  .lg\:-bottom-5 {
    bottom: -1.25rem;
  }

  .lg\:-bottom-6 {
    bottom: -1.5rem;
  }

  .lg\:-bottom-7 {
    bottom: -1.75rem;
  }

  .lg\:-bottom-8 {
    bottom: -2rem;
  }

  .lg\:-bottom-9 {
    bottom: -2.25rem;
  }

  .lg\:-bottom-10 {
    bottom: -2.5rem;
  }

  .lg\:-bottom-11 {
    bottom: -2.75rem;
  }

  .lg\:-bottom-12 {
    bottom: -3rem;
  }

  .lg\:-bottom-14 {
    bottom: -3.5rem;
  }

  .lg\:-bottom-16 {
    bottom: -4rem;
  }

  .lg\:-bottom-20 {
    bottom: -5rem;
  }

  .lg\:-bottom-24 {
    bottom: -6rem;
  }

  .lg\:-bottom-28 {
    bottom: -7rem;
  }

  .lg\:-bottom-32 {
    bottom: -8rem;
  }

  .lg\:-bottom-36 {
    bottom: -9rem;
  }

  .lg\:-bottom-40 {
    bottom: -10rem;
  }

  .lg\:-bottom-44 {
    bottom: -11rem;
  }

  .lg\:-bottom-48 {
    bottom: -12rem;
  }

  .lg\:-bottom-52 {
    bottom: -13rem;
  }

  .lg\:-bottom-56 {
    bottom: -14rem;
  }

  .lg\:-bottom-60 {
    bottom: -15rem;
  }

  .lg\:-bottom-64 {
    bottom: -16rem;
  }

  .lg\:-bottom-72 {
    bottom: -18rem;
  }

  .lg\:-bottom-80 {
    bottom: -20rem;
  }

  .lg\:-bottom-96 {
    bottom: -24rem;
  }

  .lg\:-bottom-px {
    bottom: -1px;
  }

  .lg\:-bottom-0\.5 {
    bottom: -0.125rem;
  }

  .lg\:-bottom-1\.5 {
    bottom: -0.375rem;
  }

  .lg\:-bottom-2\.5 {
    bottom: -0.625rem;
  }

  .lg\:-bottom-3\.5 {
    bottom: -0.875rem;
  }

  .lg\:bottom-1\/2 {
    bottom: 50%;
  }

  .lg\:bottom-1\/3 {
    bottom: 33.333333%;
  }

  .lg\:bottom-2\/3 {
    bottom: 66.666667%;
  }

  .lg\:bottom-1\/4 {
    bottom: 25%;
  }

  .lg\:bottom-2\/4 {
    bottom: 50%;
  }

  .lg\:bottom-3\/4 {
    bottom: 75%;
  }

  .lg\:bottom-full {
    bottom: 100%;
  }

  .lg\:-bottom-1\/2 {
    bottom: -50%;
  }

  .lg\:-bottom-1\/3 {
    bottom: -33.333333%;
  }

  .lg\:-bottom-2\/3 {
    bottom: -66.666667%;
  }

  .lg\:-bottom-1\/4 {
    bottom: -25%;
  }

  .lg\:-bottom-2\/4 {
    bottom: -50%;
  }

  .lg\:-bottom-3\/4 {
    bottom: -75%;
  }

  .lg\:-bottom-full {
    bottom: -100%;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:left-1 {
    left: 0.25rem;
  }

  .lg\:left-2 {
    left: 0.5rem;
  }

  .lg\:left-3 {
    left: 0.75rem;
  }

  .lg\:left-4 {
    left: 1rem;
  }

  .lg\:left-5 {
    left: 1.25rem;
  }

  .lg\:left-6 {
    left: 1.5rem;
  }

  .lg\:left-7 {
    left: 1.75rem;
  }

  .lg\:left-8 {
    left: 2rem;
  }

  .lg\:left-9 {
    left: 2.25rem;
  }

  .lg\:left-10 {
    left: 2.5rem;
  }

  .lg\:left-11 {
    left: 2.75rem;
  }

  .lg\:left-12 {
    left: 3rem;
  }

  .lg\:left-14 {
    left: 3.5rem;
  }

  .lg\:left-16 {
    left: 4rem;
  }

  .lg\:left-20 {
    left: 5rem;
  }

  .lg\:left-24 {
    left: 6rem;
  }

  .lg\:left-28 {
    left: 7rem;
  }

  .lg\:left-32 {
    left: 8rem;
  }

  .lg\:left-36 {
    left: 9rem;
  }

  .lg\:left-40 {
    left: 10rem;
  }

  .lg\:left-44 {
    left: 11rem;
  }

  .lg\:left-48 {
    left: 12rem;
  }

  .lg\:left-52 {
    left: 13rem;
  }

  .lg\:left-56 {
    left: 14rem;
  }

  .lg\:left-60 {
    left: 15rem;
  }

  .lg\:left-64 {
    left: 16rem;
  }

  .lg\:left-72 {
    left: 18rem;
  }

  .lg\:left-80 {
    left: 20rem;
  }

  .lg\:left-96 {
    left: 24rem;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:left-px {
    left: 1px;
  }

  .lg\:left-0\.5 {
    left: 0.125rem;
  }

  .lg\:left-1\.5 {
    left: 0.375rem;
  }

  .lg\:left-2\.5 {
    left: 0.625rem;
  }

  .lg\:left-3\.5 {
    left: 0.875rem;
  }

  .lg\:-left-0 {
    left: 0px;
  }

  .lg\:-left-1 {
    left: -0.25rem;
  }

  .lg\:-left-2 {
    left: -0.5rem;
  }

  .lg\:-left-3 {
    left: -0.75rem;
  }

  .lg\:-left-4 {
    left: -1rem;
  }

  .lg\:-left-5 {
    left: -1.25rem;
  }

  .lg\:-left-6 {
    left: -1.5rem;
  }

  .lg\:-left-7 {
    left: -1.75rem;
  }

  .lg\:-left-8 {
    left: -2rem;
  }

  .lg\:-left-9 {
    left: -2.25rem;
  }

  .lg\:-left-10 {
    left: -2.5rem;
  }

  .lg\:-left-11 {
    left: -2.75rem;
  }

  .lg\:-left-12 {
    left: -3rem;
  }

  .lg\:-left-14 {
    left: -3.5rem;
  }

  .lg\:-left-16 {
    left: -4rem;
  }

  .lg\:-left-20 {
    left: -5rem;
  }

  .lg\:-left-24 {
    left: -6rem;
  }

  .lg\:-left-28 {
    left: -7rem;
  }

  .lg\:-left-32 {
    left: -8rem;
  }

  .lg\:-left-36 {
    left: -9rem;
  }

  .lg\:-left-40 {
    left: -10rem;
  }

  .lg\:-left-44 {
    left: -11rem;
  }

  .lg\:-left-48 {
    left: -12rem;
  }

  .lg\:-left-52 {
    left: -13rem;
  }

  .lg\:-left-56 {
    left: -14rem;
  }

  .lg\:-left-60 {
    left: -15rem;
  }

  .lg\:-left-64 {
    left: -16rem;
  }

  .lg\:-left-72 {
    left: -18rem;
  }

  .lg\:-left-80 {
    left: -20rem;
  }

  .lg\:-left-96 {
    left: -24rem;
  }

  .lg\:-left-px {
    left: -1px;
  }

  .lg\:-left-0\.5 {
    left: -0.125rem;
  }

  .lg\:-left-1\.5 {
    left: -0.375rem;
  }

  .lg\:-left-2\.5 {
    left: -0.625rem;
  }

  .lg\:-left-3\.5 {
    left: -0.875rem;
  }

  .lg\:left-1\/2 {
    left: 50%;
  }

  .lg\:left-1\/3 {
    left: 33.333333%;
  }

  .lg\:left-2\/3 {
    left: 66.666667%;
  }

  .lg\:left-1\/4 {
    left: 25%;
  }

  .lg\:left-2\/4 {
    left: 50%;
  }

  .lg\:left-3\/4 {
    left: 75%;
  }

  .lg\:left-full {
    left: 100%;
  }

  .lg\:-left-1\/2 {
    left: -50%;
  }

  .lg\:-left-1\/3 {
    left: -33.333333%;
  }

  .lg\:-left-2\/3 {
    left: -66.666667%;
  }

  .lg\:-left-1\/4 {
    left: -25%;
  }

  .lg\:-left-2\/4 {
    left: -50%;
  }

  .lg\:-left-3\/4 {
    left: -75%;
  }

  .lg\:-left-full {
    left: -100%;
  }

  .lg\:isolate {
    isolation: isolate;
  }

  .lg\:isolation-auto {
    isolation: auto;
  }

  .lg\:z-0 {
    z-index: 0;
  }

  .lg\:z-10 {
    z-index: 10;
  }

  .lg\:z-20 {
    z-index: 20;
  }

  .lg\:z-30 {
    z-index: 30;
  }

  .lg\:z-40 {
    z-index: 40;
  }

  .lg\:z-50 {
    z-index: 50;
  }

  .lg\:z-auto {
    z-index: auto;
  }

  .lg\:focus-within\:z-0:focus-within {
    z-index: 0;
  }

  .lg\:focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .lg\:focus-within\:z-20:focus-within {
    z-index: 20;
  }

  .lg\:focus-within\:z-30:focus-within {
    z-index: 30;
  }

  .lg\:focus-within\:z-40:focus-within {
    z-index: 40;
  }

  .lg\:focus-within\:z-50:focus-within {
    z-index: 50;
  }

  .lg\:focus-within\:z-auto:focus-within {
    z-index: auto;
  }

  .lg\:focus\:z-0:focus {
    z-index: 0;
  }

  .lg\:focus\:z-10:focus {
    z-index: 10;
  }

  .lg\:focus\:z-20:focus {
    z-index: 20;
  }

  .lg\:focus\:z-30:focus {
    z-index: 30;
  }

  .lg\:focus\:z-40:focus {
    z-index: 40;
  }

  .lg\:focus\:z-50:focus {
    z-index: 50;
  }

  .lg\:focus\:z-auto:focus {
    z-index: auto;
  }

  .lg\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .lg\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .lg\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .lg\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .lg\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .lg\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .lg\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .lg\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .lg\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .lg\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .lg\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .lg\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .lg\:order-first {
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .lg\:order-last {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }

  .lg\:order-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .lg\:col-auto {
    grid-column: auto;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-full {
    grid-column: 1 / -1;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:col-start-3 {
    grid-column-start: 3;
  }

  .lg\:col-start-4 {
    grid-column-start: 4;
  }

  .lg\:col-start-5 {
    grid-column-start: 5;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-7 {
    grid-column-start: 7;
  }

  .lg\:col-start-8 {
    grid-column-start: 8;
  }

  .lg\:col-start-9 {
    grid-column-start: 9;
  }

  .lg\:col-start-10 {
    grid-column-start: 10;
  }

  .lg\:col-start-11 {
    grid-column-start: 11;
  }

  .lg\:col-start-12 {
    grid-column-start: 12;
  }

  .lg\:col-start-13 {
    grid-column-start: 13;
  }

  .lg\:col-start-auto {
    grid-column-start: auto;
  }

  .lg\:col-end-1 {
    grid-column-end: 1;
  }

  .lg\:col-end-2 {
    grid-column-end: 2;
  }

  .lg\:col-end-3 {
    grid-column-end: 3;
  }

  .lg\:col-end-4 {
    grid-column-end: 4;
  }

  .lg\:col-end-5 {
    grid-column-end: 5;
  }

  .lg\:col-end-6 {
    grid-column-end: 6;
  }

  .lg\:col-end-7 {
    grid-column-end: 7;
  }

  .lg\:col-end-8 {
    grid-column-end: 8;
  }

  .lg\:col-end-9 {
    grid-column-end: 9;
  }

  .lg\:col-end-10 {
    grid-column-end: 10;
  }

  .lg\:col-end-11 {
    grid-column-end: 11;
  }

  .lg\:col-end-12 {
    grid-column-end: 12;
  }

  .lg\:col-end-13 {
    grid-column-end: 13;
  }

  .lg\:col-end-auto {
    grid-column-end: auto;
  }

  .lg\:row-auto {
    grid-row: auto;
  }

  .lg\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .lg\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .lg\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .lg\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .lg\:row-span-full {
    grid-row: 1 / -1;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:row-start-3 {
    grid-row-start: 3;
  }

  .lg\:row-start-4 {
    grid-row-start: 4;
  }

  .lg\:row-start-5 {
    grid-row-start: 5;
  }

  .lg\:row-start-6 {
    grid-row-start: 6;
  }

  .lg\:row-start-7 {
    grid-row-start: 7;
  }

  .lg\:row-start-auto {
    grid-row-start: auto;
  }

  .lg\:row-end-1 {
    grid-row-end: 1;
  }

  .lg\:row-end-2 {
    grid-row-end: 2;
  }

  .lg\:row-end-3 {
    grid-row-end: 3;
  }

  .lg\:row-end-4 {
    grid-row-end: 4;
  }

  .lg\:row-end-5 {
    grid-row-end: 5;
  }

  .lg\:row-end-6 {
    grid-row-end: 6;
  }

  .lg\:row-end-7 {
    grid-row-end: 7;
  }

  .lg\:row-end-auto {
    grid-row-end: auto;
  }

  .lg\:float-right {
    float: right;
  }

  .lg\:float-left {
    float: left;
  }

  .lg\:float-none {
    float: none;
  }

  .lg\:clear-left {
    clear: left;
  }

  .lg\:clear-right {
    clear: right;
  }

  .lg\:clear-both {
    clear: both;
  }

  .lg\:clear-none {
    clear: none;
  }

  .lg\:m-0 {
    margin: 0px;
  }

  .lg\:m-1 {
    margin: 0.25rem;
  }

  .lg\:m-2 {
    margin: 0.5rem;
  }

  .lg\:m-3 {
    margin: 0.75rem;
  }

  .lg\:m-4 {
    margin: 1rem;
  }

  .lg\:m-5 {
    margin: 1.25rem;
  }

  .lg\:m-6 {
    margin: 1.5rem;
  }

  .lg\:m-7 {
    margin: 1.75rem;
  }

  .lg\:m-8 {
    margin: 2rem;
  }

  .lg\:m-9 {
    margin: 2.25rem;
  }

  .lg\:m-10 {
    margin: 2.5rem;
  }

  .lg\:m-11 {
    margin: 2.75rem;
  }

  .lg\:m-12 {
    margin: 3rem;
  }

  .lg\:m-14 {
    margin: 3.5rem;
  }

  .lg\:m-16 {
    margin: 4rem;
  }

  .lg\:m-20 {
    margin: 5rem;
  }

  .lg\:m-24 {
    margin: 6rem;
  }

  .lg\:m-28 {
    margin: 7rem;
  }

  .lg\:m-32 {
    margin: 8rem;
  }

  .lg\:m-36 {
    margin: 9rem;
  }

  .lg\:m-40 {
    margin: 10rem;
  }

  .lg\:m-44 {
    margin: 11rem;
  }

  .lg\:m-48 {
    margin: 12rem;
  }

  .lg\:m-52 {
    margin: 13rem;
  }

  .lg\:m-56 {
    margin: 14rem;
  }

  .lg\:m-60 {
    margin: 15rem;
  }

  .lg\:m-64 {
    margin: 16rem;
  }

  .lg\:m-72 {
    margin: 18rem;
  }

  .lg\:m-80 {
    margin: 20rem;
  }

  .lg\:m-96 {
    margin: 24rem;
  }

  .lg\:m-auto {
    margin: auto;
  }

  .lg\:m-px {
    margin: 1px;
  }

  .lg\:m-0\.5 {
    margin: 0.125rem;
  }

  .lg\:m-1\.5 {
    margin: 0.375rem;
  }

  .lg\:m-2\.5 {
    margin: 0.625rem;
  }

  .lg\:m-3\.5 {
    margin: 0.875rem;
  }

  .lg\:-m-0 {
    margin: 0px;
  }

  .lg\:-m-1 {
    margin: -0.25rem;
  }

  .lg\:-m-2 {
    margin: -0.5rem;
  }

  .lg\:-m-3 {
    margin: -0.75rem;
  }

  .lg\:-m-4 {
    margin: -1rem;
  }

  .lg\:-m-5 {
    margin: -1.25rem;
  }

  .lg\:-m-6 {
    margin: -1.5rem;
  }

  .lg\:-m-7 {
    margin: -1.75rem;
  }

  .lg\:-m-8 {
    margin: -2rem;
  }

  .lg\:-m-9 {
    margin: -2.25rem;
  }

  .lg\:-m-10 {
    margin: -2.5rem;
  }

  .lg\:-m-11 {
    margin: -2.75rem;
  }

  .lg\:-m-12 {
    margin: -3rem;
  }

  .lg\:-m-14 {
    margin: -3.5rem;
  }

  .lg\:-m-16 {
    margin: -4rem;
  }

  .lg\:-m-20 {
    margin: -5rem;
  }

  .lg\:-m-24 {
    margin: -6rem;
  }

  .lg\:-m-28 {
    margin: -7rem;
  }

  .lg\:-m-32 {
    margin: -8rem;
  }

  .lg\:-m-36 {
    margin: -9rem;
  }

  .lg\:-m-40 {
    margin: -10rem;
  }

  .lg\:-m-44 {
    margin: -11rem;
  }

  .lg\:-m-48 {
    margin: -12rem;
  }

  .lg\:-m-52 {
    margin: -13rem;
  }

  .lg\:-m-56 {
    margin: -14rem;
  }

  .lg\:-m-60 {
    margin: -15rem;
  }

  .lg\:-m-64 {
    margin: -16rem;
  }

  .lg\:-m-72 {
    margin: -18rem;
  }

  .lg\:-m-80 {
    margin: -20rem;
  }

  .lg\:-m-96 {
    margin: -24rem;
  }

  .lg\:-m-px {
    margin: -1px;
  }

  .lg\:-m-0\.5 {
    margin: -0.125rem;
  }

  .lg\:-m-1\.5 {
    margin: -0.375rem;
  }

  .lg\:-m-2\.5 {
    margin: -0.625rem;
  }

  .lg\:-m-3\.5 {
    margin: -0.875rem;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .lg\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:mx-11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }

  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .lg\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .lg\:mx-28 {
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .lg\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .lg\:mx-36 {
    margin-left: 9rem;
    margin-right: 9rem;
  }

  .lg\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .lg\:mx-44 {
    margin-left: 11rem;
    margin-right: 11rem;
  }

  .lg\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .lg\:mx-52 {
    margin-left: 13rem;
    margin-right: 13rem;
  }

  .lg\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .lg\:mx-60 {
    margin-left: 15rem;
    margin-right: 15rem;
  }

  .lg\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .lg\:mx-72 {
    margin-left: 18rem;
    margin-right: 18rem;
  }

  .lg\:mx-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .lg\:mx-96 {
    margin-left: 24rem;
    margin-right: 24rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .lg\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .lg\:mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }

  .lg\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }

  .lg\:mx-3\.5 {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }

  .lg\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .lg\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }

  .lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:-mx-11 {
    margin-left: -2.75rem;
    margin-right: -2.75rem;
  }

  .lg\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .lg\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  .lg\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .lg\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .lg\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .lg\:-mx-28 {
    margin-left: -7rem;
    margin-right: -7rem;
  }

  .lg\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .lg\:-mx-36 {
    margin-left: -9rem;
    margin-right: -9rem;
  }

  .lg\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .lg\:-mx-44 {
    margin-left: -11rem;
    margin-right: -11rem;
  }

  .lg\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .lg\:-mx-52 {
    margin-left: -13rem;
    margin-right: -13rem;
  }

  .lg\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .lg\:-mx-60 {
    margin-left: -15rem;
    margin-right: -15rem;
  }

  .lg\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .lg\:-mx-72 {
    margin-left: -18rem;
    margin-right: -18rem;
  }

  .lg\:-mx-80 {
    margin-left: -20rem;
    margin-right: -20rem;
  }

  .lg\:-mx-96 {
    margin-left: -24rem;
    margin-right: -24rem;
  }

  .lg\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .lg\:-mx-0\.5 {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }

  .lg\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .lg\:-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .lg\:-mx-3\.5 {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }

  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .lg\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .lg\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:my-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:my-36 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }

  .lg\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .lg\:my-44 {
    margin-top: 11rem;
    margin-bottom: 11rem;
  }

  .lg\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .lg\:my-52 {
    margin-top: 13rem;
    margin-bottom: 13rem;
  }

  .lg\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .lg\:my-60 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }

  .lg\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .lg\:my-72 {
    margin-top: 18rem;
    margin-bottom: 18rem;
  }

  .lg\:my-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .lg\:my-96 {
    margin-top: 24rem;
    margin-bottom: 24rem;
  }

  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .lg\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .lg\:my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .lg\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .lg\:my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .lg\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .lg\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .lg\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .lg\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .lg\:-my-7 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem;
  }

  .lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .lg\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  .lg\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .lg\:-my-11 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem;
  }

  .lg\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .lg\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  .lg\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .lg\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .lg\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .lg\:-my-28 {
    margin-top: -7rem;
    margin-bottom: -7rem;
  }

  .lg\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .lg\:-my-36 {
    margin-top: -9rem;
    margin-bottom: -9rem;
  }

  .lg\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .lg\:-my-44 {
    margin-top: -11rem;
    margin-bottom: -11rem;
  }

  .lg\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .lg\:-my-52 {
    margin-top: -13rem;
    margin-bottom: -13rem;
  }

  .lg\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .lg\:-my-60 {
    margin-top: -15rem;
    margin-bottom: -15rem;
  }

  .lg\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .lg\:-my-72 {
    margin-top: -18rem;
    margin-bottom: -18rem;
  }

  .lg\:-my-80 {
    margin-top: -20rem;
    margin-bottom: -20rem;
  }

  .lg\:-my-96 {
    margin-top: -24rem;
    margin-bottom: -24rem;
  }

  .lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:-my-0\.5 {
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }

  .lg\:-my-1\.5 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
  }

  .lg\:-my-2\.5 {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
  }

  .lg\:-my-3\.5 {
    margin-top: -0.875rem;
    margin-bottom: -0.875rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-1 {
    margin-top: 0.25rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:mt-9 {
    margin-top: 2.25rem;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-11 {
    margin-top: 2.75rem;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mt-14 {
    margin-top: 3.5rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-20 {
    margin-top: 5rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:mt-28 {
    margin-top: 7rem;
  }

  .lg\:mt-32 {
    margin-top: 8rem;
  }

  .lg\:mt-36 {
    margin-top: 9rem;
  }

  .lg\:mt-40 {
    margin-top: 10rem;
  }

  .lg\:mt-44 {
    margin-top: 11rem;
  }

  .lg\:mt-48 {
    margin-top: 12rem;
  }

  .lg\:mt-52 {
    margin-top: 13rem;
  }

  .lg\:mt-56 {
    margin-top: 14rem;
  }

  .lg\:mt-60 {
    margin-top: 15rem;
  }

  .lg\:mt-64 {
    margin-top: 16rem;
  }

  .lg\:mt-72 {
    margin-top: 18rem;
  }

  .lg\:mt-80 {
    margin-top: 20rem;
  }

  .lg\:mt-96 {
    margin-top: 24rem;
  }

  .lg\:mt-auto {
    margin-top: auto;
  }

  .lg\:mt-px {
    margin-top: 1px;
  }

  .lg\:mt-0\.5 {
    margin-top: 0.125rem;
  }

  .lg\:mt-1\.5 {
    margin-top: 0.375rem;
  }

  .lg\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .lg\:mt-3\.5 {
    margin-top: 0.875rem;
  }

  .lg\:-mt-0 {
    margin-top: 0px;
  }

  .lg\:-mt-1 {
    margin-top: -0.25rem;
  }

  .lg\:-mt-2 {
    margin-top: -0.5rem;
  }

  .lg\:-mt-3 {
    margin-top: -0.75rem;
  }

  .lg\:-mt-4 {
    margin-top: -1rem;
  }

  .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  .lg\:-mt-6 {
    margin-top: -1.5rem;
  }

  .lg\:-mt-7 {
    margin-top: -1.75rem;
  }

  .lg\:-mt-8 {
    margin-top: -2rem;
  }

  .lg\:-mt-9 {
    margin-top: -2.25rem;
  }

  .lg\:-mt-10 {
    margin-top: -2.5rem;
  }

  .lg\:-mt-11 {
    margin-top: -2.75rem;
  }

  .lg\:-mt-12 {
    margin-top: -3rem;
  }

  .lg\:-mt-14 {
    margin-top: -3.5rem;
  }

  .lg\:-mt-16 {
    margin-top: -4rem;
  }

  .lg\:-mt-20 {
    margin-top: -5rem;
  }

  .lg\:-mt-24 {
    margin-top: -6rem;
  }

  .lg\:-mt-28 {
    margin-top: -7rem;
  }

  .lg\:-mt-32 {
    margin-top: -8rem;
  }

  .lg\:-mt-36 {
    margin-top: -9rem;
  }

  .lg\:-mt-40 {
    margin-top: -10rem;
  }

  .lg\:-mt-44 {
    margin-top: -11rem;
  }

  .lg\:-mt-48 {
    margin-top: -12rem;
  }

  .lg\:-mt-52 {
    margin-top: -13rem;
  }

  .lg\:-mt-56 {
    margin-top: -14rem;
  }

  .lg\:-mt-60 {
    margin-top: -15rem;
  }

  .lg\:-mt-64 {
    margin-top: -16rem;
  }

  .lg\:-mt-72 {
    margin-top: -18rem;
  }

  .lg\:-mt-80 {
    margin-top: -20rem;
  }

  .lg\:-mt-96 {
    margin-top: -24rem;
  }

  .lg\:-mt-px {
    margin-top: -1px;
  }

  .lg\:-mt-0\.5 {
    margin-top: -0.125rem;
  }

  .lg\:-mt-1\.5 {
    margin-top: -0.375rem;
  }

  .lg\:-mt-2\.5 {
    margin-top: -0.625rem;
  }

  .lg\:-mt-3\.5 {
    margin-top: -0.875rem;
  }

  .lg\:mr-0 {
    margin-right: 0px;
  }

  .lg\:mr-1 {
    margin-right: 0.25rem;
  }

  .lg\:mr-2 {
    margin-right: 0.5rem;
  }

  .lg\:mr-3 {
    margin-right: 0.75rem;
  }

  .lg\:mr-4 {
    margin-right: 1rem;
  }

  .lg\:mr-5 {
    margin-right: 1.25rem;
  }

  .lg\:mr-6 {
    margin-right: 1.5rem;
  }

  .lg\:mr-7 {
    margin-right: 1.75rem;
  }

  .lg\:mr-8 {
    margin-right: 2rem;
  }

  .lg\:mr-9 {
    margin-right: 2.25rem;
  }

  .lg\:mr-10 {
    margin-right: 2.5rem;
  }

  .lg\:mr-11 {
    margin-right: 2.75rem;
  }

  .lg\:mr-12 {
    margin-right: 3rem;
  }

  .lg\:mr-14 {
    margin-right: 3.5rem;
  }

  .lg\:mr-16 {
    margin-right: 4rem;
  }

  .lg\:mr-20 {
    margin-right: 5rem;
  }

  .lg\:mr-24 {
    margin-right: 6rem;
  }

  .lg\:mr-28 {
    margin-right: 7rem;
  }

  .lg\:mr-32 {
    margin-right: 8rem;
  }

  .lg\:mr-36 {
    margin-right: 9rem;
  }

  .lg\:mr-40 {
    margin-right: 10rem;
  }

  .lg\:mr-44 {
    margin-right: 11rem;
  }

  .lg\:mr-48 {
    margin-right: 12rem;
  }

  .lg\:mr-52 {
    margin-right: 13rem;
  }

  .lg\:mr-56 {
    margin-right: 14rem;
  }

  .lg\:mr-60 {
    margin-right: 15rem;
  }

  .lg\:mr-64 {
    margin-right: 16rem;
  }

  .lg\:mr-72 {
    margin-right: 18rem;
  }

  .lg\:mr-80 {
    margin-right: 20rem;
  }

  .lg\:mr-96 {
    margin-right: 24rem;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mr-px {
    margin-right: 1px;
  }

  .lg\:mr-0\.5 {
    margin-right: 0.125rem;
  }

  .lg\:mr-1\.5 {
    margin-right: 0.375rem;
  }

  .lg\:mr-2\.5 {
    margin-right: 0.625rem;
  }

  .lg\:mr-3\.5 {
    margin-right: 0.875rem;
  }

  .lg\:-mr-0 {
    margin-right: 0px;
  }

  .lg\:-mr-1 {
    margin-right: -0.25rem;
  }

  .lg\:-mr-2 {
    margin-right: -0.5rem;
  }

  .lg\:-mr-3 {
    margin-right: -0.75rem;
  }

  .lg\:-mr-4 {
    margin-right: -1rem;
  }

  .lg\:-mr-5 {
    margin-right: -1.25rem;
  }

  .lg\:-mr-6 {
    margin-right: -1.5rem;
  }

  .lg\:-mr-7 {
    margin-right: -1.75rem;
  }

  .lg\:-mr-8 {
    margin-right: -2rem;
  }

  .lg\:-mr-9 {
    margin-right: -2.25rem;
  }

  .lg\:-mr-10 {
    margin-right: -2.5rem;
  }

  .lg\:-mr-11 {
    margin-right: -2.75rem;
  }

  .lg\:-mr-12 {
    margin-right: -3rem;
  }

  .lg\:-mr-14 {
    margin-right: -3.5rem;
  }

  .lg\:-mr-16 {
    margin-right: -4rem;
  }

  .lg\:-mr-20 {
    margin-right: -5rem;
  }

  .lg\:-mr-24 {
    margin-right: -6rem;
  }

  .lg\:-mr-28 {
    margin-right: -7rem;
  }

  .lg\:-mr-32 {
    margin-right: -8rem;
  }

  .lg\:-mr-36 {
    margin-right: -9rem;
  }

  .lg\:-mr-40 {
    margin-right: -10rem;
  }

  .lg\:-mr-44 {
    margin-right: -11rem;
  }

  .lg\:-mr-48 {
    margin-right: -12rem;
  }

  .lg\:-mr-52 {
    margin-right: -13rem;
  }

  .lg\:-mr-56 {
    margin-right: -14rem;
  }

  .lg\:-mr-60 {
    margin-right: -15rem;
  }

  .lg\:-mr-64 {
    margin-right: -16rem;
  }

  .lg\:-mr-72 {
    margin-right: -18rem;
  }

  .lg\:-mr-80 {
    margin-right: -20rem;
  }

  .lg\:-mr-96 {
    margin-right: -24rem;
  }

  .lg\:-mr-px {
    margin-right: -1px;
  }

  .lg\:-mr-0\.5 {
    margin-right: -0.125rem;
  }

  .lg\:-mr-1\.5 {
    margin-right: -0.375rem;
  }

  .lg\:-mr-2\.5 {
    margin-right: -0.625rem;
  }

  .lg\:-mr-3\.5 {
    margin-right: -0.875rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:mb-28 {
    margin-bottom: 7rem;
  }

  .lg\:mb-32 {
    margin-bottom: 8rem;
  }

  .lg\:mb-36 {
    margin-bottom: 9rem;
  }

  .lg\:mb-40 {
    margin-bottom: 10rem;
  }

  .lg\:mb-44 {
    margin-bottom: 11rem;
  }

  .lg\:mb-48 {
    margin-bottom: 12rem;
  }

  .lg\:mb-52 {
    margin-bottom: 13rem;
  }

  .lg\:mb-56 {
    margin-bottom: 14rem;
  }

  .lg\:mb-60 {
    margin-bottom: 15rem;
  }

  .lg\:mb-64 {
    margin-bottom: 16rem;
  }

  .lg\:mb-72 {
    margin-bottom: 18rem;
  }

  .lg\:mb-80 {
    margin-bottom: 20rem;
  }

  .lg\:mb-96 {
    margin-bottom: 24rem;
  }

  .lg\:mb-auto {
    margin-bottom: auto;
  }

  .lg\:mb-px {
    margin-bottom: 1px;
  }

  .lg\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }

  .lg\:mb-1\.5 {
    margin-bottom: 0.375rem;
  }

  .lg\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }

  .lg\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }

  .lg\:-mb-0 {
    margin-bottom: 0px;
  }

  .lg\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .lg\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .lg\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .lg\:-mb-4 {
    margin-bottom: -1rem;
  }

  .lg\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .lg\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .lg\:-mb-7 {
    margin-bottom: -1.75rem;
  }

  .lg\:-mb-8 {
    margin-bottom: -2rem;
  }

  .lg\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  .lg\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .lg\:-mb-11 {
    margin-bottom: -2.75rem;
  }

  .lg\:-mb-12 {
    margin-bottom: -3rem;
  }

  .lg\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  .lg\:-mb-16 {
    margin-bottom: -4rem;
  }

  .lg\:-mb-20 {
    margin-bottom: -5rem;
  }

  .lg\:-mb-24 {
    margin-bottom: -6rem;
  }

  .lg\:-mb-28 {
    margin-bottom: -7rem;
  }

  .lg\:-mb-32 {
    margin-bottom: -8rem;
  }

  .lg\:-mb-36 {
    margin-bottom: -9rem;
  }

  .lg\:-mb-40 {
    margin-bottom: -10rem;
  }

  .lg\:-mb-44 {
    margin-bottom: -11rem;
  }

  .lg\:-mb-48 {
    margin-bottom: -12rem;
  }

  .lg\:-mb-52 {
    margin-bottom: -13rem;
  }

  .lg\:-mb-56 {
    margin-bottom: -14rem;
  }

  .lg\:-mb-60 {
    margin-bottom: -15rem;
  }

  .lg\:-mb-64 {
    margin-bottom: -16rem;
  }

  .lg\:-mb-72 {
    margin-bottom: -18rem;
  }

  .lg\:-mb-80 {
    margin-bottom: -20rem;
  }

  .lg\:-mb-96 {
    margin-bottom: -24rem;
  }

  .lg\:-mb-px {
    margin-bottom: -1px;
  }

  .lg\:-mb-0\.5 {
    margin-bottom: -0.125rem;
  }

  .lg\:-mb-1\.5 {
    margin-bottom: -0.375rem;
  }

  .lg\:-mb-2\.5 {
    margin-bottom: -0.625rem;
  }

  .lg\:-mb-3\.5 {
    margin-bottom: -0.875rem;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:ml-2 {
    margin-left: 0.5rem;
  }

  .lg\:ml-3 {
    margin-left: 0.75rem;
  }

  .lg\:ml-4 {
    margin-left: 1rem;
  }

  .lg\:ml-5 {
    margin-left: 1.25rem;
  }

  .lg\:ml-6 {
    margin-left: 1.5rem;
  }

  .lg\:ml-7 {
    margin-left: 1.75rem;
  }

  .lg\:ml-8 {
    margin-left: 2rem;
  }

  .lg\:ml-9 {
    margin-left: 2.25rem;
  }

  .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  .lg\:ml-11 {
    margin-left: 2.75rem;
  }

  .lg\:ml-12 {
    margin-left: 3rem;
  }

  .lg\:ml-14 {
    margin-left: 3.5rem;
  }

  .lg\:ml-16 {
    margin-left: 4rem;
  }

  .lg\:ml-20 {
    margin-left: 5rem;
  }

  .lg\:ml-24 {
    margin-left: 6rem;
  }

  .lg\:ml-28 {
    margin-left: 7rem;
  }

  .lg\:ml-32 {
    margin-left: 8rem;
  }

  .lg\:ml-36 {
    margin-left: 9rem;
  }

  .lg\:ml-40 {
    margin-left: 10rem;
  }

  .lg\:ml-44 {
    margin-left: 11rem;
  }

  .lg\:ml-48 {
    margin-left: 12rem;
  }

  .lg\:ml-52 {
    margin-left: 13rem;
  }

  .lg\:ml-56 {
    margin-left: 14rem;
  }

  .lg\:ml-60 {
    margin-left: 15rem;
  }

  .lg\:ml-64 {
    margin-left: 16rem;
  }

  .lg\:ml-72 {
    margin-left: 18rem;
  }

  .lg\:ml-80 {
    margin-left: 20rem;
  }

  .lg\:ml-96 {
    margin-left: 24rem;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:ml-px {
    margin-left: 1px;
  }

  .lg\:ml-0\.5 {
    margin-left: 0.125rem;
  }

  .lg\:ml-1\.5 {
    margin-left: 0.375rem;
  }

  .lg\:ml-2\.5 {
    margin-left: 0.625rem;
  }

  .lg\:ml-3\.5 {
    margin-left: 0.875rem;
  }

  .lg\:-ml-0 {
    margin-left: 0px;
  }

  .lg\:-ml-1 {
    margin-left: -0.25rem;
  }

  .lg\:-ml-2 {
    margin-left: -0.5rem;
  }

  .lg\:-ml-3 {
    margin-left: -0.75rem;
  }

  .lg\:-ml-4 {
    margin-left: -1rem;
  }

  .lg\:-ml-5 {
    margin-left: -1.25rem;
  }

  .lg\:-ml-6 {
    margin-left: -1.5rem;
  }

  .lg\:-ml-7 {
    margin-left: -1.75rem;
  }

  .lg\:-ml-8 {
    margin-left: -2rem;
  }

  .lg\:-ml-9 {
    margin-left: -2.25rem;
  }

  .lg\:-ml-10 {
    margin-left: -2.5rem;
  }

  .lg\:-ml-11 {
    margin-left: -2.75rem;
  }

  .lg\:-ml-12 {
    margin-left: -3rem;
  }

  .lg\:-ml-14 {
    margin-left: -3.5rem;
  }

  .lg\:-ml-16 {
    margin-left: -4rem;
  }

  .lg\:-ml-20 {
    margin-left: -5rem;
  }

  .lg\:-ml-24 {
    margin-left: -6rem;
  }

  .lg\:-ml-28 {
    margin-left: -7rem;
  }

  .lg\:-ml-32 {
    margin-left: -8rem;
  }

  .lg\:-ml-36 {
    margin-left: -9rem;
  }

  .lg\:-ml-40 {
    margin-left: -10rem;
  }

  .lg\:-ml-44 {
    margin-left: -11rem;
  }

  .lg\:-ml-48 {
    margin-left: -12rem;
  }

  .lg\:-ml-52 {
    margin-left: -13rem;
  }

  .lg\:-ml-56 {
    margin-left: -14rem;
  }

  .lg\:-ml-60 {
    margin-left: -15rem;
  }

  .lg\:-ml-64 {
    margin-left: -16rem;
  }

  .lg\:-ml-72 {
    margin-left: -18rem;
  }

  .lg\:-ml-80 {
    margin-left: -20rem;
  }

  .lg\:-ml-96 {
    margin-left: -24rem;
  }

  .lg\:-ml-px {
    margin-left: -1px;
  }

  .lg\:-ml-0\.5 {
    margin-left: -0.125rem;
  }

  .lg\:-ml-1\.5 {
    margin-left: -0.375rem;
  }

  .lg\:-ml-2\.5 {
    margin-left: -0.625rem;
  }

  .lg\:-ml-3\.5 {
    margin-left: -0.875rem;
  }

  .lg\:box-border {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lg\:box-content {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .lg\:table {
    display: table;
  }

  .lg\:inline-table {
    display: inline-table;
  }

  .lg\:table-caption {
    display: table-caption;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:table-column {
    display: table-column;
  }

  .lg\:table-column-group {
    display: table-column-group;
  }

  .lg\:table-footer-group {
    display: table-footer-group;
  }

  .lg\:table-header-group {
    display: table-header-group;
  }

  .lg\:table-row-group {
    display: table-row-group;
  }

  .lg\:table-row {
    display: table-row;
  }

  .lg\:flow-root {
    display: flow-root;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:inline-grid {
    display: inline-grid;
  }

  .lg\:contents {
    display: contents;
  }

  .lg\:list-item {
    display: list-item;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-0 {
    height: 0px;
  }

  .lg\:h-1 {
    height: 0.25rem;
  }

  .lg\:h-2 {
    height: 0.5rem;
  }

  .lg\:h-3 {
    height: 0.75rem;
  }

  .lg\:h-4 {
    height: 1rem;
  }

  .lg\:h-5 {
    height: 1.25rem;
  }

  .lg\:h-6 {
    height: 1.5rem;
  }

  .lg\:h-7 {
    height: 1.75rem;
  }

  .lg\:h-8 {
    height: 2rem;
  }

  .lg\:h-9 {
    height: 2.25rem;
  }

  .lg\:h-10 {
    height: 2.5rem;
  }

  .lg\:h-11 {
    height: 2.75rem;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-14 {
    height: 3.5rem;
  }

  .lg\:h-16 {
    height: 4rem;
  }

  .lg\:h-20 {
    height: 5rem;
  }

  .lg\:h-24 {
    height: 6rem;
  }

  .lg\:h-28 {
    height: 7rem;
  }

  .lg\:h-32 {
    height: 8rem;
  }

  .lg\:h-36 {
    height: 9rem;
  }

  .lg\:h-40 {
    height: 10rem;
  }

  .lg\:h-44 {
    height: 11rem;
  }

  .lg\:h-48 {
    height: 12rem;
  }

  .lg\:h-52 {
    height: 13rem;
  }

  .lg\:h-56 {
    height: 14rem;
  }

  .lg\:h-60 {
    height: 15rem;
  }

  .lg\:h-64 {
    height: 16rem;
  }

  .lg\:h-72 {
    height: 18rem;
  }

  .lg\:h-80 {
    height: 20rem;
  }

  .lg\:h-96 {
    height: 24rem;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-px {
    height: 1px;
  }

  .lg\:h-0\.5 {
    height: 0.125rem;
  }

  .lg\:h-1\.5 {
    height: 0.375rem;
  }

  .lg\:h-2\.5 {
    height: 0.625rem;
  }

  .lg\:h-3\.5 {
    height: 0.875rem;
  }

  .lg\:h-1\/2 {
    height: 50%;
  }

  .lg\:h-1\/3 {
    height: 33.333333%;
  }

  .lg\:h-2\/3 {
    height: 66.666667%;
  }

  .lg\:h-1\/4 {
    height: 25%;
  }

  .lg\:h-2\/4 {
    height: 50%;
  }

  .lg\:h-3\/4 {
    height: 75%;
  }

  .lg\:h-1\/5 {
    height: 20%;
  }

  .lg\:h-2\/5 {
    height: 40%;
  }

  .lg\:h-3\/5 {
    height: 60%;
  }

  .lg\:h-4\/5 {
    height: 80%;
  }

  .lg\:h-1\/6 {
    height: 16.666667%;
  }

  .lg\:h-2\/6 {
    height: 33.333333%;
  }

  .lg\:h-3\/6 {
    height: 50%;
  }

  .lg\:h-4\/6 {
    height: 66.666667%;
  }

  .lg\:h-5\/6 {
    height: 83.333333%;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:max-h-0 {
    max-height: 0px;
  }

  .lg\:max-h-1 {
    max-height: 0.25rem;
  }

  .lg\:max-h-2 {
    max-height: 0.5rem;
  }

  .lg\:max-h-3 {
    max-height: 0.75rem;
  }

  .lg\:max-h-4 {
    max-height: 1rem;
  }

  .lg\:max-h-5 {
    max-height: 1.25rem;
  }

  .lg\:max-h-6 {
    max-height: 1.5rem;
  }

  .lg\:max-h-7 {
    max-height: 1.75rem;
  }

  .lg\:max-h-8 {
    max-height: 2rem;
  }

  .lg\:max-h-9 {
    max-height: 2.25rem;
  }

  .lg\:max-h-10 {
    max-height: 2.5rem;
  }

  .lg\:max-h-11 {
    max-height: 2.75rem;
  }

  .lg\:max-h-12 {
    max-height: 3rem;
  }

  .lg\:max-h-14 {
    max-height: 3.5rem;
  }

  .lg\:max-h-16 {
    max-height: 4rem;
  }

  .lg\:max-h-20 {
    max-height: 5rem;
  }

  .lg\:max-h-24 {
    max-height: 6rem;
  }

  .lg\:max-h-28 {
    max-height: 7rem;
  }

  .lg\:max-h-32 {
    max-height: 8rem;
  }

  .lg\:max-h-36 {
    max-height: 9rem;
  }

  .lg\:max-h-40 {
    max-height: 10rem;
  }

  .lg\:max-h-44 {
    max-height: 11rem;
  }

  .lg\:max-h-48 {
    max-height: 12rem;
  }

  .lg\:max-h-52 {
    max-height: 13rem;
  }

  .lg\:max-h-56 {
    max-height: 14rem;
  }

  .lg\:max-h-60 {
    max-height: 15rem;
  }

  .lg\:max-h-64 {
    max-height: 16rem;
  }

  .lg\:max-h-72 {
    max-height: 18rem;
  }

  .lg\:max-h-80 {
    max-height: 20rem;
  }

  .lg\:max-h-96 {
    max-height: 24rem;
  }

  .lg\:max-h-px {
    max-height: 1px;
  }

  .lg\:max-h-0\.5 {
    max-height: 0.125rem;
  }

  .lg\:max-h-1\.5 {
    max-height: 0.375rem;
  }

  .lg\:max-h-2\.5 {
    max-height: 0.625rem;
  }

  .lg\:max-h-3\.5 {
    max-height: 0.875rem;
  }

  .lg\:max-h-full {
    max-height: 100%;
  }

  .lg\:max-h-screen {
    max-height: 100vh;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

  .lg\:min-h-full {
    min-height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:w-0 {
    width: 0px;
  }

  .lg\:w-1 {
    width: 0.25rem;
  }

  .lg\:w-2 {
    width: 0.5rem;
  }

  .lg\:w-3 {
    width: 0.75rem;
  }

  .lg\:w-4 {
    width: 1rem;
  }

  .lg\:w-5 {
    width: 1.25rem;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:w-7 {
    width: 1.75rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

  .lg\:w-9 {
    width: 2.25rem;
  }

  .lg\:w-10 {
    width: 2.5rem;
  }

  .lg\:w-11 {
    width: 2.75rem;
  }

  .lg\:w-12 {
    width: 3rem;
  }

  .lg\:w-14 {
    width: 3.5rem;
  }

  .lg\:w-16 {
    width: 4rem;
  }

  .lg\:w-20 {
    width: 5rem;
  }

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-28 {
    width: 7rem;
  }

  .lg\:w-32 {
    width: 8rem;
  }

  .lg\:w-36 {
    width: 9rem;
  }

  .lg\:w-40 {
    width: 10rem;
  }

  .lg\:w-44 {
    width: 11rem;
  }

  .lg\:w-48 {
    width: 12rem;
  }

  .lg\:w-52 {
    width: 13rem;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-60 {
    width: 15rem;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-96 {
    width: 24rem;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-px {
    width: 1px;
  }

  .lg\:w-0\.5 {
    width: 0.125rem;
  }

  .lg\:w-1\.5 {
    width: 0.375rem;
  }

  .lg\:w-2\.5 {
    width: 0.625rem;
  }

  .lg\:w-3\.5 {
    width: 0.875rem;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-2\/4 {
    width: 50%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-4\/5 {
    width: 80%;
  }

  .lg\:w-1\/6 {
    width: 16.666667%;
  }

  .lg\:w-2\/6 {
    width: 33.333333%;
  }

  .lg\:w-3\/6 {
    width: 50%;
  }

  .lg\:w-4\/6 {
    width: 66.666667%;
  }

  .lg\:w-5\/6 {
    width: 83.333333%;
  }

  .lg\:w-1\/12 {
    width: 8.333333%;
  }

  .lg\:w-2\/12 {
    width: 16.666667%;
  }

  .lg\:w-3\/12 {
    width: 25%;
  }

  .lg\:w-4\/12 {
    width: 33.333333%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-7\/12 {
    width: 58.333333%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-11\/12 {
    width: 91.666667%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-screen {
    width: 100vw;
  }

  .lg\:w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  .lg\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .lg\:min-w-0 {
    min-width: 0px;
  }

  .lg\:min-w-full {
    min-width: 100%;
  }

  .lg\:min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }

  .lg\:min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .lg\:max-w-0 {
    max-width: 0rem;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:max-w-xs {
    max-width: 20rem;
  }

  .lg\:max-w-sm {
    max-width: 24rem;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:max-w-lg {
    max-width: 32rem;
  }

  .lg\:max-w-xl {
    max-width: 36rem;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-3xl {
    max-width: 48rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-5xl {
    max-width: 64rem;
  }

  .lg\:max-w-6xl {
    max-width: 72rem;
  }

  .lg\:max-w-7xl {
    max-width: 80rem;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .lg\:max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .lg\:max-w-prose {
    max-width: 65ch;
  }

  .lg\:max-w-screen-sm {
    max-width: 640px;
  }

  .lg\:max-w-screen-md {
    max-width: 768px;
  }

  .lg\:max-w-screen-lg {
    max-width: 1024px;
  }

  .lg\:max-w-screen-xl {
    max-width: 1280px;
  }

  .lg\:max-w-screen-2xl {
    max-width: 1536px;
  }

  .lg\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }

  .lg\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .lg\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .lg\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .lg\:flex-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .lg\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .lg\:flex-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .lg\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .lg\:table-auto {
    table-layout: auto;
  }

  .lg\:table-fixed {
    table-layout: fixed;
  }

  .lg\:border-collapse {
    border-collapse: collapse;
  }

  .lg\:border-separate {
    border-collapse: separate;
  }

  .lg\:origin-center {
    -webkit-transform-origin: center;
            transform-origin: center;
  }

  .lg\:origin-top {
    -webkit-transform-origin: top;
            transform-origin: top;
  }

  .lg\:origin-top-right {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }

  .lg\:origin-right {
    -webkit-transform-origin: right;
            transform-origin: right;
  }

  .lg\:origin-bottom-right {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }

  .lg\:origin-bottom {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }

  .lg\:origin-bottom-left {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }

  .lg\:origin-left {
    -webkit-transform-origin: left;
            transform-origin: left;
  }

  .lg\:origin-top-left {
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  .lg\:transform {
    --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;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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));
  }

  .lg\:transform-gpu {
    --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;
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:transform-none {
    -webkit-transform: none;
            transform: none;
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
  }

  .lg\:translate-x-1 {
    --tw-translate-x: 0.25rem;
  }

  .lg\:translate-x-2 {
    --tw-translate-x: 0.5rem;
  }

  .lg\:translate-x-3 {
    --tw-translate-x: 0.75rem;
  }

  .lg\:translate-x-4 {
    --tw-translate-x: 1rem;
  }

  .lg\:translate-x-5 {
    --tw-translate-x: 1.25rem;
  }

  .lg\:translate-x-6 {
    --tw-translate-x: 1.5rem;
  }

  .lg\:translate-x-7 {
    --tw-translate-x: 1.75rem;
  }

  .lg\:translate-x-8 {
    --tw-translate-x: 2rem;
  }

  .lg\:translate-x-9 {
    --tw-translate-x: 2.25rem;
  }

  .lg\:translate-x-10 {
    --tw-translate-x: 2.5rem;
  }

  .lg\:translate-x-11 {
    --tw-translate-x: 2.75rem;
  }

  .lg\:translate-x-12 {
    --tw-translate-x: 3rem;
  }

  .lg\:translate-x-14 {
    --tw-translate-x: 3.5rem;
  }

  .lg\:translate-x-16 {
    --tw-translate-x: 4rem;
  }

  .lg\:translate-x-20 {
    --tw-translate-x: 5rem;
  }

  .lg\:translate-x-24 {
    --tw-translate-x: 6rem;
  }

  .lg\:translate-x-28 {
    --tw-translate-x: 7rem;
  }

  .lg\:translate-x-32 {
    --tw-translate-x: 8rem;
  }

  .lg\:translate-x-36 {
    --tw-translate-x: 9rem;
  }

  .lg\:translate-x-40 {
    --tw-translate-x: 10rem;
  }

  .lg\:translate-x-44 {
    --tw-translate-x: 11rem;
  }

  .lg\:translate-x-48 {
    --tw-translate-x: 12rem;
  }

  .lg\:translate-x-52 {
    --tw-translate-x: 13rem;
  }

  .lg\:translate-x-56 {
    --tw-translate-x: 14rem;
  }

  .lg\:translate-x-60 {
    --tw-translate-x: 15rem;
  }

  .lg\:translate-x-64 {
    --tw-translate-x: 16rem;
  }

  .lg\:translate-x-72 {
    --tw-translate-x: 18rem;
  }

  .lg\:translate-x-80 {
    --tw-translate-x: 20rem;
  }

  .lg\:translate-x-96 {
    --tw-translate-x: 24rem;
  }

  .lg\:translate-x-px {
    --tw-translate-x: 1px;
  }

  .lg\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
  }

  .lg\:translate-x-1\.5 {
    --tw-translate-x: 0.375rem;
  }

  .lg\:translate-x-2\.5 {
    --tw-translate-x: 0.625rem;
  }

  .lg\:translate-x-3\.5 {
    --tw-translate-x: 0.875rem;
  }

  .lg\:-translate-x-0 {
    --tw-translate-x: 0px;
  }

  .lg\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
  }

  .lg\:-translate-x-2 {
    --tw-translate-x: -0.5rem;
  }

  .lg\:-translate-x-3 {
    --tw-translate-x: -0.75rem;
  }

  .lg\:-translate-x-4 {
    --tw-translate-x: -1rem;
  }

  .lg\:-translate-x-5 {
    --tw-translate-x: -1.25rem;
  }

  .lg\:-translate-x-6 {
    --tw-translate-x: -1.5rem;
  }

  .lg\:-translate-x-7 {
    --tw-translate-x: -1.75rem;
  }

  .lg\:-translate-x-8 {
    --tw-translate-x: -2rem;
  }

  .lg\:-translate-x-9 {
    --tw-translate-x: -2.25rem;
  }

  .lg\:-translate-x-10 {
    --tw-translate-x: -2.5rem;
  }

  .lg\:-translate-x-11 {
    --tw-translate-x: -2.75rem;
  }

  .lg\:-translate-x-12 {
    --tw-translate-x: -3rem;
  }

  .lg\:-translate-x-14 {
    --tw-translate-x: -3.5rem;
  }

  .lg\:-translate-x-16 {
    --tw-translate-x: -4rem;
  }

  .lg\:-translate-x-20 {
    --tw-translate-x: -5rem;
  }

  .lg\:-translate-x-24 {
    --tw-translate-x: -6rem;
  }

  .lg\:-translate-x-28 {
    --tw-translate-x: -7rem;
  }

  .lg\:-translate-x-32 {
    --tw-translate-x: -8rem;
  }

  .lg\:-translate-x-36 {
    --tw-translate-x: -9rem;
  }

  .lg\:-translate-x-40 {
    --tw-translate-x: -10rem;
  }

  .lg\:-translate-x-44 {
    --tw-translate-x: -11rem;
  }

  .lg\:-translate-x-48 {
    --tw-translate-x: -12rem;
  }

  .lg\:-translate-x-52 {
    --tw-translate-x: -13rem;
  }

  .lg\:-translate-x-56 {
    --tw-translate-x: -14rem;
  }

  .lg\:-translate-x-60 {
    --tw-translate-x: -15rem;
  }

  .lg\:-translate-x-64 {
    --tw-translate-x: -16rem;
  }

  .lg\:-translate-x-72 {
    --tw-translate-x: -18rem;
  }

  .lg\:-translate-x-80 {
    --tw-translate-x: -20rem;
  }

  .lg\:-translate-x-96 {
    --tw-translate-x: -24rem;
  }

  .lg\:-translate-x-px {
    --tw-translate-x: -1px;
  }

  .lg\:-translate-x-0\.5 {
    --tw-translate-x: -0.125rem;
  }

  .lg\:-translate-x-1\.5 {
    --tw-translate-x: -0.375rem;
  }

  .lg\:-translate-x-2\.5 {
    --tw-translate-x: -0.625rem;
  }

  .lg\:-translate-x-3\.5 {
    --tw-translate-x: -0.875rem;
  }

  .lg\:translate-x-1\/2 {
    --tw-translate-x: 50%;
  }

  .lg\:translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
  }

  .lg\:translate-x-2\/3 {
    --tw-translate-x: 66.666667%;
  }

  .lg\:translate-x-1\/4 {
    --tw-translate-x: 25%;
  }

  .lg\:translate-x-2\/4 {
    --tw-translate-x: 50%;
  }

  .lg\:translate-x-3\/4 {
    --tw-translate-x: 75%;
  }

  .lg\:translate-x-full {
    --tw-translate-x: 100%;
  }

  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .lg\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
  }

  .lg\:-translate-x-2\/3 {
    --tw-translate-x: -66.666667%;
  }

  .lg\:-translate-x-1\/4 {
    --tw-translate-x: -25%;
  }

  .lg\:-translate-x-2\/4 {
    --tw-translate-x: -50%;
  }

  .lg\:-translate-x-3\/4 {
    --tw-translate-x: -75%;
  }

  .lg\:-translate-x-full {
    --tw-translate-x: -100%;
  }

  .lg\:translate-y-0 {
    --tw-translate-y: 0px;
  }

  .lg\:translate-y-1 {
    --tw-translate-y: 0.25rem;
  }

  .lg\:translate-y-2 {
    --tw-translate-y: 0.5rem;
  }

  .lg\:translate-y-3 {
    --tw-translate-y: 0.75rem;
  }

  .lg\:translate-y-4 {
    --tw-translate-y: 1rem;
  }

  .lg\:translate-y-5 {
    --tw-translate-y: 1.25rem;
  }

  .lg\:translate-y-6 {
    --tw-translate-y: 1.5rem;
  }

  .lg\:translate-y-7 {
    --tw-translate-y: 1.75rem;
  }

  .lg\:translate-y-8 {
    --tw-translate-y: 2rem;
  }

  .lg\:translate-y-9 {
    --tw-translate-y: 2.25rem;
  }

  .lg\:translate-y-10 {
    --tw-translate-y: 2.5rem;
  }

  .lg\:translate-y-11 {
    --tw-translate-y: 2.75rem;
  }

  .lg\:translate-y-12 {
    --tw-translate-y: 3rem;
  }

  .lg\:translate-y-14 {
    --tw-translate-y: 3.5rem;
  }

  .lg\:translate-y-16 {
    --tw-translate-y: 4rem;
  }

  .lg\:translate-y-20 {
    --tw-translate-y: 5rem;
  }

  .lg\:translate-y-24 {
    --tw-translate-y: 6rem;
  }

  .lg\:translate-y-28 {
    --tw-translate-y: 7rem;
  }

  .lg\:translate-y-32 {
    --tw-translate-y: 8rem;
  }

  .lg\:translate-y-36 {
    --tw-translate-y: 9rem;
  }

  .lg\:translate-y-40 {
    --tw-translate-y: 10rem;
  }

  .lg\:translate-y-44 {
    --tw-translate-y: 11rem;
  }

  .lg\:translate-y-48 {
    --tw-translate-y: 12rem;
  }

  .lg\:translate-y-52 {
    --tw-translate-y: 13rem;
  }

  .lg\:translate-y-56 {
    --tw-translate-y: 14rem;
  }

  .lg\:translate-y-60 {
    --tw-translate-y: 15rem;
  }

  .lg\:translate-y-64 {
    --tw-translate-y: 16rem;
  }

  .lg\:translate-y-72 {
    --tw-translate-y: 18rem;
  }

  .lg\:translate-y-80 {
    --tw-translate-y: 20rem;
  }

  .lg\:translate-y-96 {
    --tw-translate-y: 24rem;
  }

  .lg\:translate-y-px {
    --tw-translate-y: 1px;
  }

  .lg\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
  }

  .lg\:translate-y-1\.5 {
    --tw-translate-y: 0.375rem;
  }

  .lg\:translate-y-2\.5 {
    --tw-translate-y: 0.625rem;
  }

  .lg\:translate-y-3\.5 {
    --tw-translate-y: 0.875rem;
  }

  .lg\:-translate-y-0 {
    --tw-translate-y: 0px;
  }

  .lg\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
  }

  .lg\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
  }

  .lg\:-translate-y-3 {
    --tw-translate-y: -0.75rem;
  }

  .lg\:-translate-y-4 {
    --tw-translate-y: -1rem;
  }

  .lg\:-translate-y-5 {
    --tw-translate-y: -1.25rem;
  }

  .lg\:-translate-y-6 {
    --tw-translate-y: -1.5rem;
  }

  .lg\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
  }

  .lg\:-translate-y-8 {
    --tw-translate-y: -2rem;
  }

  .lg\:-translate-y-9 {
    --tw-translate-y: -2.25rem;
  }

  .lg\:-translate-y-10 {
    --tw-translate-y: -2.5rem;
  }

  .lg\:-translate-y-11 {
    --tw-translate-y: -2.75rem;
  }

  .lg\:-translate-y-12 {
    --tw-translate-y: -3rem;
  }

  .lg\:-translate-y-14 {
    --tw-translate-y: -3.5rem;
  }

  .lg\:-translate-y-16 {
    --tw-translate-y: -4rem;
  }

  .lg\:-translate-y-20 {
    --tw-translate-y: -5rem;
  }

  .lg\:-translate-y-24 {
    --tw-translate-y: -6rem;
  }

  .lg\:-translate-y-28 {
    --tw-translate-y: -7rem;
  }

  .lg\:-translate-y-32 {
    --tw-translate-y: -8rem;
  }

  .lg\:-translate-y-36 {
    --tw-translate-y: -9rem;
  }

  .lg\:-translate-y-40 {
    --tw-translate-y: -10rem;
  }

  .lg\:-translate-y-44 {
    --tw-translate-y: -11rem;
  }

  .lg\:-translate-y-48 {
    --tw-translate-y: -12rem;
  }

  .lg\:-translate-y-52 {
    --tw-translate-y: -13rem;
  }

  .lg\:-translate-y-56 {
    --tw-translate-y: -14rem;
  }

  .lg\:-translate-y-60 {
    --tw-translate-y: -15rem;
  }

  .lg\:-translate-y-64 {
    --tw-translate-y: -16rem;
  }

  .lg\:-translate-y-72 {
    --tw-translate-y: -18rem;
  }

  .lg\:-translate-y-80 {
    --tw-translate-y: -20rem;
  }

  .lg\:-translate-y-96 {
    --tw-translate-y: -24rem;
  }

  .lg\:-translate-y-px {
    --tw-translate-y: -1px;
  }

  .lg\:-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
  }

  .lg\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
  }

  .lg\:-translate-y-2\.5 {
    --tw-translate-y: -0.625rem;
  }

  .lg\:-translate-y-3\.5 {
    --tw-translate-y: -0.875rem;
  }

  .lg\:translate-y-1\/2 {
    --tw-translate-y: 50%;
  }

  .lg\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }

  .lg\:translate-y-2\/3 {
    --tw-translate-y: 66.666667%;
  }

  .lg\:translate-y-1\/4 {
    --tw-translate-y: 25%;
  }

  .lg\:translate-y-2\/4 {
    --tw-translate-y: 50%;
  }

  .lg\:translate-y-3\/4 {
    --tw-translate-y: 75%;
  }

  .lg\:translate-y-full {
    --tw-translate-y: 100%;
  }

  .lg\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .lg\:-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
  }

  .lg\:-translate-y-2\/3 {
    --tw-translate-y: -66.666667%;
  }

  .lg\:-translate-y-1\/4 {
    --tw-translate-y: -25%;
  }

  .lg\:-translate-y-2\/4 {
    --tw-translate-y: -50%;
  }

  .lg\:-translate-y-3\/4 {
    --tw-translate-y: -75%;
  }

  .lg\:-translate-y-full {
    --tw-translate-y: -100%;
  }

  .lg\:hover\:translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .lg\:hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem;
  }

  .lg\:hover\:translate-x-2:hover {
    --tw-translate-x: 0.5rem;
  }

  .lg\:hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem;
  }

  .lg\:hover\:translate-x-4:hover {
    --tw-translate-x: 1rem;
  }

  .lg\:hover\:translate-x-5:hover {
    --tw-translate-x: 1.25rem;
  }

  .lg\:hover\:translate-x-6:hover {
    --tw-translate-x: 1.5rem;
  }

  .lg\:hover\:translate-x-7:hover {
    --tw-translate-x: 1.75rem;
  }

  .lg\:hover\:translate-x-8:hover {
    --tw-translate-x: 2rem;
  }

  .lg\:hover\:translate-x-9:hover {
    --tw-translate-x: 2.25rem;
  }

  .lg\:hover\:translate-x-10:hover {
    --tw-translate-x: 2.5rem;
  }

  .lg\:hover\:translate-x-11:hover {
    --tw-translate-x: 2.75rem;
  }

  .lg\:hover\:translate-x-12:hover {
    --tw-translate-x: 3rem;
  }

  .lg\:hover\:translate-x-14:hover {
    --tw-translate-x: 3.5rem;
  }

  .lg\:hover\:translate-x-16:hover {
    --tw-translate-x: 4rem;
  }

  .lg\:hover\:translate-x-20:hover {
    --tw-translate-x: 5rem;
  }

  .lg\:hover\:translate-x-24:hover {
    --tw-translate-x: 6rem;
  }

  .lg\:hover\:translate-x-28:hover {
    --tw-translate-x: 7rem;
  }

  .lg\:hover\:translate-x-32:hover {
    --tw-translate-x: 8rem;
  }

  .lg\:hover\:translate-x-36:hover {
    --tw-translate-x: 9rem;
  }

  .lg\:hover\:translate-x-40:hover {
    --tw-translate-x: 10rem;
  }

  .lg\:hover\:translate-x-44:hover {
    --tw-translate-x: 11rem;
  }

  .lg\:hover\:translate-x-48:hover {
    --tw-translate-x: 12rem;
  }

  .lg\:hover\:translate-x-52:hover {
    --tw-translate-x: 13rem;
  }

  .lg\:hover\:translate-x-56:hover {
    --tw-translate-x: 14rem;
  }

  .lg\:hover\:translate-x-60:hover {
    --tw-translate-x: 15rem;
  }

  .lg\:hover\:translate-x-64:hover {
    --tw-translate-x: 16rem;
  }

  .lg\:hover\:translate-x-72:hover {
    --tw-translate-x: 18rem;
  }

  .lg\:hover\:translate-x-80:hover {
    --tw-translate-x: 20rem;
  }

  .lg\:hover\:translate-x-96:hover {
    --tw-translate-x: 24rem;
  }

  .lg\:hover\:translate-x-px:hover {
    --tw-translate-x: 1px;
  }

  .lg\:hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem;
  }

  .lg\:hover\:translate-x-1\.5:hover {
    --tw-translate-x: 0.375rem;
  }

  .lg\:hover\:translate-x-2\.5:hover {
    --tw-translate-x: 0.625rem;
  }

  .lg\:hover\:translate-x-3\.5:hover {
    --tw-translate-x: 0.875rem;
  }

  .lg\:hover\:-translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .lg\:hover\:-translate-x-1:hover {
    --tw-translate-x: -0.25rem;
  }

  .lg\:hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem;
  }

  .lg\:hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem;
  }

  .lg\:hover\:-translate-x-4:hover {
    --tw-translate-x: -1rem;
  }

  .lg\:hover\:-translate-x-5:hover {
    --tw-translate-x: -1.25rem;
  }

  .lg\:hover\:-translate-x-6:hover {
    --tw-translate-x: -1.5rem;
  }

  .lg\:hover\:-translate-x-7:hover {
    --tw-translate-x: -1.75rem;
  }

  .lg\:hover\:-translate-x-8:hover {
    --tw-translate-x: -2rem;
  }

  .lg\:hover\:-translate-x-9:hover {
    --tw-translate-x: -2.25rem;
  }

  .lg\:hover\:-translate-x-10:hover {
    --tw-translate-x: -2.5rem;
  }

  .lg\:hover\:-translate-x-11:hover {
    --tw-translate-x: -2.75rem;
  }

  .lg\:hover\:-translate-x-12:hover {
    --tw-translate-x: -3rem;
  }

  .lg\:hover\:-translate-x-14:hover {
    --tw-translate-x: -3.5rem;
  }

  .lg\:hover\:-translate-x-16:hover {
    --tw-translate-x: -4rem;
  }

  .lg\:hover\:-translate-x-20:hover {
    --tw-translate-x: -5rem;
  }

  .lg\:hover\:-translate-x-24:hover {
    --tw-translate-x: -6rem;
  }

  .lg\:hover\:-translate-x-28:hover {
    --tw-translate-x: -7rem;
  }

  .lg\:hover\:-translate-x-32:hover {
    --tw-translate-x: -8rem;
  }

  .lg\:hover\:-translate-x-36:hover {
    --tw-translate-x: -9rem;
  }

  .lg\:hover\:-translate-x-40:hover {
    --tw-translate-x: -10rem;
  }

  .lg\:hover\:-translate-x-44:hover {
    --tw-translate-x: -11rem;
  }

  .lg\:hover\:-translate-x-48:hover {
    --tw-translate-x: -12rem;
  }

  .lg\:hover\:-translate-x-52:hover {
    --tw-translate-x: -13rem;
  }

  .lg\:hover\:-translate-x-56:hover {
    --tw-translate-x: -14rem;
  }

  .lg\:hover\:-translate-x-60:hover {
    --tw-translate-x: -15rem;
  }

  .lg\:hover\:-translate-x-64:hover {
    --tw-translate-x: -16rem;
  }

  .lg\:hover\:-translate-x-72:hover {
    --tw-translate-x: -18rem;
  }

  .lg\:hover\:-translate-x-80:hover {
    --tw-translate-x: -20rem;
  }

  .lg\:hover\:-translate-x-96:hover {
    --tw-translate-x: -24rem;
  }

  .lg\:hover\:-translate-x-px:hover {
    --tw-translate-x: -1px;
  }

  .lg\:hover\:-translate-x-0\.5:hover {
    --tw-translate-x: -0.125rem;
  }

  .lg\:hover\:-translate-x-1\.5:hover {
    --tw-translate-x: -0.375rem;
  }

  .lg\:hover\:-translate-x-2\.5:hover {
    --tw-translate-x: -0.625rem;
  }

  .lg\:hover\:-translate-x-3\.5:hover {
    --tw-translate-x: -0.875rem;
  }

  .lg\:hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%;
  }

  .lg\:hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%;
  }

  .lg\:hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%;
  }

  .lg\:hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%;
  }

  .lg\:hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%;
  }

  .lg\:hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%;
  }

  .lg\:hover\:translate-x-full:hover {
    --tw-translate-x: 100%;
  }

  .lg\:hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%;
  }

  .lg\:hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%;
  }

  .lg\:hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%;
  }

  .lg\:hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%;
  }

  .lg\:hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%;
  }

  .lg\:hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%;
  }

  .lg\:hover\:-translate-x-full:hover {
    --tw-translate-x: -100%;
  }

  .lg\:hover\:translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .lg\:hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem;
  }

  .lg\:hover\:translate-y-2:hover {
    --tw-translate-y: 0.5rem;
  }

  .lg\:hover\:translate-y-3:hover {
    --tw-translate-y: 0.75rem;
  }

  .lg\:hover\:translate-y-4:hover {
    --tw-translate-y: 1rem;
  }

  .lg\:hover\:translate-y-5:hover {
    --tw-translate-y: 1.25rem;
  }

  .lg\:hover\:translate-y-6:hover {
    --tw-translate-y: 1.5rem;
  }

  .lg\:hover\:translate-y-7:hover {
    --tw-translate-y: 1.75rem;
  }

  .lg\:hover\:translate-y-8:hover {
    --tw-translate-y: 2rem;
  }

  .lg\:hover\:translate-y-9:hover {
    --tw-translate-y: 2.25rem;
  }

  .lg\:hover\:translate-y-10:hover {
    --tw-translate-y: 2.5rem;
  }

  .lg\:hover\:translate-y-11:hover {
    --tw-translate-y: 2.75rem;
  }

  .lg\:hover\:translate-y-12:hover {
    --tw-translate-y: 3rem;
  }

  .lg\:hover\:translate-y-14:hover {
    --tw-translate-y: 3.5rem;
  }

  .lg\:hover\:translate-y-16:hover {
    --tw-translate-y: 4rem;
  }

  .lg\:hover\:translate-y-20:hover {
    --tw-translate-y: 5rem;
  }

  .lg\:hover\:translate-y-24:hover {
    --tw-translate-y: 6rem;
  }

  .lg\:hover\:translate-y-28:hover {
    --tw-translate-y: 7rem;
  }

  .lg\:hover\:translate-y-32:hover {
    --tw-translate-y: 8rem;
  }

  .lg\:hover\:translate-y-36:hover {
    --tw-translate-y: 9rem;
  }

  .lg\:hover\:translate-y-40:hover {
    --tw-translate-y: 10rem;
  }

  .lg\:hover\:translate-y-44:hover {
    --tw-translate-y: 11rem;
  }

  .lg\:hover\:translate-y-48:hover {
    --tw-translate-y: 12rem;
  }

  .lg\:hover\:translate-y-52:hover {
    --tw-translate-y: 13rem;
  }

  .lg\:hover\:translate-y-56:hover {
    --tw-translate-y: 14rem;
  }

  .lg\:hover\:translate-y-60:hover {
    --tw-translate-y: 15rem;
  }

  .lg\:hover\:translate-y-64:hover {
    --tw-translate-y: 16rem;
  }

  .lg\:hover\:translate-y-72:hover {
    --tw-translate-y: 18rem;
  }

  .lg\:hover\:translate-y-80:hover {
    --tw-translate-y: 20rem;
  }

  .lg\:hover\:translate-y-96:hover {
    --tw-translate-y: 24rem;
  }

  .lg\:hover\:translate-y-px:hover {
    --tw-translate-y: 1px;
  }

  .lg\:hover\:translate-y-0\.5:hover {
    --tw-translate-y: 0.125rem;
  }

  .lg\:hover\:translate-y-1\.5:hover {
    --tw-translate-y: 0.375rem;
  }

  .lg\:hover\:translate-y-2\.5:hover {
    --tw-translate-y: 0.625rem;
  }

  .lg\:hover\:translate-y-3\.5:hover {
    --tw-translate-y: 0.875rem;
  }

  .lg\:hover\:-translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .lg\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
  }

  .lg\:hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
  }

  .lg\:hover\:-translate-y-3:hover {
    --tw-translate-y: -0.75rem;
  }

  .lg\:hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem;
  }

  .lg\:hover\:-translate-y-5:hover {
    --tw-translate-y: -1.25rem;
  }

  .lg\:hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem;
  }

  .lg\:hover\:-translate-y-7:hover {
    --tw-translate-y: -1.75rem;
  }

  .lg\:hover\:-translate-y-8:hover {
    --tw-translate-y: -2rem;
  }

  .lg\:hover\:-translate-y-9:hover {
    --tw-translate-y: -2.25rem;
  }

  .lg\:hover\:-translate-y-10:hover {
    --tw-translate-y: -2.5rem;
  }

  .lg\:hover\:-translate-y-11:hover {
    --tw-translate-y: -2.75rem;
  }

  .lg\:hover\:-translate-y-12:hover {
    --tw-translate-y: -3rem;
  }

  .lg\:hover\:-translate-y-14:hover {
    --tw-translate-y: -3.5rem;
  }

  .lg\:hover\:-translate-y-16:hover {
    --tw-translate-y: -4rem;
  }

  .lg\:hover\:-translate-y-20:hover {
    --tw-translate-y: -5rem;
  }

  .lg\:hover\:-translate-y-24:hover {
    --tw-translate-y: -6rem;
  }

  .lg\:hover\:-translate-y-28:hover {
    --tw-translate-y: -7rem;
  }

  .lg\:hover\:-translate-y-32:hover {
    --tw-translate-y: -8rem;
  }

  .lg\:hover\:-translate-y-36:hover {
    --tw-translate-y: -9rem;
  }

  .lg\:hover\:-translate-y-40:hover {
    --tw-translate-y: -10rem;
  }

  .lg\:hover\:-translate-y-44:hover {
    --tw-translate-y: -11rem;
  }

  .lg\:hover\:-translate-y-48:hover {
    --tw-translate-y: -12rem;
  }

  .lg\:hover\:-translate-y-52:hover {
    --tw-translate-y: -13rem;
  }

  .lg\:hover\:-translate-y-56:hover {
    --tw-translate-y: -14rem;
  }

  .lg\:hover\:-translate-y-60:hover {
    --tw-translate-y: -15rem;
  }

  .lg\:hover\:-translate-y-64:hover {
    --tw-translate-y: -16rem;
  }

  .lg\:hover\:-translate-y-72:hover {
    --tw-translate-y: -18rem;
  }

  .lg\:hover\:-translate-y-80:hover {
    --tw-translate-y: -20rem;
  }

  .lg\:hover\:-translate-y-96:hover {
    --tw-translate-y: -24rem;
  }

  .lg\:hover\:-translate-y-px:hover {
    --tw-translate-y: -1px;
  }

  .lg\:hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
  }

  .lg\:hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -0.375rem;
  }

  .lg\:hover\:-translate-y-2\.5:hover {
    --tw-translate-y: -0.625rem;
  }

  .lg\:hover\:-translate-y-3\.5:hover {
    --tw-translate-y: -0.875rem;
  }

  .lg\:hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%;
  }

  .lg\:hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%;
  }

  .lg\:hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%;
  }

  .lg\:hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%;
  }

  .lg\:hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%;
  }

  .lg\:hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%;
  }

  .lg\:hover\:translate-y-full:hover {
    --tw-translate-y: 100%;
  }

  .lg\:hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%;
  }

  .lg\:hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%;
  }

  .lg\:hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%;
  }

  .lg\:hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%;
  }

  .lg\:hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%;
  }

  .lg\:hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%;
  }

  .lg\:hover\:-translate-y-full:hover {
    --tw-translate-y: -100%;
  }

  .lg\:focus\:translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .lg\:focus\:translate-x-1:focus {
    --tw-translate-x: 0.25rem;
  }

  .lg\:focus\:translate-x-2:focus {
    --tw-translate-x: 0.5rem;
  }

  .lg\:focus\:translate-x-3:focus {
    --tw-translate-x: 0.75rem;
  }

  .lg\:focus\:translate-x-4:focus {
    --tw-translate-x: 1rem;
  }

  .lg\:focus\:translate-x-5:focus {
    --tw-translate-x: 1.25rem;
  }

  .lg\:focus\:translate-x-6:focus {
    --tw-translate-x: 1.5rem;
  }

  .lg\:focus\:translate-x-7:focus {
    --tw-translate-x: 1.75rem;
  }

  .lg\:focus\:translate-x-8:focus {
    --tw-translate-x: 2rem;
  }

  .lg\:focus\:translate-x-9:focus {
    --tw-translate-x: 2.25rem;
  }

  .lg\:focus\:translate-x-10:focus {
    --tw-translate-x: 2.5rem;
  }

  .lg\:focus\:translate-x-11:focus {
    --tw-translate-x: 2.75rem;
  }

  .lg\:focus\:translate-x-12:focus {
    --tw-translate-x: 3rem;
  }

  .lg\:focus\:translate-x-14:focus {
    --tw-translate-x: 3.5rem;
  }

  .lg\:focus\:translate-x-16:focus {
    --tw-translate-x: 4rem;
  }

  .lg\:focus\:translate-x-20:focus {
    --tw-translate-x: 5rem;
  }

  .lg\:focus\:translate-x-24:focus {
    --tw-translate-x: 6rem;
  }

  .lg\:focus\:translate-x-28:focus {
    --tw-translate-x: 7rem;
  }

  .lg\:focus\:translate-x-32:focus {
    --tw-translate-x: 8rem;
  }

  .lg\:focus\:translate-x-36:focus {
    --tw-translate-x: 9rem;
  }

  .lg\:focus\:translate-x-40:focus {
    --tw-translate-x: 10rem;
  }

  .lg\:focus\:translate-x-44:focus {
    --tw-translate-x: 11rem;
  }

  .lg\:focus\:translate-x-48:focus {
    --tw-translate-x: 12rem;
  }

  .lg\:focus\:translate-x-52:focus {
    --tw-translate-x: 13rem;
  }

  .lg\:focus\:translate-x-56:focus {
    --tw-translate-x: 14rem;
  }

  .lg\:focus\:translate-x-60:focus {
    --tw-translate-x: 15rem;
  }

  .lg\:focus\:translate-x-64:focus {
    --tw-translate-x: 16rem;
  }

  .lg\:focus\:translate-x-72:focus {
    --tw-translate-x: 18rem;
  }

  .lg\:focus\:translate-x-80:focus {
    --tw-translate-x: 20rem;
  }

  .lg\:focus\:translate-x-96:focus {
    --tw-translate-x: 24rem;
  }

  .lg\:focus\:translate-x-px:focus {
    --tw-translate-x: 1px;
  }

  .lg\:focus\:translate-x-0\.5:focus {
    --tw-translate-x: 0.125rem;
  }

  .lg\:focus\:translate-x-1\.5:focus {
    --tw-translate-x: 0.375rem;
  }

  .lg\:focus\:translate-x-2\.5:focus {
    --tw-translate-x: 0.625rem;
  }

  .lg\:focus\:translate-x-3\.5:focus {
    --tw-translate-x: 0.875rem;
  }

  .lg\:focus\:-translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .lg\:focus\:-translate-x-1:focus {
    --tw-translate-x: -0.25rem;
  }

  .lg\:focus\:-translate-x-2:focus {
    --tw-translate-x: -0.5rem;
  }

  .lg\:focus\:-translate-x-3:focus {
    --tw-translate-x: -0.75rem;
  }

  .lg\:focus\:-translate-x-4:focus {
    --tw-translate-x: -1rem;
  }

  .lg\:focus\:-translate-x-5:focus {
    --tw-translate-x: -1.25rem;
  }

  .lg\:focus\:-translate-x-6:focus {
    --tw-translate-x: -1.5rem;
  }

  .lg\:focus\:-translate-x-7:focus {
    --tw-translate-x: -1.75rem;
  }

  .lg\:focus\:-translate-x-8:focus {
    --tw-translate-x: -2rem;
  }

  .lg\:focus\:-translate-x-9:focus {
    --tw-translate-x: -2.25rem;
  }

  .lg\:focus\:-translate-x-10:focus {
    --tw-translate-x: -2.5rem;
  }

  .lg\:focus\:-translate-x-11:focus {
    --tw-translate-x: -2.75rem;
  }

  .lg\:focus\:-translate-x-12:focus {
    --tw-translate-x: -3rem;
  }

  .lg\:focus\:-translate-x-14:focus {
    --tw-translate-x: -3.5rem;
  }

  .lg\:focus\:-translate-x-16:focus {
    --tw-translate-x: -4rem;
  }

  .lg\:focus\:-translate-x-20:focus {
    --tw-translate-x: -5rem;
  }

  .lg\:focus\:-translate-x-24:focus {
    --tw-translate-x: -6rem;
  }

  .lg\:focus\:-translate-x-28:focus {
    --tw-translate-x: -7rem;
  }

  .lg\:focus\:-translate-x-32:focus {
    --tw-translate-x: -8rem;
  }

  .lg\:focus\:-translate-x-36:focus {
    --tw-translate-x: -9rem;
  }

  .lg\:focus\:-translate-x-40:focus {
    --tw-translate-x: -10rem;
  }

  .lg\:focus\:-translate-x-44:focus {
    --tw-translate-x: -11rem;
  }

  .lg\:focus\:-translate-x-48:focus {
    --tw-translate-x: -12rem;
  }

  .lg\:focus\:-translate-x-52:focus {
    --tw-translate-x: -13rem;
  }

  .lg\:focus\:-translate-x-56:focus {
    --tw-translate-x: -14rem;
  }

  .lg\:focus\:-translate-x-60:focus {
    --tw-translate-x: -15rem;
  }

  .lg\:focus\:-translate-x-64:focus {
    --tw-translate-x: -16rem;
  }

  .lg\:focus\:-translate-x-72:focus {
    --tw-translate-x: -18rem;
  }

  .lg\:focus\:-translate-x-80:focus {
    --tw-translate-x: -20rem;
  }

  .lg\:focus\:-translate-x-96:focus {
    --tw-translate-x: -24rem;
  }

  .lg\:focus\:-translate-x-px:focus {
    --tw-translate-x: -1px;
  }

  .lg\:focus\:-translate-x-0\.5:focus {
    --tw-translate-x: -0.125rem;
  }

  .lg\:focus\:-translate-x-1\.5:focus {
    --tw-translate-x: -0.375rem;
  }

  .lg\:focus\:-translate-x-2\.5:focus {
    --tw-translate-x: -0.625rem;
  }

  .lg\:focus\:-translate-x-3\.5:focus {
    --tw-translate-x: -0.875rem;
  }

  .lg\:focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%;
  }

  .lg\:focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%;
  }

  .lg\:focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%;
  }

  .lg\:focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%;
  }

  .lg\:focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%;
  }

  .lg\:focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%;
  }

  .lg\:focus\:translate-x-full:focus {
    --tw-translate-x: 100%;
  }

  .lg\:focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%;
  }

  .lg\:focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%;
  }

  .lg\:focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%;
  }

  .lg\:focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%;
  }

  .lg\:focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%;
  }

  .lg\:focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%;
  }

  .lg\:focus\:-translate-x-full:focus {
    --tw-translate-x: -100%;
  }

  .lg\:focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .lg\:focus\:translate-y-1:focus {
    --tw-translate-y: 0.25rem;
  }

  .lg\:focus\:translate-y-2:focus {
    --tw-translate-y: 0.5rem;
  }

  .lg\:focus\:translate-y-3:focus {
    --tw-translate-y: 0.75rem;
  }

  .lg\:focus\:translate-y-4:focus {
    --tw-translate-y: 1rem;
  }

  .lg\:focus\:translate-y-5:focus {
    --tw-translate-y: 1.25rem;
  }

  .lg\:focus\:translate-y-6:focus {
    --tw-translate-y: 1.5rem;
  }

  .lg\:focus\:translate-y-7:focus {
    --tw-translate-y: 1.75rem;
  }

  .lg\:focus\:translate-y-8:focus {
    --tw-translate-y: 2rem;
  }

  .lg\:focus\:translate-y-9:focus {
    --tw-translate-y: 2.25rem;
  }

  .lg\:focus\:translate-y-10:focus {
    --tw-translate-y: 2.5rem;
  }

  .lg\:focus\:translate-y-11:focus {
    --tw-translate-y: 2.75rem;
  }

  .lg\:focus\:translate-y-12:focus {
    --tw-translate-y: 3rem;
  }

  .lg\:focus\:translate-y-14:focus {
    --tw-translate-y: 3.5rem;
  }

  .lg\:focus\:translate-y-16:focus {
    --tw-translate-y: 4rem;
  }

  .lg\:focus\:translate-y-20:focus {
    --tw-translate-y: 5rem;
  }

  .lg\:focus\:translate-y-24:focus {
    --tw-translate-y: 6rem;
  }

  .lg\:focus\:translate-y-28:focus {
    --tw-translate-y: 7rem;
  }

  .lg\:focus\:translate-y-32:focus {
    --tw-translate-y: 8rem;
  }

  .lg\:focus\:translate-y-36:focus {
    --tw-translate-y: 9rem;
  }

  .lg\:focus\:translate-y-40:focus {
    --tw-translate-y: 10rem;
  }

  .lg\:focus\:translate-y-44:focus {
    --tw-translate-y: 11rem;
  }

  .lg\:focus\:translate-y-48:focus {
    --tw-translate-y: 12rem;
  }

  .lg\:focus\:translate-y-52:focus {
    --tw-translate-y: 13rem;
  }

  .lg\:focus\:translate-y-56:focus {
    --tw-translate-y: 14rem;
  }

  .lg\:focus\:translate-y-60:focus {
    --tw-translate-y: 15rem;
  }

  .lg\:focus\:translate-y-64:focus {
    --tw-translate-y: 16rem;
  }

  .lg\:focus\:translate-y-72:focus {
    --tw-translate-y: 18rem;
  }

  .lg\:focus\:translate-y-80:focus {
    --tw-translate-y: 20rem;
  }

  .lg\:focus\:translate-y-96:focus {
    --tw-translate-y: 24rem;
  }

  .lg\:focus\:translate-y-px:focus {
    --tw-translate-y: 1px;
  }

  .lg\:focus\:translate-y-0\.5:focus {
    --tw-translate-y: 0.125rem;
  }

  .lg\:focus\:translate-y-1\.5:focus {
    --tw-translate-y: 0.375rem;
  }

  .lg\:focus\:translate-y-2\.5:focus {
    --tw-translate-y: 0.625rem;
  }

  .lg\:focus\:translate-y-3\.5:focus {
    --tw-translate-y: 0.875rem;
  }

  .lg\:focus\:-translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .lg\:focus\:-translate-y-1:focus {
    --tw-translate-y: -0.25rem;
  }

  .lg\:focus\:-translate-y-2:focus {
    --tw-translate-y: -0.5rem;
  }

  .lg\:focus\:-translate-y-3:focus {
    --tw-translate-y: -0.75rem;
  }

  .lg\:focus\:-translate-y-4:focus {
    --tw-translate-y: -1rem;
  }

  .lg\:focus\:-translate-y-5:focus {
    --tw-translate-y: -1.25rem;
  }

  .lg\:focus\:-translate-y-6:focus {
    --tw-translate-y: -1.5rem;
  }

  .lg\:focus\:-translate-y-7:focus {
    --tw-translate-y: -1.75rem;
  }

  .lg\:focus\:-translate-y-8:focus {
    --tw-translate-y: -2rem;
  }

  .lg\:focus\:-translate-y-9:focus {
    --tw-translate-y: -2.25rem;
  }

  .lg\:focus\:-translate-y-10:focus {
    --tw-translate-y: -2.5rem;
  }

  .lg\:focus\:-translate-y-11:focus {
    --tw-translate-y: -2.75rem;
  }

  .lg\:focus\:-translate-y-12:focus {
    --tw-translate-y: -3rem;
  }

  .lg\:focus\:-translate-y-14:focus {
    --tw-translate-y: -3.5rem;
  }

  .lg\:focus\:-translate-y-16:focus {
    --tw-translate-y: -4rem;
  }

  .lg\:focus\:-translate-y-20:focus {
    --tw-translate-y: -5rem;
  }

  .lg\:focus\:-translate-y-24:focus {
    --tw-translate-y: -6rem;
  }

  .lg\:focus\:-translate-y-28:focus {
    --tw-translate-y: -7rem;
  }

  .lg\:focus\:-translate-y-32:focus {
    --tw-translate-y: -8rem;
  }

  .lg\:focus\:-translate-y-36:focus {
    --tw-translate-y: -9rem;
  }

  .lg\:focus\:-translate-y-40:focus {
    --tw-translate-y: -10rem;
  }

  .lg\:focus\:-translate-y-44:focus {
    --tw-translate-y: -11rem;
  }

  .lg\:focus\:-translate-y-48:focus {
    --tw-translate-y: -12rem;
  }

  .lg\:focus\:-translate-y-52:focus {
    --tw-translate-y: -13rem;
  }

  .lg\:focus\:-translate-y-56:focus {
    --tw-translate-y: -14rem;
  }

  .lg\:focus\:-translate-y-60:focus {
    --tw-translate-y: -15rem;
  }

  .lg\:focus\:-translate-y-64:focus {
    --tw-translate-y: -16rem;
  }

  .lg\:focus\:-translate-y-72:focus {
    --tw-translate-y: -18rem;
  }

  .lg\:focus\:-translate-y-80:focus {
    --tw-translate-y: -20rem;
  }

  .lg\:focus\:-translate-y-96:focus {
    --tw-translate-y: -24rem;
  }

  .lg\:focus\:-translate-y-px:focus {
    --tw-translate-y: -1px;
  }

  .lg\:focus\:-translate-y-0\.5:focus {
    --tw-translate-y: -0.125rem;
  }

  .lg\:focus\:-translate-y-1\.5:focus {
    --tw-translate-y: -0.375rem;
  }

  .lg\:focus\:-translate-y-2\.5:focus {
    --tw-translate-y: -0.625rem;
  }

  .lg\:focus\:-translate-y-3\.5:focus {
    --tw-translate-y: -0.875rem;
  }

  .lg\:focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%;
  }

  .lg\:focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%;
  }

  .lg\:focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%;
  }

  .lg\:focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%;
  }

  .lg\:focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%;
  }

  .lg\:focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%;
  }

  .lg\:focus\:translate-y-full:focus {
    --tw-translate-y: 100%;
  }

  .lg\:focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%;
  }

  .lg\:focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%;
  }

  .lg\:focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%;
  }

  .lg\:focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%;
  }

  .lg\:focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%;
  }

  .lg\:focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%;
  }

  .lg\:focus\:-translate-y-full:focus {
    --tw-translate-y: -100%;
  }

  .lg\:rotate-0 {
    --tw-rotate: 0deg;
  }

  .lg\:rotate-1 {
    --tw-rotate: 1deg;
  }

  .lg\:rotate-2 {
    --tw-rotate: 2deg;
  }

  .lg\:rotate-3 {
    --tw-rotate: 3deg;
  }

  .lg\:rotate-6 {
    --tw-rotate: 6deg;
  }

  .lg\:rotate-12 {
    --tw-rotate: 12deg;
  }

  .lg\:rotate-45 {
    --tw-rotate: 45deg;
  }

  .lg\:rotate-90 {
    --tw-rotate: 90deg;
  }

  .lg\:rotate-180 {
    --tw-rotate: 180deg;
  }

  .lg\:-rotate-180 {
    --tw-rotate: -180deg;
  }

  .lg\:-rotate-90 {
    --tw-rotate: -90deg;
  }

  .lg\:-rotate-45 {
    --tw-rotate: -45deg;
  }

  .lg\:-rotate-12 {
    --tw-rotate: -12deg;
  }

  .lg\:-rotate-6 {
    --tw-rotate: -6deg;
  }

  .lg\:-rotate-3 {
    --tw-rotate: -3deg;
  }

  .lg\:-rotate-2 {
    --tw-rotate: -2deg;
  }

  .lg\:-rotate-1 {
    --tw-rotate: -1deg;
  }

  .lg\:hover\:rotate-0:hover {
    --tw-rotate: 0deg;
  }

  .lg\:hover\:rotate-1:hover {
    --tw-rotate: 1deg;
  }

  .lg\:hover\:rotate-2:hover {
    --tw-rotate: 2deg;
  }

  .lg\:hover\:rotate-3:hover {
    --tw-rotate: 3deg;
  }

  .lg\:hover\:rotate-6:hover {
    --tw-rotate: 6deg;
  }

  .lg\:hover\:rotate-12:hover {
    --tw-rotate: 12deg;
  }

  .lg\:hover\:rotate-45:hover {
    --tw-rotate: 45deg;
  }

  .lg\:hover\:rotate-90:hover {
    --tw-rotate: 90deg;
  }

  .lg\:hover\:rotate-180:hover {
    --tw-rotate: 180deg;
  }

  .lg\:hover\:-rotate-180:hover {
    --tw-rotate: -180deg;
  }

  .lg\:hover\:-rotate-90:hover {
    --tw-rotate: -90deg;
  }

  .lg\:hover\:-rotate-45:hover {
    --tw-rotate: -45deg;
  }

  .lg\:hover\:-rotate-12:hover {
    --tw-rotate: -12deg;
  }

  .lg\:hover\:-rotate-6:hover {
    --tw-rotate: -6deg;
  }

  .lg\:hover\:-rotate-3:hover {
    --tw-rotate: -3deg;
  }

  .lg\:hover\:-rotate-2:hover {
    --tw-rotate: -2deg;
  }

  .lg\:hover\:-rotate-1:hover {
    --tw-rotate: -1deg;
  }

  .lg\:focus\:rotate-0:focus {
    --tw-rotate: 0deg;
  }

  .lg\:focus\:rotate-1:focus {
    --tw-rotate: 1deg;
  }

  .lg\:focus\:rotate-2:focus {
    --tw-rotate: 2deg;
  }

  .lg\:focus\:rotate-3:focus {
    --tw-rotate: 3deg;
  }

  .lg\:focus\:rotate-6:focus {
    --tw-rotate: 6deg;
  }

  .lg\:focus\:rotate-12:focus {
    --tw-rotate: 12deg;
  }

  .lg\:focus\:rotate-45:focus {
    --tw-rotate: 45deg;
  }

  .lg\:focus\:rotate-90:focus {
    --tw-rotate: 90deg;
  }

  .lg\:focus\:rotate-180:focus {
    --tw-rotate: 180deg;
  }

  .lg\:focus\:-rotate-180:focus {
    --tw-rotate: -180deg;
  }

  .lg\:focus\:-rotate-90:focus {
    --tw-rotate: -90deg;
  }

  .lg\:focus\:-rotate-45:focus {
    --tw-rotate: -45deg;
  }

  .lg\:focus\:-rotate-12:focus {
    --tw-rotate: -12deg;
  }

  .lg\:focus\:-rotate-6:focus {
    --tw-rotate: -6deg;
  }

  .lg\:focus\:-rotate-3:focus {
    --tw-rotate: -3deg;
  }

  .lg\:focus\:-rotate-2:focus {
    --tw-rotate: -2deg;
  }

  .lg\:focus\:-rotate-1:focus {
    --tw-rotate: -1deg;
  }

  .lg\:skew-x-0 {
    --tw-skew-x: 0deg;
  }

  .lg\:skew-x-1 {
    --tw-skew-x: 1deg;
  }

  .lg\:skew-x-2 {
    --tw-skew-x: 2deg;
  }

  .lg\:skew-x-3 {
    --tw-skew-x: 3deg;
  }

  .lg\:skew-x-6 {
    --tw-skew-x: 6deg;
  }

  .lg\:skew-x-12 {
    --tw-skew-x: 12deg;
  }

  .lg\:-skew-x-12 {
    --tw-skew-x: -12deg;
  }

  .lg\:-skew-x-6 {
    --tw-skew-x: -6deg;
  }

  .lg\:-skew-x-3 {
    --tw-skew-x: -3deg;
  }

  .lg\:-skew-x-2 {
    --tw-skew-x: -2deg;
  }

  .lg\:-skew-x-1 {
    --tw-skew-x: -1deg;
  }

  .lg\:skew-y-0 {
    --tw-skew-y: 0deg;
  }

  .lg\:skew-y-1 {
    --tw-skew-y: 1deg;
  }

  .lg\:skew-y-2 {
    --tw-skew-y: 2deg;
  }

  .lg\:skew-y-3 {
    --tw-skew-y: 3deg;
  }

  .lg\:skew-y-6 {
    --tw-skew-y: 6deg;
  }

  .lg\:skew-y-12 {
    --tw-skew-y: 12deg;
  }

  .lg\:-skew-y-12 {
    --tw-skew-y: -12deg;
  }

  .lg\:-skew-y-6 {
    --tw-skew-y: -6deg;
  }

  .lg\:-skew-y-3 {
    --tw-skew-y: -3deg;
  }

  .lg\:-skew-y-2 {
    --tw-skew-y: -2deg;
  }

  .lg\:-skew-y-1 {
    --tw-skew-y: -1deg;
  }

  .lg\:hover\:skew-x-0:hover {
    --tw-skew-x: 0deg;
  }

  .lg\:hover\:skew-x-1:hover {
    --tw-skew-x: 1deg;
  }

  .lg\:hover\:skew-x-2:hover {
    --tw-skew-x: 2deg;
  }

  .lg\:hover\:skew-x-3:hover {
    --tw-skew-x: 3deg;
  }

  .lg\:hover\:skew-x-6:hover {
    --tw-skew-x: 6deg;
  }

  .lg\:hover\:skew-x-12:hover {
    --tw-skew-x: 12deg;
  }

  .lg\:hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg;
  }

  .lg\:hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg;
  }

  .lg\:hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg;
  }

  .lg\:hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg;
  }

  .lg\:hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg;
  }

  .lg\:hover\:skew-y-0:hover {
    --tw-skew-y: 0deg;
  }

  .lg\:hover\:skew-y-1:hover {
    --tw-skew-y: 1deg;
  }

  .lg\:hover\:skew-y-2:hover {
    --tw-skew-y: 2deg;
  }

  .lg\:hover\:skew-y-3:hover {
    --tw-skew-y: 3deg;
  }

  .lg\:hover\:skew-y-6:hover {
    --tw-skew-y: 6deg;
  }

  .lg\:hover\:skew-y-12:hover {
    --tw-skew-y: 12deg;
  }

  .lg\:hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg;
  }

  .lg\:hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg;
  }

  .lg\:hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg;
  }

  .lg\:hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg;
  }

  .lg\:hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg;
  }

  .lg\:focus\:skew-x-0:focus {
    --tw-skew-x: 0deg;
  }

  .lg\:focus\:skew-x-1:focus {
    --tw-skew-x: 1deg;
  }

  .lg\:focus\:skew-x-2:focus {
    --tw-skew-x: 2deg;
  }

  .lg\:focus\:skew-x-3:focus {
    --tw-skew-x: 3deg;
  }

  .lg\:focus\:skew-x-6:focus {
    --tw-skew-x: 6deg;
  }

  .lg\:focus\:skew-x-12:focus {
    --tw-skew-x: 12deg;
  }

  .lg\:focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg;
  }

  .lg\:focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg;
  }

  .lg\:focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg;
  }

  .lg\:focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg;
  }

  .lg\:focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg;
  }

  .lg\:focus\:skew-y-0:focus {
    --tw-skew-y: 0deg;
  }

  .lg\:focus\:skew-y-1:focus {
    --tw-skew-y: 1deg;
  }

  .lg\:focus\:skew-y-2:focus {
    --tw-skew-y: 2deg;
  }

  .lg\:focus\:skew-y-3:focus {
    --tw-skew-y: 3deg;
  }

  .lg\:focus\:skew-y-6:focus {
    --tw-skew-y: 6deg;
  }

  .lg\:focus\:skew-y-12:focus {
    --tw-skew-y: 12deg;
  }

  .lg\:focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg;
  }

  .lg\:focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg;
  }

  .lg\:focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg;
  }

  .lg\:focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg;
  }

  .lg\:focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg;
  }

  .lg\:scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .lg\:scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .lg\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .lg\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .lg\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .lg\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .lg\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .lg\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .lg\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .lg\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .lg\:hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .lg\:hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .lg\:hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .lg\:hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .lg\:hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .lg\:hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .lg\:hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .lg\:hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .lg\:hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .lg\:hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .lg\:focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .lg\:focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .lg\:focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .lg\:focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .lg\:focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .lg\:focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .lg\:focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .lg\:focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .lg\:focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .lg\:focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .lg\:scale-x-0 {
    --tw-scale-x: 0;
  }

  .lg\:scale-x-50 {
    --tw-scale-x: .5;
  }

  .lg\:scale-x-75 {
    --tw-scale-x: .75;
  }

  .lg\:scale-x-90 {
    --tw-scale-x: .9;
  }

  .lg\:scale-x-95 {
    --tw-scale-x: .95;
  }

  .lg\:scale-x-100 {
    --tw-scale-x: 1;
  }

  .lg\:scale-x-105 {
    --tw-scale-x: 1.05;
  }

  .lg\:scale-x-110 {
    --tw-scale-x: 1.1;
  }

  .lg\:scale-x-125 {
    --tw-scale-x: 1.25;
  }

  .lg\:scale-x-150 {
    --tw-scale-x: 1.5;
  }

  .lg\:scale-y-0 {
    --tw-scale-y: 0;
  }

  .lg\:scale-y-50 {
    --tw-scale-y: .5;
  }

  .lg\:scale-y-75 {
    --tw-scale-y: .75;
  }

  .lg\:scale-y-90 {
    --tw-scale-y: .9;
  }

  .lg\:scale-y-95 {
    --tw-scale-y: .95;
  }

  .lg\:scale-y-100 {
    --tw-scale-y: 1;
  }

  .lg\:scale-y-105 {
    --tw-scale-y: 1.05;
  }

  .lg\:scale-y-110 {
    --tw-scale-y: 1.1;
  }

  .lg\:scale-y-125 {
    --tw-scale-y: 1.25;
  }

  .lg\:scale-y-150 {
    --tw-scale-y: 1.5;
  }

  .lg\:hover\:scale-x-0:hover {
    --tw-scale-x: 0;
  }

  .lg\:hover\:scale-x-50:hover {
    --tw-scale-x: .5;
  }

  .lg\:hover\:scale-x-75:hover {
    --tw-scale-x: .75;
  }

  .lg\:hover\:scale-x-90:hover {
    --tw-scale-x: .9;
  }

  .lg\:hover\:scale-x-95:hover {
    --tw-scale-x: .95;
  }

  .lg\:hover\:scale-x-100:hover {
    --tw-scale-x: 1;
  }

  .lg\:hover\:scale-x-105:hover {
    --tw-scale-x: 1.05;
  }

  .lg\:hover\:scale-x-110:hover {
    --tw-scale-x: 1.1;
  }

  .lg\:hover\:scale-x-125:hover {
    --tw-scale-x: 1.25;
  }

  .lg\:hover\:scale-x-150:hover {
    --tw-scale-x: 1.5;
  }

  .lg\:hover\:scale-y-0:hover {
    --tw-scale-y: 0;
  }

  .lg\:hover\:scale-y-50:hover {
    --tw-scale-y: .5;
  }

  .lg\:hover\:scale-y-75:hover {
    --tw-scale-y: .75;
  }

  .lg\:hover\:scale-y-90:hover {
    --tw-scale-y: .9;
  }

  .lg\:hover\:scale-y-95:hover {
    --tw-scale-y: .95;
  }

  .lg\:hover\:scale-y-100:hover {
    --tw-scale-y: 1;
  }

  .lg\:hover\:scale-y-105:hover {
    --tw-scale-y: 1.05;
  }

  .lg\:hover\:scale-y-110:hover {
    --tw-scale-y: 1.1;
  }

  .lg\:hover\:scale-y-125:hover {
    --tw-scale-y: 1.25;
  }

  .lg\:hover\:scale-y-150:hover {
    --tw-scale-y: 1.5;
  }

  .lg\:focus\:scale-x-0:focus {
    --tw-scale-x: 0;
  }

  .lg\:focus\:scale-x-50:focus {
    --tw-scale-x: .5;
  }

  .lg\:focus\:scale-x-75:focus {
    --tw-scale-x: .75;
  }

  .lg\:focus\:scale-x-90:focus {
    --tw-scale-x: .9;
  }

  .lg\:focus\:scale-x-95:focus {
    --tw-scale-x: .95;
  }

  .lg\:focus\:scale-x-100:focus {
    --tw-scale-x: 1;
  }

  .lg\:focus\:scale-x-105:focus {
    --tw-scale-x: 1.05;
  }

  .lg\:focus\:scale-x-110:focus {
    --tw-scale-x: 1.1;
  }

  .lg\:focus\:scale-x-125:focus {
    --tw-scale-x: 1.25;
  }

  .lg\:focus\:scale-x-150:focus {
    --tw-scale-x: 1.5;
  }

  .lg\:focus\:scale-y-0:focus {
    --tw-scale-y: 0;
  }

  .lg\:focus\:scale-y-50:focus {
    --tw-scale-y: .5;
  }

  .lg\:focus\:scale-y-75:focus {
    --tw-scale-y: .75;
  }

  .lg\:focus\:scale-y-90:focus {
    --tw-scale-y: .9;
  }

  .lg\:focus\:scale-y-95:focus {
    --tw-scale-y: .95;
  }

  .lg\:focus\:scale-y-100:focus {
    --tw-scale-y: 1;
  }

  .lg\:focus\:scale-y-105:focus {
    --tw-scale-y: 1.05;
  }

  .lg\:focus\:scale-y-110:focus {
    --tw-scale-y: 1.1;
  }

  .lg\:focus\:scale-y-125:focus {
    --tw-scale-y: 1.25;
  }

  .lg\:focus\:scale-y-150:focus {
    --tw-scale-y: 1.5;
  }

  .lg\:animate-none {
    -webkit-animation: none;
            animation: none;
  }

  .lg\:animate-spin {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .lg\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .lg\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .lg\:animate-bounce {
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }

  .lg\:cursor-auto {
    cursor: auto;
  }

  .lg\:cursor-default {
    cursor: default;
  }

  .lg\:cursor-pointer {
    cursor: pointer;
  }

  .lg\:cursor-wait {
    cursor: wait;
  }

  .lg\:cursor-text {
    cursor: text;
  }

  .lg\:cursor-move {
    cursor: move;
  }

  .lg\:cursor-help {
    cursor: help;
  }

  .lg\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .lg\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .lg\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .lg\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .lg\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .lg\:resize-none {
    resize: none;
  }

  .lg\:resize-y {
    resize: vertical;
  }

  .lg\:resize-x {
    resize: horizontal;
  }

  .lg\:resize {
    resize: both;
  }

  .lg\:list-inside {
    list-style-position: inside;
  }

  .lg\:list-outside {
    list-style-position: outside;
  }

  .lg\:list-none {
    list-style-type: none;
  }

  .lg\:list-disc {
    list-style-type: disc;
  }

  .lg\:list-decimal {
    list-style-type: decimal;
  }

  .lg\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .lg\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .lg\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .lg\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .lg\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .lg\:grid-flow-row {
    grid-auto-flow: row;
  }

  .lg\:grid-flow-col {
    grid-auto-flow: column;
  }

  .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .lg\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .lg\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .lg\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .lg\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .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\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-none {
    grid-template-columns: none;
  }

  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-rows-none {
    grid-template-rows: none;
  }

  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .lg\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .lg\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .lg\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .lg\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .lg\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .lg\:place-content-center {
    place-content: center;
  }

  .lg\:place-content-start {
    place-content: start;
  }

  .lg\:place-content-end {
    place-content: end;
  }

  .lg\:place-content-between {
    place-content: space-between;
  }

  .lg\:place-content-around {
    place-content: space-around;
  }

  .lg\:place-content-evenly {
    place-content: space-evenly;
  }

  .lg\:place-content-stretch {
    place-content: stretch;
  }

  .lg\:place-items-start {
    place-items: start;
  }

  .lg\:place-items-end {
    place-items: end;
  }

  .lg\:place-items-center {
    place-items: center;
  }

  .lg\:place-items-stretch {
    place-items: stretch;
  }

  .lg\:content-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .lg\:content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .lg\:content-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .lg\:content-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .lg\:content-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .lg\:content-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }

  .lg\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .lg\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .lg\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .lg\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .lg\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .lg\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .lg\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .lg\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .lg\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .lg\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .lg\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .lg\:justify-items-start {
    justify-items: start;
  }

  .lg\:justify-items-end {
    justify-items: end;
  }

  .lg\:justify-items-center {
    justify-items: center;
  }

  .lg\:justify-items-stretch {
    justify-items: stretch;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-1 {
    gap: 0.25rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-9 {
    gap: 2.25rem;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-11 {
    gap: 2.75rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-14 {
    gap: 3.5rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-24 {
    gap: 6rem;
  }

  .lg\:gap-28 {
    gap: 7rem;
  }

  .lg\:gap-32 {
    gap: 8rem;
  }

  .lg\:gap-36 {
    gap: 9rem;
  }

  .lg\:gap-40 {
    gap: 10rem;
  }

  .lg\:gap-44 {
    gap: 11rem;
  }

  .lg\:gap-48 {
    gap: 12rem;
  }

  .lg\:gap-52 {
    gap: 13rem;
  }

  .lg\:gap-56 {
    gap: 14rem;
  }

  .lg\:gap-60 {
    gap: 15rem;
  }

  .lg\:gap-64 {
    gap: 16rem;
  }

  .lg\:gap-72 {
    gap: 18rem;
  }

  .lg\:gap-80 {
    gap: 20rem;
  }

  .lg\:gap-96 {
    gap: 24rem;
  }

  .lg\:gap-px {
    gap: 1px;
  }

  .lg\:gap-0\.5 {
    gap: 0.125rem;
  }

  .lg\:gap-1\.5 {
    gap: 0.375rem;
  }

  .lg\:gap-2\.5 {
    gap: 0.625rem;
  }

  .lg\:gap-3\.5 {
    gap: 0.875rem;
  }

  .lg\:gap-x-0 {
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
  }

  .lg\:gap-x-1 {
    -webkit-column-gap: 0.25rem;
       -moz-column-gap: 0.25rem;
            column-gap: 0.25rem;
  }

  .lg\:gap-x-2 {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }

  .lg\:gap-x-3 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .lg\:gap-x-4 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .lg\:gap-x-5 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .lg\:gap-x-6 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }

  .lg\:gap-x-7 {
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;
  }

  .lg\:gap-x-8 {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }

  .lg\:gap-x-9 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }

  .lg\:gap-x-10 {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .lg\:gap-x-11 {
    -webkit-column-gap: 2.75rem;
       -moz-column-gap: 2.75rem;
            column-gap: 2.75rem;
  }

  .lg\:gap-x-12 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }

  .lg\:gap-x-14 {
    -webkit-column-gap: 3.5rem;
       -moz-column-gap: 3.5rem;
            column-gap: 3.5rem;
  }

  .lg\:gap-x-16 {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }

  .lg\:gap-x-20 {
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .lg\:gap-x-24 {
    -webkit-column-gap: 6rem;
       -moz-column-gap: 6rem;
            column-gap: 6rem;
  }

  .lg\:gap-x-28 {
    -webkit-column-gap: 7rem;
       -moz-column-gap: 7rem;
            column-gap: 7rem;
  }

  .lg\:gap-x-32 {
    -webkit-column-gap: 8rem;
       -moz-column-gap: 8rem;
            column-gap: 8rem;
  }

  .lg\:gap-x-36 {
    -webkit-column-gap: 9rem;
       -moz-column-gap: 9rem;
            column-gap: 9rem;
  }

  .lg\:gap-x-40 {
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
  }

  .lg\:gap-x-44 {
    -webkit-column-gap: 11rem;
       -moz-column-gap: 11rem;
            column-gap: 11rem;
  }

  .lg\:gap-x-48 {
    -webkit-column-gap: 12rem;
       -moz-column-gap: 12rem;
            column-gap: 12rem;
  }

  .lg\:gap-x-52 {
    -webkit-column-gap: 13rem;
       -moz-column-gap: 13rem;
            column-gap: 13rem;
  }

  .lg\:gap-x-56 {
    -webkit-column-gap: 14rem;
       -moz-column-gap: 14rem;
            column-gap: 14rem;
  }

  .lg\:gap-x-60 {
    -webkit-column-gap: 15rem;
       -moz-column-gap: 15rem;
            column-gap: 15rem;
  }

  .lg\:gap-x-64 {
    -webkit-column-gap: 16rem;
       -moz-column-gap: 16rem;
            column-gap: 16rem;
  }

  .lg\:gap-x-72 {
    -webkit-column-gap: 18rem;
       -moz-column-gap: 18rem;
            column-gap: 18rem;
  }

  .lg\:gap-x-80 {
    -webkit-column-gap: 20rem;
       -moz-column-gap: 20rem;
            column-gap: 20rem;
  }

  .lg\:gap-x-96 {
    -webkit-column-gap: 24rem;
       -moz-column-gap: 24rem;
            column-gap: 24rem;
  }

  .lg\:gap-x-px {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }

  .lg\:gap-x-0\.5 {
    -webkit-column-gap: 0.125rem;
       -moz-column-gap: 0.125rem;
            column-gap: 0.125rem;
  }

  .lg\:gap-x-1\.5 {
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
  }

  .lg\:gap-x-2\.5 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }

  .lg\:gap-x-3\.5 {
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
  }

  .lg\:gap-y-0 {
    row-gap: 0px;
  }

  .lg\:gap-y-1 {
    row-gap: 0.25rem;
  }

  .lg\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .lg\:gap-y-3 {
    row-gap: 0.75rem;
  }

  .lg\:gap-y-4 {
    row-gap: 1rem;
  }

  .lg\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .lg\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .lg\:gap-y-7 {
    row-gap: 1.75rem;
  }

  .lg\:gap-y-8 {
    row-gap: 2rem;
  }

  .lg\:gap-y-9 {
    row-gap: 2.25rem;
  }

  .lg\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .lg\:gap-y-11 {
    row-gap: 2.75rem;
  }

  .lg\:gap-y-12 {
    row-gap: 3rem;
  }

  .lg\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .lg\:gap-y-16 {
    row-gap: 4rem;
  }

  .lg\:gap-y-20 {
    row-gap: 5rem;
  }

  .lg\:gap-y-24 {
    row-gap: 6rem;
  }

  .lg\:gap-y-28 {
    row-gap: 7rem;
  }

  .lg\:gap-y-32 {
    row-gap: 8rem;
  }

  .lg\:gap-y-36 {
    row-gap: 9rem;
  }

  .lg\:gap-y-40 {
    row-gap: 10rem;
  }

  .lg\:gap-y-44 {
    row-gap: 11rem;
  }

  .lg\:gap-y-48 {
    row-gap: 12rem;
  }

  .lg\:gap-y-52 {
    row-gap: 13rem;
  }

  .lg\:gap-y-56 {
    row-gap: 14rem;
  }

  .lg\:gap-y-60 {
    row-gap: 15rem;
  }

  .lg\:gap-y-64 {
    row-gap: 16rem;
  }

  .lg\:gap-y-72 {
    row-gap: 18rem;
  }

  .lg\:gap-y-80 {
    row-gap: 20rem;
  }

  .lg\:gap-y-96 {
    row-gap: 24rem;
  }

  .lg\:gap-y-px {
    row-gap: 1px;
  }

  .lg\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }

  .lg\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }

  .lg\:gap-y-2\.5 {
    row-gap: 0.625rem;
  }

  .lg\:gap-y-3\.5 {
    row-gap: 0.875rem;
  }

  .lg\: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)));
  }

  .lg\: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)));
  }

  .lg\: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)));
  }

  .lg\: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)));
  }

  .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-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)));
  }

  .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-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * 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\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(6rem * var(--tw-space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(7rem * var(--tw-space-x-reverse));
    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8rem * var(--tw-space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(9rem * var(--tw-space-x-reverse));
    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10rem * var(--tw-space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(11rem * var(--tw-space-x-reverse));
    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12rem * var(--tw-space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(13rem * var(--tw-space-x-reverse));
    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14rem * var(--tw-space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(15rem * var(--tw-space-x-reverse));
    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16rem * var(--tw-space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(18rem * var(--tw-space-x-reverse));
    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(20rem * var(--tw-space-x-reverse));
    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24rem * var(--tw-space-x-reverse));
    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1px * var(--tw-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\: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)));
  }

  .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-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)));
  }

  .lg\:-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)));
  }

  .lg\:-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)));
  }

  .lg\:-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)));
  }

  .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-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)));
  }

  .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-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-1.75rem * 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\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3rem * var(--tw-space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4rem * var(--tw-space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5rem * var(--tw-space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6rem * var(--tw-space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-7rem * var(--tw-space-x-reverse));
    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8rem * var(--tw-space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-9rem * var(--tw-space-x-reverse));
    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-10rem * var(--tw-space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-11rem * var(--tw-space-x-reverse));
    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-12rem * var(--tw-space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-13rem * var(--tw-space-x-reverse));
    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-14rem * var(--tw-space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-15rem * var(--tw-space-x-reverse));
    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-16rem * var(--tw-space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-18rem * var(--tw-space-x-reverse));
    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-20rem * var(--tw-space-x-reverse));
    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-24rem * var(--tw-space-x-reverse));
    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-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)));
  }

  .lg\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
  }

  .lg\: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));
  }

  .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .lg\: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));
  }

  .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * var(--tw-space-y-reverse));
  }

  .lg\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
  }

  .lg\:-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));
  }

  .lg\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
  }

  .lg\:-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));
  }

  .lg\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  }

  .lg\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
  }

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1;
  }

  .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }

  .lg\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px * var(--tw-divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px * var(--tw-divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(8px * var(--tw-divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-x > :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)));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --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));
  }

  .lg\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  }

  .lg\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
  }

  .lg\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
  }

  .lg\: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));
  }

  .lg\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 1;
  }

  .lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
  }

  .lg\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
  }

  .lg\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style: dotted;
  }

  .lg\:divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style: double;
  }

  .lg\:divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style: none;
  }

  .lg\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
    border-color: transparent;
  }

  .lg\:divide-current > :not([hidden]) ~ :not([hidden]) {
    border-color: currentColor;
  }

  .lg\:divide-black > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
  }

  .lg\:divide-white > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
  }

  .lg\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
  }

  .lg\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
  }

  .lg\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
  }

  .lg\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
  }

  .lg\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
  }

  .lg\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
  }

  .lg\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
  }

  .lg\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
  }

  .lg\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
  }

  .lg\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
  }

  .lg\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
  }

  .lg\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
  }

  .lg\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
  }

  .lg\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
  }

  .lg\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
  }

  .lg\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
  }

  .lg\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
  }

  .lg\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
  }

  .lg\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
  }

  .lg\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
  }

  .lg\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
  }

  .lg\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
  }

  .lg\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
  }

  .lg\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
  }

  .lg\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
  }

  .lg\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
  }

  .lg\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0;
  }

  .lg\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.05;
  }

  .lg\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.1;
  }

  .lg\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.2;
  }

  .lg\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.25;
  }

  .lg\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.3;
  }

  .lg\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.4;
  }

  .lg\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.5;
  }

  .lg\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.6;
  }

  .lg\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.7;
  }

  .lg\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.75;
  }

  .lg\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.8;
  }

  .lg\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.9;
  }

  .lg\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95;
  }

  .lg\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
  }

  .lg\:place-self-auto {
    place-self: auto;
  }

  .lg\:place-self-start {
    place-self: start;
  }

  .lg\:place-self-end {
    place-self: end;
  }

  .lg\:place-self-center {
    place-self: center;
  }

  .lg\:place-self-stretch {
    place-self: stretch;
  }

  .lg\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .lg\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .lg\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .lg\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .lg\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .lg\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .lg\:justify-self-auto {
    justify-self: auto;
  }

  .lg\:justify-self-start {
    justify-self: start;
  }

  .lg\:justify-self-end {
    justify-self: end;
  }

  .lg\:justify-self-center {
    justify-self: center;
  }

  .lg\:justify-self-stretch {
    justify-self: stretch;
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:overflow-scroll {
    overflow: scroll;
  }

  .lg\:overflow-x-auto {
    overflow-x: auto;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg\:overflow-x-visible {
    overflow-x: visible;
  }

  .lg\:overflow-y-visible {
    overflow-y: visible;
  }

  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .lg\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .lg\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .lg\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .lg\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .lg\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .lg\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .lg\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .lg\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .lg\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .lg\:overflow-clip {
    text-overflow: clip;
  }

  .lg\:whitespace-normal {
    white-space: normal;
  }

  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }

  .lg\:whitespace-pre {
    white-space: pre;
  }

  .lg\:whitespace-pre-line {
    white-space: pre-line;
  }

  .lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .lg\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .lg\:break-words {
    overflow-wrap: break-word;
  }

  .lg\:break-all {
    word-break: break-all;
  }

  .lg\:rounded-none {
    border-radius: 0px;
  }

  .lg\:rounded-sm {
    border-radius: 0.125rem;
  }

  .lg\:rounded {
    border-radius: 0.25rem;
  }

  .lg\:rounded-md {
    border-radius: 0.375rem;
  }

  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }

  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }

  .lg\:rounded-2xl {
    border-radius: 1rem;
  }

  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .lg\:rounded-full {
    border-radius: 9999px;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .lg\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .lg\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .lg\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .lg\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .lg\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .lg\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .lg\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .lg\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-tl-none {
    border-top-left-radius: 0px;
  }

  .lg\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .lg\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .lg\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .lg\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .lg\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .lg\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .lg\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .lg\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .lg\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .lg\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .lg\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .lg\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .lg\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .lg\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .lg\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .lg\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }

  .lg\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .lg\:border-0 {
    border-width: 0px;
  }

  .lg\:border-2 {
    border-width: 2px;
  }

  .lg\:border-4 {
    border-width: 4px;
  }

  .lg\:border-8 {
    border-width: 8px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:border-t-2 {
    border-top-width: 2px;
  }

  .lg\:border-t-4 {
    border-top-width: 4px;
  }

  .lg\:border-t-8 {
    border-top-width: 8px;
  }

  .lg\:border-t {
    border-top-width: 1px;
  }

  .lg\:border-r-0 {
    border-right-width: 0px;
  }

  .lg\:border-r-2 {
    border-right-width: 2px;
  }

  .lg\:border-r-4 {
    border-right-width: 4px;
  }

  .lg\:border-r-8 {
    border-right-width: 8px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }

  .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  .lg\:border-b-4 {
    border-bottom-width: 4px;
  }

  .lg\:border-b-8 {
    border-bottom-width: 8px;
  }

  .lg\:border-b {
    border-bottom-width: 1px;
  }

  .lg\:border-l-0 {
    border-left-width: 0px;
  }

  .lg\:border-l-2 {
    border-left-width: 2px;
  }

  .lg\:border-l-4 {
    border-left-width: 4px;
  }

  .lg\:border-l-8 {
    border-left-width: 8px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-solid {
    border-style: solid;
  }

  .lg\:border-dashed {
    border-style: dashed;
  }

  .lg\:border-dotted {
    border-style: dotted;
  }

  .lg\:border-double {
    border-style: double;
  }

  .lg\:border-none {
    border-style: none;
  }

  .lg\:border-transparent {
    border-color: transparent;
  }

  .lg\:border-current {
    border-color: currentColor;
  }

  .lg\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .lg\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .lg\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .lg\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .lg\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .lg\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .lg\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .lg\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .lg\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .lg\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .lg\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .lg\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .lg\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .lg\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .lg\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .lg\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .lg\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .lg\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .lg\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .lg\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .lg\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .lg\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .lg\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .lg\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .lg\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .lg\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .lg\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .lg\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .lg\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .lg\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .lg\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .lg\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .lg\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .lg\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .lg\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .lg\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .lg\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .lg\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .lg\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .lg\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .lg\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .lg\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .lg\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .lg\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .lg\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .lg\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .lg\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .lg\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .lg\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .lg\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .lg\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .lg\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .lg\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .lg\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .lg\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .lg\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .lg\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .lg\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .lg\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .lg\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .lg\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .lg\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .lg\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .lg\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .lg\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .lg\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .lg\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .lg\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .lg\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .lg\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .lg\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .lg\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .lg\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .lg\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .lg\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .lg\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .lg\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .lg\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .lg\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .lg\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .lg\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .lg\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-transparent {
    border-color: transparent;
  }

  .group:hover .lg\:group-hover\:border-current {
    border-color: currentColor;
  }

  .group:hover .lg\:group-hover\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .group:hover .lg\:group-hover\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-transparent:focus-within {
    border-color: transparent;
  }

  .lg\:focus-within\:border-current:focus-within {
    border-color: currentColor;
  }

  .lg\:focus-within\:border-black:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-white:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-gray-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-red-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-yellow-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-green-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-blue-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-indigo-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-purple-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .lg\:focus-within\:border-pink-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .lg\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .lg\:hover\:border-current:hover {
    border-color: currentColor;
  }

  .lg\:hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .lg\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .lg\:hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .lg\:hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .lg\:hover\:border-yellow-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .lg\:hover\:border-green-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .lg\:hover\:border-blue-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .lg\:hover\:border-indigo-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .lg\:hover\:border-purple-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .lg\:hover\:border-pink-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .lg\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .lg\:focus\:border-current:focus {
    border-color: currentColor;
  }

  .lg\:focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .lg\:focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .lg\:focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .lg\:focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .lg\:focus\:border-yellow-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .lg\:focus\:border-green-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .lg\:focus\:border-blue-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .lg\:focus\:border-indigo-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .lg\:focus\:border-purple-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .lg\:focus\:border-pink-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .lg\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .lg\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .lg\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .lg\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .lg\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .lg\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .lg\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .lg\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .lg\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .lg\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .lg\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .lg\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .lg\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .lg\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .lg\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .group:hover .lg\:group-hover\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .group:hover .lg\:group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .group:hover .lg\:group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .group:hover .lg\:group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .group:hover .lg\:group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .group:hover .lg\:group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .group:hover .lg\:group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .group:hover .lg\:group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .group:hover .lg\:group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .group:hover .lg\:group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .group:hover .lg\:group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .group:hover .lg\:group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .group:hover .lg\:group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .group:hover .lg\:group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .group:hover .lg\:group-hover\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .lg\:focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0;
  }

  .lg\:focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05;
  }

  .lg\:focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1;
  }

  .lg\:focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2;
  }

  .lg\:focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25;
  }

  .lg\:focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3;
  }

  .lg\:focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4;
  }

  .lg\:focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5;
  }

  .lg\:focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6;
  }

  .lg\:focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7;
  }

  .lg\:focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75;
  }

  .lg\:focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8;
  }

  .lg\:focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9;
  }

  .lg\:focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95;
  }

  .lg\:focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1;
  }

  .lg\:hover\:border-opacity-0:hover {
    --tw-border-opacity: 0;
  }

  .lg\:hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05;
  }

  .lg\:hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1;
  }

  .lg\:hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2;
  }

  .lg\:hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25;
  }

  .lg\:hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3;
  }

  .lg\:hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4;
  }

  .lg\:hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5;
  }

  .lg\:hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6;
  }

  .lg\:hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7;
  }

  .lg\:hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75;
  }

  .lg\:hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8;
  }

  .lg\:hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9;
  }

  .lg\:hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95;
  }

  .lg\:hover\:border-opacity-100:hover {
    --tw-border-opacity: 1;
  }

  .lg\:focus\:border-opacity-0:focus {
    --tw-border-opacity: 0;
  }

  .lg\:focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05;
  }

  .lg\:focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1;
  }

  .lg\:focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2;
  }

  .lg\:focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25;
  }

  .lg\:focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3;
  }

  .lg\:focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4;
  }

  .lg\:focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5;
  }

  .lg\:focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6;
  }

  .lg\:focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7;
  }

  .lg\:focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75;
  }

  .lg\:focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8;
  }

  .lg\:focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9;
  }

  .lg\:focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95;
  }

  .lg\:focus\:border-opacity-100:focus {
    --tw-border-opacity: 1;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:bg-current {
    background-color: currentColor;
  }

  .lg\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .lg\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .lg\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .lg\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .lg\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .lg\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .lg\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .lg\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .lg\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .lg\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .lg\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .lg\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .lg\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .lg\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .lg\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .lg\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .lg\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .lg\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .lg\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .lg\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .lg\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .lg\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .lg\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .lg\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .lg\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .lg\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .lg\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-transparent {
    background-color: transparent;
  }

  .group:hover .lg\:group-hover\:bg-current {
    background-color: currentColor;
  }

  .group:hover .lg\:group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .group:hover .lg\:group-hover\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-transparent:focus-within {
    background-color: transparent;
  }

  .lg\:focus-within\:bg-current:focus-within {
    background-color: currentColor;
  }

  .lg\:focus-within\:bg-black:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-white:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-gray-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-red-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-yellow-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-green-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-blue-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-indigo-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-purple-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .lg\:focus-within\:bg-pink-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .lg\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  .lg\:hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-green-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-purple-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .lg\:hover\:bg-pink-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .lg\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  .lg\:focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-gray-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-red-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-yellow-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-green-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-indigo-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-purple-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .lg\:focus\:bg-pink-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .lg\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .lg\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .lg\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .lg\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .lg\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .lg\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .lg\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .lg\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .lg\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .lg\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .lg\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .lg\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .lg\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .lg\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .lg\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .group:hover .lg\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .group:hover .lg\:group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .group:hover .lg\:group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .group:hover .lg\:group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .group:hover .lg\:group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .group:hover .lg\:group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .group:hover .lg\:group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .group:hover .lg\:group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .group:hover .lg\:group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .group:hover .lg\:group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .group:hover .lg\:group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .group:hover .lg\:group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .group:hover .lg\:group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .group:hover .lg\:group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .group:hover .lg\:group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .lg\:focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0;
  }

  .lg\:focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05;
  }

  .lg\:focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1;
  }

  .lg\:focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2;
  }

  .lg\:focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25;
  }

  .lg\:focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3;
  }

  .lg\:focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4;
  }

  .lg\:focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5;
  }

  .lg\:focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6;
  }

  .lg\:focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7;
  }

  .lg\:focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75;
  }

  .lg\:focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8;
  }

  .lg\:focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9;
  }

  .lg\:focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95;
  }

  .lg\:focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1;
  }

  .lg\:hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0;
  }

  .lg\:hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
  }

  .lg\:hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
  }

  .lg\:hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
  }

  .lg\:hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25;
  }

  .lg\:hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3;
  }

  .lg\:hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4;
  }

  .lg\:hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5;
  }

  .lg\:hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6;
  }

  .lg\:hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7;
  }

  .lg\:hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75;
  }

  .lg\:hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8;
  }

  .lg\:hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9;
  }

  .lg\:hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95;
  }

  .lg\:hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1;
  }

  .lg\:focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0;
  }

  .lg\:focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05;
  }

  .lg\:focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1;
  }

  .lg\:focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2;
  }

  .lg\:focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25;
  }

  .lg\:focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3;
  }

  .lg\:focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4;
  }

  .lg\:focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5;
  }

  .lg\:focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6;
  }

  .lg\:focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7;
  }

  .lg\:focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75;
  }

  .lg\:focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8;
  }

  .lg\:focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9;
  }

  .lg\:focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95;
  }

  .lg\:focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1;
  }

  .lg\:bg-none {
    background-image: none;
  }

  .lg\:bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-tr {
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-r {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-bl {
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-l {
    background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }

  .lg\:bg-gradient-to-tl {
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
  }

  .lg\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:from-current {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:from-black {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:from-gray-50 {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .lg\:from-gray-100 {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .lg\:from-gray-200 {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .lg\:from-gray-300 {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .lg\:from-gray-400 {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .lg\:from-gray-500 {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .lg\:from-gray-600 {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .lg\:from-gray-700 {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .lg\:from-gray-800 {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .lg\:from-gray-900 {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .lg\:from-red-50 {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .lg\:from-red-100 {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .lg\:from-red-200 {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .lg\:from-red-300 {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .lg\:from-red-400 {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .lg\:from-red-500 {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .lg\:from-red-600 {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .lg\:from-red-700 {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .lg\:from-red-800 {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .lg\:from-red-900 {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .lg\:from-yellow-50 {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .lg\:from-yellow-100 {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .lg\:from-yellow-200 {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .lg\:from-yellow-300 {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .lg\:from-yellow-400 {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .lg\:from-yellow-500 {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .lg\:from-yellow-600 {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .lg\:from-yellow-700 {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .lg\:from-yellow-800 {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .lg\:from-yellow-900 {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .lg\:from-green-50 {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .lg\:from-green-100 {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .lg\:from-green-200 {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .lg\:from-green-300 {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .lg\:from-green-400 {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .lg\:from-green-500 {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .lg\:from-green-600 {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .lg\:from-green-700 {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .lg\:from-green-800 {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .lg\:from-green-900 {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .lg\:from-blue-50 {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .lg\:from-blue-100 {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .lg\:from-blue-200 {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .lg\:from-blue-300 {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .lg\:from-blue-400 {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .lg\:from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .lg\:from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .lg\:from-blue-700 {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .lg\:from-blue-800 {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .lg\:from-blue-900 {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .lg\:from-indigo-50 {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .lg\:from-indigo-100 {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .lg\:from-indigo-200 {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .lg\:from-indigo-300 {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .lg\:from-indigo-400 {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .lg\:from-indigo-500 {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .lg\:from-indigo-600 {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .lg\:from-indigo-700 {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .lg\:from-indigo-800 {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .lg\:from-indigo-900 {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .lg\:from-purple-50 {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .lg\:from-purple-100 {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .lg\:from-purple-200 {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .lg\:from-purple-300 {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .lg\:from-purple-400 {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .lg\:from-purple-500 {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .lg\:from-purple-600 {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .lg\:from-purple-700 {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .lg\:from-purple-800 {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .lg\:from-purple-900 {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .lg\:from-pink-50 {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .lg\:from-pink-100 {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .lg\:from-pink-200 {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .lg\:from-pink-300 {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .lg\:from-pink-400 {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .lg\:from-pink-500 {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .lg\:from-pink-600 {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .lg\:from-pink-700 {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .lg\:from-pink-800 {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .lg\:from-pink-900 {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .lg\:hover\:from-transparent:hover {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-current:hover {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-black:hover {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-white:hover {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-gray-50:hover {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .lg\:hover\:from-gray-100:hover {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .lg\:hover\:from-gray-200:hover {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .lg\:hover\:from-gray-300:hover {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .lg\:hover\:from-gray-400:hover {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .lg\:hover\:from-gray-500:hover {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .lg\:hover\:from-gray-600:hover {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .lg\:hover\:from-gray-700:hover {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .lg\:hover\:from-gray-800:hover {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .lg\:hover\:from-gray-900:hover {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .lg\:hover\:from-red-50:hover {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .lg\:hover\:from-red-100:hover {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .lg\:hover\:from-red-200:hover {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .lg\:hover\:from-red-300:hover {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .lg\:hover\:from-red-400:hover {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .lg\:hover\:from-red-500:hover {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .lg\:hover\:from-red-600:hover {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .lg\:hover\:from-red-700:hover {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .lg\:hover\:from-red-800:hover {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .lg\:hover\:from-red-900:hover {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .lg\:hover\:from-yellow-50:hover {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .lg\:hover\:from-yellow-100:hover {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .lg\:hover\:from-yellow-200:hover {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .lg\:hover\:from-yellow-300:hover {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .lg\:hover\:from-yellow-400:hover {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .lg\:hover\:from-yellow-500:hover {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .lg\:hover\:from-yellow-600:hover {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .lg\:hover\:from-yellow-700:hover {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .lg\:hover\:from-yellow-800:hover {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .lg\:hover\:from-yellow-900:hover {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .lg\:hover\:from-green-50:hover {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .lg\:hover\:from-green-100:hover {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .lg\:hover\:from-green-200:hover {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .lg\:hover\:from-green-300:hover {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .lg\:hover\:from-green-400:hover {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .lg\:hover\:from-green-500:hover {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .lg\:hover\:from-green-600:hover {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .lg\:hover\:from-green-700:hover {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .lg\:hover\:from-green-800:hover {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .lg\:hover\:from-green-900:hover {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .lg\:hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .lg\:hover\:from-blue-100:hover {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .lg\:hover\:from-blue-200:hover {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .lg\:hover\:from-blue-300:hover {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .lg\:hover\:from-blue-400:hover {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .lg\:hover\:from-blue-500:hover {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .lg\:hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .lg\:hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .lg\:hover\:from-blue-800:hover {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .lg\:hover\:from-blue-900:hover {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .lg\:hover\:from-indigo-50:hover {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .lg\:hover\:from-indigo-100:hover {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .lg\:hover\:from-indigo-200:hover {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .lg\:hover\:from-indigo-300:hover {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .lg\:hover\:from-indigo-400:hover {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .lg\:hover\:from-indigo-500:hover {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .lg\:hover\:from-indigo-600:hover {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .lg\:hover\:from-indigo-700:hover {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .lg\:hover\:from-indigo-800:hover {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .lg\:hover\:from-indigo-900:hover {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .lg\:hover\:from-purple-50:hover {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .lg\:hover\:from-purple-100:hover {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .lg\:hover\:from-purple-200:hover {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .lg\:hover\:from-purple-300:hover {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .lg\:hover\:from-purple-400:hover {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .lg\:hover\:from-purple-500:hover {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .lg\:hover\:from-purple-600:hover {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .lg\:hover\:from-purple-700:hover {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .lg\:hover\:from-purple-800:hover {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .lg\:hover\:from-purple-900:hover {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .lg\:hover\:from-pink-50:hover {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .lg\:hover\:from-pink-100:hover {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .lg\:hover\:from-pink-200:hover {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .lg\:hover\:from-pink-300:hover {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .lg\:hover\:from-pink-400:hover {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .lg\:hover\:from-pink-500:hover {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .lg\:hover\:from-pink-600:hover {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .lg\:hover\:from-pink-700:hover {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .lg\:hover\:from-pink-800:hover {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .lg\:hover\:from-pink-900:hover {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .lg\:focus\:from-transparent:focus {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-current:focus {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-black:focus {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-white:focus {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-gray-50:focus {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .lg\:focus\:from-gray-100:focus {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .lg\:focus\:from-gray-200:focus {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .lg\:focus\:from-gray-300:focus {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .lg\:focus\:from-gray-400:focus {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .lg\:focus\:from-gray-500:focus {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .lg\:focus\:from-gray-600:focus {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .lg\:focus\:from-gray-700:focus {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .lg\:focus\:from-gray-800:focus {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .lg\:focus\:from-gray-900:focus {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .lg\:focus\:from-red-50:focus {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .lg\:focus\:from-red-100:focus {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .lg\:focus\:from-red-200:focus {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .lg\:focus\:from-red-300:focus {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .lg\:focus\:from-red-400:focus {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .lg\:focus\:from-red-500:focus {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .lg\:focus\:from-red-600:focus {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .lg\:focus\:from-red-700:focus {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .lg\:focus\:from-red-800:focus {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .lg\:focus\:from-red-900:focus {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .lg\:focus\:from-yellow-50:focus {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .lg\:focus\:from-yellow-100:focus {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .lg\:focus\:from-yellow-200:focus {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .lg\:focus\:from-yellow-300:focus {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .lg\:focus\:from-yellow-400:focus {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .lg\:focus\:from-yellow-500:focus {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .lg\:focus\:from-yellow-600:focus {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .lg\:focus\:from-yellow-700:focus {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .lg\:focus\:from-yellow-800:focus {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .lg\:focus\:from-yellow-900:focus {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .lg\:focus\:from-green-50:focus {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .lg\:focus\:from-green-100:focus {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .lg\:focus\:from-green-200:focus {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .lg\:focus\:from-green-300:focus {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .lg\:focus\:from-green-400:focus {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .lg\:focus\:from-green-500:focus {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .lg\:focus\:from-green-600:focus {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .lg\:focus\:from-green-700:focus {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .lg\:focus\:from-green-800:focus {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .lg\:focus\:from-green-900:focus {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .lg\:focus\:from-blue-50:focus {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .lg\:focus\:from-blue-100:focus {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .lg\:focus\:from-blue-200:focus {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .lg\:focus\:from-blue-300:focus {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .lg\:focus\:from-blue-400:focus {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .lg\:focus\:from-blue-500:focus {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .lg\:focus\:from-blue-600:focus {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .lg\:focus\:from-blue-700:focus {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .lg\:focus\:from-blue-800:focus {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .lg\:focus\:from-blue-900:focus {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .lg\:focus\:from-indigo-50:focus {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .lg\:focus\:from-indigo-100:focus {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .lg\:focus\:from-indigo-200:focus {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .lg\:focus\:from-indigo-300:focus {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .lg\:focus\:from-indigo-400:focus {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .lg\:focus\:from-indigo-500:focus {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .lg\:focus\:from-indigo-600:focus {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .lg\:focus\:from-indigo-700:focus {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .lg\:focus\:from-indigo-800:focus {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .lg\:focus\:from-indigo-900:focus {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .lg\:focus\:from-purple-50:focus {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .lg\:focus\:from-purple-100:focus {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .lg\:focus\:from-purple-200:focus {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .lg\:focus\:from-purple-300:focus {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .lg\:focus\:from-purple-400:focus {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .lg\:focus\:from-purple-500:focus {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .lg\:focus\:from-purple-600:focus {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .lg\:focus\:from-purple-700:focus {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .lg\:focus\:from-purple-800:focus {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .lg\:focus\:from-purple-900:focus {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .lg\:focus\:from-pink-50:focus {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .lg\:focus\:from-pink-100:focus {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .lg\:focus\:from-pink-200:focus {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .lg\:focus\:from-pink-300:focus {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .lg\:focus\:from-pink-400:focus {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .lg\:focus\:from-pink-500:focus {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .lg\:focus\:from-pink-600:focus {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .lg\:focus\:from-pink-700:focus {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .lg\:focus\:from-pink-800:focus {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .lg\:focus\:from-pink-900:focus {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .lg\:via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:via-current {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:via-black {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:via-gray-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .lg\:via-gray-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .lg\:via-gray-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .lg\:via-gray-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .lg\:via-gray-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .lg\:via-gray-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .lg\:via-gray-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .lg\:via-gray-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .lg\:via-gray-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .lg\:via-gray-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .lg\:via-red-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .lg\:via-red-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .lg\:via-red-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .lg\:via-red-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .lg\:via-red-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .lg\:via-red-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .lg\:via-red-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .lg\:via-red-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .lg\:via-red-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .lg\:via-red-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .lg\:via-yellow-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .lg\:via-yellow-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .lg\:via-yellow-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .lg\:via-yellow-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .lg\:via-yellow-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .lg\:via-yellow-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .lg\:via-yellow-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .lg\:via-yellow-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .lg\:via-yellow-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .lg\:via-yellow-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .lg\:via-green-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .lg\:via-green-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .lg\:via-green-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .lg\:via-green-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .lg\:via-green-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .lg\:via-green-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .lg\:via-green-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .lg\:via-green-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .lg\:via-green-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .lg\:via-green-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .lg\:via-blue-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .lg\:via-blue-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .lg\:via-blue-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .lg\:via-blue-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .lg\:via-blue-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .lg\:via-blue-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .lg\:via-blue-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .lg\:via-blue-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .lg\:via-blue-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .lg\:via-blue-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .lg\:via-indigo-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .lg\:via-indigo-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .lg\:via-indigo-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .lg\:via-indigo-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .lg\:via-indigo-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .lg\:via-indigo-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .lg\:via-indigo-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .lg\:via-indigo-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .lg\:via-indigo-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .lg\:via-indigo-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .lg\:via-purple-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .lg\:via-purple-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .lg\:via-purple-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .lg\:via-purple-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .lg\:via-purple-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .lg\:via-purple-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .lg\:via-purple-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .lg\:via-purple-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .lg\:via-purple-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .lg\:via-purple-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .lg\:via-pink-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .lg\:via-pink-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .lg\:via-pink-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .lg\:via-pink-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .lg\:via-pink-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .lg\:via-pink-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .lg\:via-pink-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .lg\:via-pink-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .lg\:via-pink-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .lg\:via-pink-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .lg\:hover\:via-transparent:hover {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-current:hover {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-black:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-gray-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .lg\:hover\:via-gray-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .lg\:hover\:via-gray-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .lg\:hover\:via-gray-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .lg\:hover\:via-gray-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .lg\:hover\:via-gray-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .lg\:hover\:via-gray-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .lg\:hover\:via-gray-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .lg\:hover\:via-gray-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .lg\:hover\:via-gray-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .lg\:hover\:via-red-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .lg\:hover\:via-red-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .lg\:hover\:via-red-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .lg\:hover\:via-red-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .lg\:hover\:via-red-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .lg\:hover\:via-red-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .lg\:hover\:via-red-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .lg\:hover\:via-red-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .lg\:hover\:via-red-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .lg\:hover\:via-red-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .lg\:hover\:via-yellow-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .lg\:hover\:via-yellow-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .lg\:hover\:via-yellow-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .lg\:hover\:via-yellow-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .lg\:hover\:via-yellow-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .lg\:hover\:via-yellow-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .lg\:hover\:via-yellow-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .lg\:hover\:via-yellow-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .lg\:hover\:via-yellow-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .lg\:hover\:via-yellow-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .lg\:hover\:via-green-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .lg\:hover\:via-green-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .lg\:hover\:via-green-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .lg\:hover\:via-green-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .lg\:hover\:via-green-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .lg\:hover\:via-green-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .lg\:hover\:via-green-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .lg\:hover\:via-green-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .lg\:hover\:via-green-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .lg\:hover\:via-green-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .lg\:hover\:via-blue-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .lg\:hover\:via-blue-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .lg\:hover\:via-blue-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .lg\:hover\:via-blue-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .lg\:hover\:via-blue-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .lg\:hover\:via-blue-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .lg\:hover\:via-blue-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .lg\:hover\:via-blue-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .lg\:hover\:via-blue-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .lg\:hover\:via-blue-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .lg\:hover\:via-indigo-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .lg\:hover\:via-indigo-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .lg\:hover\:via-indigo-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .lg\:hover\:via-indigo-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .lg\:hover\:via-indigo-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .lg\:hover\:via-indigo-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .lg\:hover\:via-indigo-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .lg\:hover\:via-indigo-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .lg\:hover\:via-indigo-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .lg\:hover\:via-indigo-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .lg\:hover\:via-purple-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .lg\:hover\:via-purple-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .lg\:hover\:via-purple-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .lg\:hover\:via-purple-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .lg\:hover\:via-purple-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .lg\:hover\:via-purple-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .lg\:hover\:via-purple-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .lg\:hover\:via-purple-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .lg\:hover\:via-purple-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .lg\:hover\:via-purple-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .lg\:hover\:via-pink-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .lg\:hover\:via-pink-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .lg\:hover\:via-pink-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .lg\:hover\:via-pink-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .lg\:hover\:via-pink-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .lg\:hover\:via-pink-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .lg\:hover\:via-pink-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .lg\:hover\:via-pink-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .lg\:hover\:via-pink-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .lg\:hover\:via-pink-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .lg\:focus\:via-transparent:focus {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-current:focus {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-black:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-gray-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .lg\:focus\:via-gray-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .lg\:focus\:via-gray-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .lg\:focus\:via-gray-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .lg\:focus\:via-gray-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .lg\:focus\:via-gray-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .lg\:focus\:via-gray-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .lg\:focus\:via-gray-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .lg\:focus\:via-gray-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .lg\:focus\:via-gray-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .lg\:focus\:via-red-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .lg\:focus\:via-red-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .lg\:focus\:via-red-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .lg\:focus\:via-red-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .lg\:focus\:via-red-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .lg\:focus\:via-red-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .lg\:focus\:via-red-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .lg\:focus\:via-red-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .lg\:focus\:via-red-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .lg\:focus\:via-red-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .lg\:focus\:via-yellow-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .lg\:focus\:via-yellow-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .lg\:focus\:via-yellow-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .lg\:focus\:via-yellow-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .lg\:focus\:via-yellow-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .lg\:focus\:via-yellow-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .lg\:focus\:via-yellow-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .lg\:focus\:via-yellow-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .lg\:focus\:via-yellow-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .lg\:focus\:via-yellow-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .lg\:focus\:via-green-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .lg\:focus\:via-green-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .lg\:focus\:via-green-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .lg\:focus\:via-green-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .lg\:focus\:via-green-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .lg\:focus\:via-green-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .lg\:focus\:via-green-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .lg\:focus\:via-green-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .lg\:focus\:via-green-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .lg\:focus\:via-green-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .lg\:focus\:via-blue-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .lg\:focus\:via-blue-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .lg\:focus\:via-blue-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .lg\:focus\:via-blue-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .lg\:focus\:via-blue-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .lg\:focus\:via-blue-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .lg\:focus\:via-blue-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .lg\:focus\:via-blue-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .lg\:focus\:via-blue-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .lg\:focus\:via-blue-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .lg\:focus\:via-indigo-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .lg\:focus\:via-indigo-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .lg\:focus\:via-indigo-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .lg\:focus\:via-indigo-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .lg\:focus\:via-indigo-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .lg\:focus\:via-indigo-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .lg\:focus\:via-indigo-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .lg\:focus\:via-indigo-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .lg\:focus\:via-indigo-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .lg\:focus\:via-indigo-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .lg\:focus\:via-purple-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .lg\:focus\:via-purple-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .lg\:focus\:via-purple-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .lg\:focus\:via-purple-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .lg\:focus\:via-purple-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .lg\:focus\:via-purple-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .lg\:focus\:via-purple-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .lg\:focus\:via-purple-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .lg\:focus\:via-purple-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .lg\:focus\:via-purple-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .lg\:focus\:via-pink-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .lg\:focus\:via-pink-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .lg\:focus\:via-pink-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .lg\:focus\:via-pink-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .lg\:focus\:via-pink-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .lg\:focus\:via-pink-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .lg\:focus\:via-pink-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .lg\:focus\:via-pink-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .lg\:focus\:via-pink-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .lg\:focus\:via-pink-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .lg\:to-transparent {
    --tw-gradient-to: transparent;
  }

  .lg\:to-current {
    --tw-gradient-to: currentColor;
  }

  .lg\:to-black {
    --tw-gradient-to: #000;
  }

  .lg\:to-white {
    --tw-gradient-to: #fff;
  }

  .lg\:to-gray-50 {
    --tw-gradient-to: #f9fafb;
  }

  .lg\:to-gray-100 {
    --tw-gradient-to: #f3f4f6;
  }

  .lg\:to-gray-200 {
    --tw-gradient-to: #e5e7eb;
  }

  .lg\:to-gray-300 {
    --tw-gradient-to: #d1d5db;
  }

  .lg\:to-gray-400 {
    --tw-gradient-to: #9ca3af;
  }

  .lg\:to-gray-500 {
    --tw-gradient-to: #6b7280;
  }

  .lg\:to-gray-600 {
    --tw-gradient-to: #4b5563;
  }

  .lg\:to-gray-700 {
    --tw-gradient-to: #374151;
  }

  .lg\:to-gray-800 {
    --tw-gradient-to: #1f2937;
  }

  .lg\:to-gray-900 {
    --tw-gradient-to: #111827;
  }

  .lg\:to-red-50 {
    --tw-gradient-to: #fef2f2;
  }

  .lg\:to-red-100 {
    --tw-gradient-to: #fee2e2;
  }

  .lg\:to-red-200 {
    --tw-gradient-to: #fecaca;
  }

  .lg\:to-red-300 {
    --tw-gradient-to: #fca5a5;
  }

  .lg\:to-red-400 {
    --tw-gradient-to: #f87171;
  }

  .lg\:to-red-500 {
    --tw-gradient-to: #ef4444;
  }

  .lg\:to-red-600 {
    --tw-gradient-to: #dc2626;
  }

  .lg\:to-red-700 {
    --tw-gradient-to: #b91c1c;
  }

  .lg\:to-red-800 {
    --tw-gradient-to: #991b1b;
  }

  .lg\:to-red-900 {
    --tw-gradient-to: #7f1d1d;
  }

  .lg\:to-yellow-50 {
    --tw-gradient-to: #fffbeb;
  }

  .lg\:to-yellow-100 {
    --tw-gradient-to: #fef3c7;
  }

  .lg\:to-yellow-200 {
    --tw-gradient-to: #fde68a;
  }

  .lg\:to-yellow-300 {
    --tw-gradient-to: #fcd34d;
  }

  .lg\:to-yellow-400 {
    --tw-gradient-to: #fbbf24;
  }

  .lg\:to-yellow-500 {
    --tw-gradient-to: #f59e0b;
  }

  .lg\:to-yellow-600 {
    --tw-gradient-to: #d97706;
  }

  .lg\:to-yellow-700 {
    --tw-gradient-to: #b45309;
  }

  .lg\:to-yellow-800 {
    --tw-gradient-to: #92400e;
  }

  .lg\:to-yellow-900 {
    --tw-gradient-to: #78350f;
  }

  .lg\:to-green-50 {
    --tw-gradient-to: #ecfdf5;
  }

  .lg\:to-green-100 {
    --tw-gradient-to: #d1fae5;
  }

  .lg\:to-green-200 {
    --tw-gradient-to: #a7f3d0;
  }

  .lg\:to-green-300 {
    --tw-gradient-to: #6ee7b7;
  }

  .lg\:to-green-400 {
    --tw-gradient-to: #34d399;
  }

  .lg\:to-green-500 {
    --tw-gradient-to: #10b981;
  }

  .lg\:to-green-600 {
    --tw-gradient-to: #059669;
  }

  .lg\:to-green-700 {
    --tw-gradient-to: #047857;
  }

  .lg\:to-green-800 {
    --tw-gradient-to: #065f46;
  }

  .lg\:to-green-900 {
    --tw-gradient-to: #064e3b;
  }

  .lg\:to-blue-50 {
    --tw-gradient-to: #eff6ff;
  }

  .lg\:to-blue-100 {
    --tw-gradient-to: #dbeafe;
  }

  .lg\:to-blue-200 {
    --tw-gradient-to: #bfdbfe;
  }

  .lg\:to-blue-300 {
    --tw-gradient-to: #93c5fd;
  }

  .lg\:to-blue-400 {
    --tw-gradient-to: #60a5fa;
  }

  .lg\:to-blue-500 {
    --tw-gradient-to: #3b82f6;
  }

  .lg\:to-blue-600 {
    --tw-gradient-to: #2563eb;
  }

  .lg\:to-blue-700 {
    --tw-gradient-to: #1d4ed8;
  }

  .lg\:to-blue-800 {
    --tw-gradient-to: #1e40af;
  }

  .lg\:to-blue-900 {
    --tw-gradient-to: #1e3a8a;
  }

  .lg\:to-indigo-50 {
    --tw-gradient-to: #eef2ff;
  }

  .lg\:to-indigo-100 {
    --tw-gradient-to: #e0e7ff;
  }

  .lg\:to-indigo-200 {
    --tw-gradient-to: #c7d2fe;
  }

  .lg\:to-indigo-300 {
    --tw-gradient-to: #a5b4fc;
  }

  .lg\:to-indigo-400 {
    --tw-gradient-to: #818cf8;
  }

  .lg\:to-indigo-500 {
    --tw-gradient-to: #6366f1;
  }

  .lg\:to-indigo-600 {
    --tw-gradient-to: #4f46e5;
  }

  .lg\:to-indigo-700 {
    --tw-gradient-to: #4338ca;
  }

  .lg\:to-indigo-800 {
    --tw-gradient-to: #3730a3;
  }

  .lg\:to-indigo-900 {
    --tw-gradient-to: #312e81;
  }

  .lg\:to-purple-50 {
    --tw-gradient-to: #f5f3ff;
  }

  .lg\:to-purple-100 {
    --tw-gradient-to: #ede9fe;
  }

  .lg\:to-purple-200 {
    --tw-gradient-to: #ddd6fe;
  }

  .lg\:to-purple-300 {
    --tw-gradient-to: #c4b5fd;
  }

  .lg\:to-purple-400 {
    --tw-gradient-to: #a78bfa;
  }

  .lg\:to-purple-500 {
    --tw-gradient-to: #8b5cf6;
  }

  .lg\:to-purple-600 {
    --tw-gradient-to: #7c3aed;
  }

  .lg\:to-purple-700 {
    --tw-gradient-to: #6d28d9;
  }

  .lg\:to-purple-800 {
    --tw-gradient-to: #5b21b6;
  }

  .lg\:to-purple-900 {
    --tw-gradient-to: #4c1d95;
  }

  .lg\:to-pink-50 {
    --tw-gradient-to: #fdf2f8;
  }

  .lg\:to-pink-100 {
    --tw-gradient-to: #fce7f3;
  }

  .lg\:to-pink-200 {
    --tw-gradient-to: #fbcfe8;
  }

  .lg\:to-pink-300 {
    --tw-gradient-to: #f9a8d4;
  }

  .lg\:to-pink-400 {
    --tw-gradient-to: #f472b6;
  }

  .lg\:to-pink-500 {
    --tw-gradient-to: #ec4899;
  }

  .lg\:to-pink-600 {
    --tw-gradient-to: #db2777;
  }

  .lg\:to-pink-700 {
    --tw-gradient-to: #be185d;
  }

  .lg\:to-pink-800 {
    --tw-gradient-to: #9d174d;
  }

  .lg\:to-pink-900 {
    --tw-gradient-to: #831843;
  }

  .lg\:hover\:to-transparent:hover {
    --tw-gradient-to: transparent;
  }

  .lg\:hover\:to-current:hover {
    --tw-gradient-to: currentColor;
  }

  .lg\:hover\:to-black:hover {
    --tw-gradient-to: #000;
  }

  .lg\:hover\:to-white:hover {
    --tw-gradient-to: #fff;
  }

  .lg\:hover\:to-gray-50:hover {
    --tw-gradient-to: #f9fafb;
  }

  .lg\:hover\:to-gray-100:hover {
    --tw-gradient-to: #f3f4f6;
  }

  .lg\:hover\:to-gray-200:hover {
    --tw-gradient-to: #e5e7eb;
  }

  .lg\:hover\:to-gray-300:hover {
    --tw-gradient-to: #d1d5db;
  }

  .lg\:hover\:to-gray-400:hover {
    --tw-gradient-to: #9ca3af;
  }

  .lg\:hover\:to-gray-500:hover {
    --tw-gradient-to: #6b7280;
  }

  .lg\:hover\:to-gray-600:hover {
    --tw-gradient-to: #4b5563;
  }

  .lg\:hover\:to-gray-700:hover {
    --tw-gradient-to: #374151;
  }

  .lg\:hover\:to-gray-800:hover {
    --tw-gradient-to: #1f2937;
  }

  .lg\:hover\:to-gray-900:hover {
    --tw-gradient-to: #111827;
  }

  .lg\:hover\:to-red-50:hover {
    --tw-gradient-to: #fef2f2;
  }

  .lg\:hover\:to-red-100:hover {
    --tw-gradient-to: #fee2e2;
  }

  .lg\:hover\:to-red-200:hover {
    --tw-gradient-to: #fecaca;
  }

  .lg\:hover\:to-red-300:hover {
    --tw-gradient-to: #fca5a5;
  }

  .lg\:hover\:to-red-400:hover {
    --tw-gradient-to: #f87171;
  }

  .lg\:hover\:to-red-500:hover {
    --tw-gradient-to: #ef4444;
  }

  .lg\:hover\:to-red-600:hover {
    --tw-gradient-to: #dc2626;
  }

  .lg\:hover\:to-red-700:hover {
    --tw-gradient-to: #b91c1c;
  }

  .lg\:hover\:to-red-800:hover {
    --tw-gradient-to: #991b1b;
  }

  .lg\:hover\:to-red-900:hover {
    --tw-gradient-to: #7f1d1d;
  }

  .lg\:hover\:to-yellow-50:hover {
    --tw-gradient-to: #fffbeb;
  }

  .lg\:hover\:to-yellow-100:hover {
    --tw-gradient-to: #fef3c7;
  }

  .lg\:hover\:to-yellow-200:hover {
    --tw-gradient-to: #fde68a;
  }

  .lg\:hover\:to-yellow-300:hover {
    --tw-gradient-to: #fcd34d;
  }

  .lg\:hover\:to-yellow-400:hover {
    --tw-gradient-to: #fbbf24;
  }

  .lg\:hover\:to-yellow-500:hover {
    --tw-gradient-to: #f59e0b;
  }

  .lg\:hover\:to-yellow-600:hover {
    --tw-gradient-to: #d97706;
  }

  .lg\:hover\:to-yellow-700:hover {
    --tw-gradient-to: #b45309;
  }

  .lg\:hover\:to-yellow-800:hover {
    --tw-gradient-to: #92400e;
  }

  .lg\:hover\:to-yellow-900:hover {
    --tw-gradient-to: #78350f;
  }

  .lg\:hover\:to-green-50:hover {
    --tw-gradient-to: #ecfdf5;
  }

  .lg\:hover\:to-green-100:hover {
    --tw-gradient-to: #d1fae5;
  }

  .lg\:hover\:to-green-200:hover {
    --tw-gradient-to: #a7f3d0;
  }

  .lg\:hover\:to-green-300:hover {
    --tw-gradient-to: #6ee7b7;
  }

  .lg\:hover\:to-green-400:hover {
    --tw-gradient-to: #34d399;
  }

  .lg\:hover\:to-green-500:hover {
    --tw-gradient-to: #10b981;
  }

  .lg\:hover\:to-green-600:hover {
    --tw-gradient-to: #059669;
  }

  .lg\:hover\:to-green-700:hover {
    --tw-gradient-to: #047857;
  }

  .lg\:hover\:to-green-800:hover {
    --tw-gradient-to: #065f46;
  }

  .lg\:hover\:to-green-900:hover {
    --tw-gradient-to: #064e3b;
  }

  .lg\:hover\:to-blue-50:hover {
    --tw-gradient-to: #eff6ff;
  }

  .lg\:hover\:to-blue-100:hover {
    --tw-gradient-to: #dbeafe;
  }

  .lg\:hover\:to-blue-200:hover {
    --tw-gradient-to: #bfdbfe;
  }

  .lg\:hover\:to-blue-300:hover {
    --tw-gradient-to: #93c5fd;
  }

  .lg\:hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa;
  }

  .lg\:hover\:to-blue-500:hover {
    --tw-gradient-to: #3b82f6;
  }

  .lg\:hover\:to-blue-600:hover {
    --tw-gradient-to: #2563eb;
  }

  .lg\:hover\:to-blue-700:hover {
    --tw-gradient-to: #1d4ed8;
  }

  .lg\:hover\:to-blue-800:hover {
    --tw-gradient-to: #1e40af;
  }

  .lg\:hover\:to-blue-900:hover {
    --tw-gradient-to: #1e3a8a;
  }

  .lg\:hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff;
  }

  .lg\:hover\:to-indigo-100:hover {
    --tw-gradient-to: #e0e7ff;
  }

  .lg\:hover\:to-indigo-200:hover {
    --tw-gradient-to: #c7d2fe;
  }

  .lg\:hover\:to-indigo-300:hover {
    --tw-gradient-to: #a5b4fc;
  }

  .lg\:hover\:to-indigo-400:hover {
    --tw-gradient-to: #818cf8;
  }

  .lg\:hover\:to-indigo-500:hover {
    --tw-gradient-to: #6366f1;
  }

  .lg\:hover\:to-indigo-600:hover {
    --tw-gradient-to: #4f46e5;
  }

  .lg\:hover\:to-indigo-700:hover {
    --tw-gradient-to: #4338ca;
  }

  .lg\:hover\:to-indigo-800:hover {
    --tw-gradient-to: #3730a3;
  }

  .lg\:hover\:to-indigo-900:hover {
    --tw-gradient-to: #312e81;
  }

  .lg\:hover\:to-purple-50:hover {
    --tw-gradient-to: #f5f3ff;
  }

  .lg\:hover\:to-purple-100:hover {
    --tw-gradient-to: #ede9fe;
  }

  .lg\:hover\:to-purple-200:hover {
    --tw-gradient-to: #ddd6fe;
  }

  .lg\:hover\:to-purple-300:hover {
    --tw-gradient-to: #c4b5fd;
  }

  .lg\:hover\:to-purple-400:hover {
    --tw-gradient-to: #a78bfa;
  }

  .lg\:hover\:to-purple-500:hover {
    --tw-gradient-to: #8b5cf6;
  }

  .lg\:hover\:to-purple-600:hover {
    --tw-gradient-to: #7c3aed;
  }

  .lg\:hover\:to-purple-700:hover {
    --tw-gradient-to: #6d28d9;
  }

  .lg\:hover\:to-purple-800:hover {
    --tw-gradient-to: #5b21b6;
  }

  .lg\:hover\:to-purple-900:hover {
    --tw-gradient-to: #4c1d95;
  }

  .lg\:hover\:to-pink-50:hover {
    --tw-gradient-to: #fdf2f8;
  }

  .lg\:hover\:to-pink-100:hover {
    --tw-gradient-to: #fce7f3;
  }

  .lg\:hover\:to-pink-200:hover {
    --tw-gradient-to: #fbcfe8;
  }

  .lg\:hover\:to-pink-300:hover {
    --tw-gradient-to: #f9a8d4;
  }

  .lg\:hover\:to-pink-400:hover {
    --tw-gradient-to: #f472b6;
  }

  .lg\:hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899;
  }

  .lg\:hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777;
  }

  .lg\:hover\:to-pink-700:hover {
    --tw-gradient-to: #be185d;
  }

  .lg\:hover\:to-pink-800:hover {
    --tw-gradient-to: #9d174d;
  }

  .lg\:hover\:to-pink-900:hover {
    --tw-gradient-to: #831843;
  }

  .lg\:focus\:to-transparent:focus {
    --tw-gradient-to: transparent;
  }

  .lg\:focus\:to-current:focus {
    --tw-gradient-to: currentColor;
  }

  .lg\:focus\:to-black:focus {
    --tw-gradient-to: #000;
  }

  .lg\:focus\:to-white:focus {
    --tw-gradient-to: #fff;
  }

  .lg\:focus\:to-gray-50:focus {
    --tw-gradient-to: #f9fafb;
  }

  .lg\:focus\:to-gray-100:focus {
    --tw-gradient-to: #f3f4f6;
  }

  .lg\:focus\:to-gray-200:focus {
    --tw-gradient-to: #e5e7eb;
  }

  .lg\:focus\:to-gray-300:focus {
    --tw-gradient-to: #d1d5db;
  }

  .lg\:focus\:to-gray-400:focus {
    --tw-gradient-to: #9ca3af;
  }

  .lg\:focus\:to-gray-500:focus {
    --tw-gradient-to: #6b7280;
  }

  .lg\:focus\:to-gray-600:focus {
    --tw-gradient-to: #4b5563;
  }

  .lg\:focus\:to-gray-700:focus {
    --tw-gradient-to: #374151;
  }

  .lg\:focus\:to-gray-800:focus {
    --tw-gradient-to: #1f2937;
  }

  .lg\:focus\:to-gray-900:focus {
    --tw-gradient-to: #111827;
  }

  .lg\:focus\:to-red-50:focus {
    --tw-gradient-to: #fef2f2;
  }

  .lg\:focus\:to-red-100:focus {
    --tw-gradient-to: #fee2e2;
  }

  .lg\:focus\:to-red-200:focus {
    --tw-gradient-to: #fecaca;
  }

  .lg\:focus\:to-red-300:focus {
    --tw-gradient-to: #fca5a5;
  }

  .lg\:focus\:to-red-400:focus {
    --tw-gradient-to: #f87171;
  }

  .lg\:focus\:to-red-500:focus {
    --tw-gradient-to: #ef4444;
  }

  .lg\:focus\:to-red-600:focus {
    --tw-gradient-to: #dc2626;
  }

  .lg\:focus\:to-red-700:focus {
    --tw-gradient-to: #b91c1c;
  }

  .lg\:focus\:to-red-800:focus {
    --tw-gradient-to: #991b1b;
  }

  .lg\:focus\:to-red-900:focus {
    --tw-gradient-to: #7f1d1d;
  }

  .lg\:focus\:to-yellow-50:focus {
    --tw-gradient-to: #fffbeb;
  }

  .lg\:focus\:to-yellow-100:focus {
    --tw-gradient-to: #fef3c7;
  }

  .lg\:focus\:to-yellow-200:focus {
    --tw-gradient-to: #fde68a;
  }

  .lg\:focus\:to-yellow-300:focus {
    --tw-gradient-to: #fcd34d;
  }

  .lg\:focus\:to-yellow-400:focus {
    --tw-gradient-to: #fbbf24;
  }

  .lg\:focus\:to-yellow-500:focus {
    --tw-gradient-to: #f59e0b;
  }

  .lg\:focus\:to-yellow-600:focus {
    --tw-gradient-to: #d97706;
  }

  .lg\:focus\:to-yellow-700:focus {
    --tw-gradient-to: #b45309;
  }

  .lg\:focus\:to-yellow-800:focus {
    --tw-gradient-to: #92400e;
  }

  .lg\:focus\:to-yellow-900:focus {
    --tw-gradient-to: #78350f;
  }

  .lg\:focus\:to-green-50:focus {
    --tw-gradient-to: #ecfdf5;
  }

  .lg\:focus\:to-green-100:focus {
    --tw-gradient-to: #d1fae5;
  }

  .lg\:focus\:to-green-200:focus {
    --tw-gradient-to: #a7f3d0;
  }

  .lg\:focus\:to-green-300:focus {
    --tw-gradient-to: #6ee7b7;
  }

  .lg\:focus\:to-green-400:focus {
    --tw-gradient-to: #34d399;
  }

  .lg\:focus\:to-green-500:focus {
    --tw-gradient-to: #10b981;
  }

  .lg\:focus\:to-green-600:focus {
    --tw-gradient-to: #059669;
  }

  .lg\:focus\:to-green-700:focus {
    --tw-gradient-to: #047857;
  }

  .lg\:focus\:to-green-800:focus {
    --tw-gradient-to: #065f46;
  }

  .lg\:focus\:to-green-900:focus {
    --tw-gradient-to: #064e3b;
  }

  .lg\:focus\:to-blue-50:focus {
    --tw-gradient-to: #eff6ff;
  }

  .lg\:focus\:to-blue-100:focus {
    --tw-gradient-to: #dbeafe;
  }

  .lg\:focus\:to-blue-200:focus {
    --tw-gradient-to: #bfdbfe;
  }

  .lg\:focus\:to-blue-300:focus {
    --tw-gradient-to: #93c5fd;
  }

  .lg\:focus\:to-blue-400:focus {
    --tw-gradient-to: #60a5fa;
  }

  .lg\:focus\:to-blue-500:focus {
    --tw-gradient-to: #3b82f6;
  }

  .lg\:focus\:to-blue-600:focus {
    --tw-gradient-to: #2563eb;
  }

  .lg\:focus\:to-blue-700:focus {
    --tw-gradient-to: #1d4ed8;
  }

  .lg\:focus\:to-blue-800:focus {
    --tw-gradient-to: #1e40af;
  }

  .lg\:focus\:to-blue-900:focus {
    --tw-gradient-to: #1e3a8a;
  }

  .lg\:focus\:to-indigo-50:focus {
    --tw-gradient-to: #eef2ff;
  }

  .lg\:focus\:to-indigo-100:focus {
    --tw-gradient-to: #e0e7ff;
  }

  .lg\:focus\:to-indigo-200:focus {
    --tw-gradient-to: #c7d2fe;
  }

  .lg\:focus\:to-indigo-300:focus {
    --tw-gradient-to: #a5b4fc;
  }

  .lg\:focus\:to-indigo-400:focus {
    --tw-gradient-to: #818cf8;
  }

  .lg\:focus\:to-indigo-500:focus {
    --tw-gradient-to: #6366f1;
  }

  .lg\:focus\:to-indigo-600:focus {
    --tw-gradient-to: #4f46e5;
  }

  .lg\:focus\:to-indigo-700:focus {
    --tw-gradient-to: #4338ca;
  }

  .lg\:focus\:to-indigo-800:focus {
    --tw-gradient-to: #3730a3;
  }

  .lg\:focus\:to-indigo-900:focus {
    --tw-gradient-to: #312e81;
  }

  .lg\:focus\:to-purple-50:focus {
    --tw-gradient-to: #f5f3ff;
  }

  .lg\:focus\:to-purple-100:focus {
    --tw-gradient-to: #ede9fe;
  }

  .lg\:focus\:to-purple-200:focus {
    --tw-gradient-to: #ddd6fe;
  }

  .lg\:focus\:to-purple-300:focus {
    --tw-gradient-to: #c4b5fd;
  }

  .lg\:focus\:to-purple-400:focus {
    --tw-gradient-to: #a78bfa;
  }

  .lg\:focus\:to-purple-500:focus {
    --tw-gradient-to: #8b5cf6;
  }

  .lg\:focus\:to-purple-600:focus {
    --tw-gradient-to: #7c3aed;
  }

  .lg\:focus\:to-purple-700:focus {
    --tw-gradient-to: #6d28d9;
  }

  .lg\:focus\:to-purple-800:focus {
    --tw-gradient-to: #5b21b6;
  }

  .lg\:focus\:to-purple-900:focus {
    --tw-gradient-to: #4c1d95;
  }

  .lg\:focus\:to-pink-50:focus {
    --tw-gradient-to: #fdf2f8;
  }

  .lg\:focus\:to-pink-100:focus {
    --tw-gradient-to: #fce7f3;
  }

  .lg\:focus\:to-pink-200:focus {
    --tw-gradient-to: #fbcfe8;
  }

  .lg\:focus\:to-pink-300:focus {
    --tw-gradient-to: #f9a8d4;
  }

  .lg\:focus\:to-pink-400:focus {
    --tw-gradient-to: #f472b6;
  }

  .lg\:focus\:to-pink-500:focus {
    --tw-gradient-to: #ec4899;
  }

  .lg\:focus\:to-pink-600:focus {
    --tw-gradient-to: #db2777;
  }

  .lg\:focus\:to-pink-700:focus {
    --tw-gradient-to: #be185d;
  }

  .lg\:focus\:to-pink-800:focus {
    --tw-gradient-to: #9d174d;
  }

  .lg\:focus\:to-pink-900:focus {
    --tw-gradient-to: #831843;
  }

  .lg\:decoration-slice {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
  }

  .lg\:decoration-clone {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }

  .lg\:bg-auto {
    background-size: auto;
  }

  .lg\:bg-cover {
    background-size: cover;
  }

  .lg\:bg-contain {
    background-size: contain;
  }

  .lg\:bg-fixed {
    background-attachment: fixed;
  }

  .lg\:bg-local {
    background-attachment: local;
  }

  .lg\:bg-scroll {
    background-attachment: scroll;
  }

  .lg\:bg-clip-border {
    background-clip: border-box;
  }

  .lg\:bg-clip-padding {
    background-clip: padding-box;
  }

  .lg\:bg-clip-content {
    background-clip: content-box;
  }

  .lg\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .lg\:bg-bottom {
    background-position: bottom;
  }

  .lg\:bg-center {
    background-position: center;
  }

  .lg\:bg-left {
    background-position: left;
  }

  .lg\:bg-left-bottom {
    background-position: left bottom;
  }

  .lg\:bg-left-top {
    background-position: left top;
  }

  .lg\:bg-right {
    background-position: right;
  }

  .lg\:bg-right-bottom {
    background-position: right bottom;
  }

  .lg\:bg-right-top {
    background-position: right top;
  }

  .lg\:bg-top {
    background-position: top;
  }

  .lg\:bg-repeat {
    background-repeat: repeat;
  }

  .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .lg\:bg-repeat-round {
    background-repeat: round;
  }

  .lg\:bg-repeat-space {
    background-repeat: space;
  }

  .lg\:bg-origin-border {
    background-origin: border-box;
  }

  .lg\:bg-origin-padding {
    background-origin: padding-box;
  }

  .lg\:bg-origin-content {
    background-origin: content-box;
  }

  .lg\:fill-current {
    fill: currentColor;
  }

  .lg\:stroke-current {
    stroke: currentColor;
  }

  .lg\:stroke-0 {
    stroke-width: 0;
  }

  .lg\:stroke-1 {
    stroke-width: 1;
  }

  .lg\:stroke-2 {
    stroke-width: 2;
  }

  .lg\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .lg\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .lg\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .lg\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .lg\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .lg\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  .lg\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .lg\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  .lg\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .lg\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  .lg\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  .lg\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .lg\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  .lg\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-1 {
    padding: 0.25rem;
  }

  .lg\:p-2 {
    padding: 0.5rem;
  }

  .lg\:p-3 {
    padding: 0.75rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:p-9 {
    padding: 2.25rem;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-11 {
    padding: 2.75rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-14 {
    padding: 3.5rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:p-24 {
    padding: 6rem;
  }

  .lg\:p-28 {
    padding: 7rem;
  }

  .lg\:p-32 {
    padding: 8rem;
  }

  .lg\:p-36 {
    padding: 9rem;
  }

  .lg\:p-40 {
    padding: 10rem;
  }

  .lg\:p-44 {
    padding: 11rem;
  }

  .lg\:p-48 {
    padding: 12rem;
  }

  .lg\:p-52 {
    padding: 13rem;
  }

  .lg\:p-56 {
    padding: 14rem;
  }

  .lg\:p-60 {
    padding: 15rem;
  }

  .lg\:p-64 {
    padding: 16rem;
  }

  .lg\:p-72 {
    padding: 18rem;
  }

  .lg\:p-80 {
    padding: 20rem;
  }

  .lg\:p-96 {
    padding: 24rem;
  }

  .lg\:p-px {
    padding: 1px;
  }

  .lg\:p-0\.5 {
    padding: 0.125rem;
  }

  .lg\:p-1\.5 {
    padding: 0.375rem;
  }

  .lg\:p-2\.5 {
    padding: 0.625rem;
  }

  .lg\:p-3\.5 {
    padding: 0.875rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .lg\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .lg\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:px-44 {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .lg\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:px-52 {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .lg\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .lg\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .lg\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .lg\:px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .lg\:px-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .lg\:px-96 {
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .lg\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .lg\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .lg\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .lg\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .lg\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .lg\:py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }

  .lg\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .lg\:py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .lg\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .lg\:py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .lg\:py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .lg\:py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }

  .lg\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .lg\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .lg\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .lg\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-1 {
    padding-top: 0.25rem;
  }

  .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  .lg\:pt-3 {
    padding-top: 0.75rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pt-7 {
    padding-top: 1.75rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:pt-9 {
    padding-top: 2.25rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-11 {
    padding-top: 2.75rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pt-36 {
    padding-top: 9rem;
  }

  .lg\:pt-40 {
    padding-top: 10rem;
  }

  .lg\:pt-44 {
    padding-top: 11rem;
  }

  .lg\:pt-48 {
    padding-top: 12rem;
  }

  .lg\:pt-52 {
    padding-top: 13rem;
  }

  .lg\:pt-56 {
    padding-top: 14rem;
  }

  .lg\:pt-60 {
    padding-top: 15rem;
  }

  .lg\:pt-64 {
    padding-top: 16rem;
  }

  .lg\:pt-72 {
    padding-top: 18rem;
  }

  .lg\:pt-80 {
    padding-top: 20rem;
  }

  .lg\:pt-96 {
    padding-top: 24rem;
  }

  .lg\:pt-px {
    padding-top: 1px;
  }

  .lg\:pt-0\.5 {
    padding-top: 0.125rem;
  }

  .lg\:pt-1\.5 {
    padding-top: 0.375rem;
  }

  .lg\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .lg\:pt-3\.5 {
    padding-top: 0.875rem;
  }

  .lg\:pr-0 {
    padding-right: 0px;
  }

  .lg\:pr-1 {
    padding-right: 0.25rem;
  }

  .lg\:pr-2 {
    padding-right: 0.5rem;
  }

  .lg\:pr-3 {
    padding-right: 0.75rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pr-5 {
    padding-right: 1.25rem;
  }

  .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  .lg\:pr-7 {
    padding-right: 1.75rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pr-9 {
    padding-right: 2.25rem;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pr-11 {
    padding-right: 2.75rem;
  }

  .lg\:pr-12 {
    padding-right: 3rem;
  }

  .lg\:pr-14 {
    padding-right: 3.5rem;
  }

  .lg\:pr-16 {
    padding-right: 4rem;
  }

  .lg\:pr-20 {
    padding-right: 5rem;
  }

  .lg\:pr-24 {
    padding-right: 6rem;
  }

  .lg\:pr-28 {
    padding-right: 7rem;
  }

  .lg\:pr-32 {
    padding-right: 8rem;
  }

  .lg\:pr-36 {
    padding-right: 9rem;
  }

  .lg\:pr-40 {
    padding-right: 10rem;
  }

  .lg\:pr-44 {
    padding-right: 11rem;
  }

  .lg\:pr-48 {
    padding-right: 12rem;
  }

  .lg\:pr-52 {
    padding-right: 13rem;
  }

  .lg\:pr-56 {
    padding-right: 14rem;
  }

  .lg\:pr-60 {
    padding-right: 15rem;
  }

  .lg\:pr-64 {
    padding-right: 16rem;
  }

  .lg\:pr-72 {
    padding-right: 18rem;
  }

  .lg\:pr-80 {
    padding-right: 20rem;
  }

  .lg\:pr-96 {
    padding-right: 24rem;
  }

  .lg\:pr-px {
    padding-right: 1px;
  }

  .lg\:pr-0\.5 {
    padding-right: 0.125rem;
  }

  .lg\:pr-1\.5 {
    padding-right: 0.375rem;
  }

  .lg\:pr-2\.5 {
    padding-right: 0.625rem;
  }

  .lg\:pr-3\.5 {
    padding-right: 0.875rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-11 {
    padding-bottom: 2.75rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-28 {
    padding-bottom: 7rem;
  }

  .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:pb-36 {
    padding-bottom: 9rem;
  }

  .lg\:pb-40 {
    padding-bottom: 10rem;
  }

  .lg\:pb-44 {
    padding-bottom: 11rem;
  }

  .lg\:pb-48 {
    padding-bottom: 12rem;
  }

  .lg\:pb-52 {
    padding-bottom: 13rem;
  }

  .lg\:pb-56 {
    padding-bottom: 14rem;
  }

  .lg\:pb-60 {
    padding-bottom: 15rem;
  }

  .lg\:pb-64 {
    padding-bottom: 16rem;
  }

  .lg\:pb-72 {
    padding-bottom: 18rem;
  }

  .lg\:pb-80 {
    padding-bottom: 20rem;
  }

  .lg\:pb-96 {
    padding-bottom: 24rem;
  }

  .lg\:pb-px {
    padding-bottom: 1px;
  }

  .lg\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }

  .lg\:pb-1\.5 {
    padding-bottom: 0.375rem;
  }

  .lg\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }

  .lg\:pb-3\.5 {
    padding-bottom: 0.875rem;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }

  .lg\:pl-1 {
    padding-left: 0.25rem;
  }

  .lg\:pl-2 {
    padding-left: 0.5rem;
  }

  .lg\:pl-3 {
    padding-left: 0.75rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:pl-7 {
    padding-left: 1.75rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pl-9 {
    padding-left: 2.25rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pl-11 {
    padding-left: 2.75rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pl-14 {
    padding-left: 3.5rem;
  }

  .lg\:pl-16 {
    padding-left: 4rem;
  }

  .lg\:pl-20 {
    padding-left: 5rem;
  }

  .lg\:pl-24 {
    padding-left: 6rem;
  }

  .lg\:pl-28 {
    padding-left: 7rem;
  }

  .lg\:pl-32 {
    padding-left: 8rem;
  }

  .lg\:pl-36 {
    padding-left: 9rem;
  }

  .lg\:pl-40 {
    padding-left: 10rem;
  }

  .lg\:pl-44 {
    padding-left: 11rem;
  }

  .lg\:pl-48 {
    padding-left: 12rem;
  }

  .lg\:pl-52 {
    padding-left: 13rem;
  }

  .lg\:pl-56 {
    padding-left: 14rem;
  }

  .lg\:pl-60 {
    padding-left: 15rem;
  }

  .lg\:pl-64 {
    padding-left: 16rem;
  }

  .lg\:pl-72 {
    padding-left: 18rem;
  }

  .lg\:pl-80 {
    padding-left: 20rem;
  }

  .lg\:pl-96 {
    padding-left: 24rem;
  }

  .lg\:pl-px {
    padding-left: 1px;
  }

  .lg\:pl-0\.5 {
    padding-left: 0.125rem;
  }

  .lg\:pl-1\.5 {
    padding-left: 0.375rem;
  }

  .lg\:pl-2\.5 {
    padding-left: 0.625rem;
  }

  .lg\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-justify {
    text-align: justify;
  }

  .lg\:align-baseline {
    vertical-align: baseline;
  }

  .lg\:align-top {
    vertical-align: top;
  }

  .lg\:align-middle {
    vertical-align: middle;
  }

  .lg\:align-bottom {
    vertical-align: bottom;
  }

  .lg\:align-text-top {
    vertical-align: text-top;
  }

  .lg\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .lg\:font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .lg\:font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .lg\:font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .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-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .lg\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

  .lg\:font-thin {
    font-weight: 100;
  }

  .lg\:font-extralight {
    font-weight: 200;
  }

  .lg\:font-light {
    font-weight: 300;
  }

  .lg\:font-normal {
    font-weight: 400;
  }

  .lg\:font-medium {
    font-weight: 500;
  }

  .lg\:font-semibold {
    font-weight: 600;
  }

  .lg\:font-bold {
    font-weight: 700;
  }

  .lg\:font-extrabold {
    font-weight: 800;
  }

  .lg\:font-black {
    font-weight: 900;
  }

  .lg\:uppercase {
    text-transform: uppercase;
  }

  .lg\:lowercase {
    text-transform: lowercase;
  }

  .lg\:capitalize {
    text-transform: capitalize;
  }

  .lg\:normal-case {
    text-transform: none;
  }

  .lg\:italic {
    font-style: italic;
  }

  .lg\:not-italic {
    font-style: normal;
  }

  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }

  .lg\:normal-nums {
    font-variant-numeric: normal;
  }

  .lg\:ordinal {
    --tw-ordinal: ordinal;
  }

  .lg\:slashed-zero {
    --tw-slashed-zero: slashed-zero;
  }

  .lg\:lining-nums {
    --tw-numeric-figure: lining-nums;
  }

  .lg\:oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
  }

  .lg\:proportional-nums {
    --tw-numeric-spacing: proportional-nums;
  }

  .lg\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
  }

  .lg\:diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
  }

  .lg\:stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
  }

  .lg\:leading-3 {
    line-height: .75rem;
  }

  .lg\:leading-4 {
    line-height: 1rem;
  }

  .lg\:leading-5 {
    line-height: 1.25rem;
  }

  .lg\:leading-6 {
    line-height: 1.5rem;
  }

  .lg\:leading-7 {
    line-height: 1.75rem;
  }

  .lg\:leading-8 {
    line-height: 2rem;
  }

  .lg\:leading-9 {
    line-height: 2.25rem;
  }

  .lg\:leading-10 {
    line-height: 2.5rem;
  }

  .lg\:leading-none {
    line-height: 1;
  }

  .lg\:leading-tight {
    line-height: 1.25;
  }

  .lg\:leading-snug {
    line-height: 1.375;
  }

  .lg\:leading-normal {
    line-height: 1.5;
  }

  .lg\:leading-relaxed {
    line-height: 1.625;
  }

  .lg\:leading-loose {
    line-height: 2;
  }

  .lg\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .lg\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .lg\:tracking-normal {
    letter-spacing: 0em;
  }

  .lg\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .lg\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .lg\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .lg\:text-transparent {
    color: transparent;
  }

  .lg\:text-current {
    color: currentColor;
  }

  .lg\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .lg\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .lg\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .lg\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .lg\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .lg\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .lg\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .lg\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .lg\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .lg\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .lg\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .lg\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .lg\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .lg\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .lg\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .lg\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .lg\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .lg\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .lg\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .lg\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .lg\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .lg\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .lg\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .lg\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .lg\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .lg\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .lg\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .lg\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .lg\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .lg\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .lg\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .lg\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .lg\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .lg\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .lg\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .lg\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .lg\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .lg\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .lg\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .lg\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .lg\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .lg\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .lg\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .lg\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .lg\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .lg\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .lg\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .lg\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .lg\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .lg\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .lg\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .lg\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .lg\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .lg\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .lg\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .lg\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .lg\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .lg\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .lg\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .lg\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .lg\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .lg\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .lg\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .lg\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .lg\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .lg\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .lg\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .lg\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .lg\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .lg\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .lg\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .lg\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .lg\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .lg\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .lg\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .lg\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .lg\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .lg\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .lg\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .lg\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .lg\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .lg\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-transparent {
    color: transparent;
  }

  .group:hover .lg\:group-hover\:text-current {
    color: currentColor;
  }

  .group:hover .lg\:group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-transparent:focus-within {
    color: transparent;
  }

  .lg\:focus-within\:text-current:focus-within {
    color: currentColor;
  }

  .lg\:focus-within\:text-black:focus-within {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-white:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-gray-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-red-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-yellow-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-green-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-blue-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-indigo-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-purple-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .lg\:focus-within\:text-pink-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .lg\:hover\:text-transparent:hover {
    color: transparent;
  }

  .lg\:hover\:text-current:hover {
    color: currentColor;
  }

  .lg\:hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .lg\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-50:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .lg\:hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .lg\:hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-50:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-700:hover {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-800:hover {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .lg\:hover\:text-yellow-900:hover {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-300:hover {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-800:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .lg\:hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-50:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .lg\:hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-200:hover {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-800:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .lg\:hover\:text-indigo-900:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-50:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-100:hover {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-800:hover {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .lg\:hover\:text-purple-900:hover {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-50:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-100:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-200:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-300:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-400:hover {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-800:hover {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .lg\:hover\:text-pink-900:hover {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .lg\:focus\:text-transparent:focus {
    color: transparent;
  }

  .lg\:focus\:text-current:focus {
    color: currentColor;
  }

  .lg\:focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .lg\:focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-200:focus {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-300:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .lg\:focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-50:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-200:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-400:focus {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-500:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-700:focus {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-800:focus {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .lg\:focus\:text-red-900:focus {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-50:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-200:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-400:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-500:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-600:focus {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-700:focus {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-800:focus {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .lg\:focus\:text-yellow-900:focus {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-50:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-100:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-200:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-300:focus {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-400:focus {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-500:focus {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-600:focus {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-700:focus {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-800:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .lg\:focus\:text-green-900:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-50:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-100:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-200:focus {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-300:focus {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-400:focus {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-500:focus {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-800:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .lg\:focus\:text-blue-900:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-50:focus {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-100:focus {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-200:focus {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-300:focus {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-400:focus {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-500:focus {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-600:focus {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-700:focus {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .lg\:focus\:text-indigo-900:focus {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-50:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-100:focus {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-200:focus {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-300:focus {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-400:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-500:focus {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-600:focus {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-700:focus {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-800:focus {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .lg\:focus\:text-purple-900:focus {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-50:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-100:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-200:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-300:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-400:focus {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-500:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-600:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-700:focus {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-800:focus {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .lg\:focus\:text-pink-900:focus {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .lg\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .lg\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .lg\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .lg\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .lg\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .lg\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .lg\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .lg\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .lg\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .lg\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .lg\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .lg\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .lg\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .lg\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .lg\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .group:hover .lg\:group-hover\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .group:hover .lg\:group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .group:hover .lg\:group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .group:hover .lg\:group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .group:hover .lg\:group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .group:hover .lg\:group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .group:hover .lg\:group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .group:hover .lg\:group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .group:hover .lg\:group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .group:hover .lg\:group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .group:hover .lg\:group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .group:hover .lg\:group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .group:hover .lg\:group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .group:hover .lg\:group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .group:hover .lg\:group-hover\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .lg\:focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0;
  }

  .lg\:focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05;
  }

  .lg\:focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1;
  }

  .lg\:focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2;
  }

  .lg\:focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25;
  }

  .lg\:focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3;
  }

  .lg\:focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4;
  }

  .lg\:focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5;
  }

  .lg\:focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6;
  }

  .lg\:focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7;
  }

  .lg\:focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75;
  }

  .lg\:focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8;
  }

  .lg\:focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9;
  }

  .lg\:focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95;
  }

  .lg\:focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1;
  }

  .lg\:hover\:text-opacity-0:hover {
    --tw-text-opacity: 0;
  }

  .lg\:hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05;
  }

  .lg\:hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1;
  }

  .lg\:hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2;
  }

  .lg\:hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25;
  }

  .lg\:hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3;
  }

  .lg\:hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4;
  }

  .lg\:hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5;
  }

  .lg\:hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6;
  }

  .lg\:hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7;
  }

  .lg\:hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75;
  }

  .lg\:hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8;
  }

  .lg\:hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9;
  }

  .lg\:hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95;
  }

  .lg\:hover\:text-opacity-100:hover {
    --tw-text-opacity: 1;
  }

  .lg\:focus\:text-opacity-0:focus {
    --tw-text-opacity: 0;
  }

  .lg\:focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05;
  }

  .lg\:focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1;
  }

  .lg\:focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2;
  }

  .lg\:focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25;
  }

  .lg\:focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3;
  }

  .lg\:focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4;
  }

  .lg\:focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5;
  }

  .lg\:focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6;
  }

  .lg\:focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7;
  }

  .lg\:focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75;
  }

  .lg\:focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8;
  }

  .lg\:focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9;
  }

  .lg\:focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95;
  }

  .lg\:focus\:text-opacity-100:focus {
    --tw-text-opacity: 1;
  }

  .lg\:underline {
    text-decoration: underline;
  }

  .lg\:line-through {
    text-decoration: line-through;
  }

  .lg\:no-underline {
    text-decoration: none;
  }

  .group:hover .lg\:group-hover\:underline {
    text-decoration: underline;
  }

  .group:hover .lg\:group-hover\:line-through {
    text-decoration: line-through;
  }

  .group:hover .lg\:group-hover\:no-underline {
    text-decoration: none;
  }

  .lg\:focus-within\:underline:focus-within {
    text-decoration: underline;
  }

  .lg\:focus-within\:line-through:focus-within {
    text-decoration: line-through;
  }

  .lg\:focus-within\:no-underline:focus-within {
    text-decoration: none;
  }

  .lg\:hover\:underline:hover {
    text-decoration: underline;
  }

  .lg\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .lg\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .lg\:focus\:underline:focus {
    text-decoration: underline;
  }

  .lg\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .lg\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .lg\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:placeholder-transparent::-webkit-input-placeholder {
    color: transparent;
  }

  .lg\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  .lg\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .lg\:placeholder-transparent::-ms-input-placeholder {
    color: transparent;
  }

  .lg\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .lg\:placeholder-current::-webkit-input-placeholder {
    color: currentColor;
  }

  .lg\:placeholder-current::-moz-placeholder {
    color: currentColor;
  }

  .lg\:placeholder-current:-ms-input-placeholder {
    color: currentColor;
  }

  .lg\:placeholder-current::-ms-input-placeholder {
    color: currentColor;
  }

  .lg\:placeholder-current::placeholder {
    color: currentColor;
  }

  .lg\:placeholder-black::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-black:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-black::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-white::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-white:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-white::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-gray-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-red-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-yellow-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-green-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-blue-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-indigo-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-purple-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-pink-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-current:focus::-webkit-input-placeholder {
    color: currentColor;
  }

  .lg\:focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor;
  }

  .lg\:focus\:placeholder-current:focus:-ms-input-placeholder {
    color: currentColor;
  }

  .lg\:focus\:placeholder-current:focus::-ms-input-placeholder {
    color: currentColor;
  }

  .lg\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  .lg\:focus\:placeholder-black:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-black:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-black:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-black:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:focus\:placeholder-pink-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .lg\:placeholder-opacity-0::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-0::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-0:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-0::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-5::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:placeholder-opacity-5::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:placeholder-opacity-5:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:placeholder-opacity-5::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:placeholder-opacity-10::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:placeholder-opacity-10::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:placeholder-opacity-10:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:placeholder-opacity-10::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:placeholder-opacity-20::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:placeholder-opacity-20::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:placeholder-opacity-20:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:placeholder-opacity-20::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:placeholder-opacity-25::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-25::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-25:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-25::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-30::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:placeholder-opacity-30::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:placeholder-opacity-30:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:placeholder-opacity-30::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:placeholder-opacity-40::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:placeholder-opacity-40::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:placeholder-opacity-40:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:placeholder-opacity-40::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:placeholder-opacity-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-50::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:placeholder-opacity-60:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:placeholder-opacity-60::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:placeholder-opacity-70::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:placeholder-opacity-70::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:placeholder-opacity-70:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:placeholder-opacity-70::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:placeholder-opacity-75::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-75::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-75:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-75::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-80::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:placeholder-opacity-80::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:placeholder-opacity-80:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:placeholder-opacity-80::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:placeholder-opacity-90::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:placeholder-opacity-90::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:placeholder-opacity-90:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:placeholder-opacity-90::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:placeholder-opacity-95::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:placeholder-opacity-95::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:placeholder-opacity-95:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:placeholder-opacity-95::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:placeholder-opacity-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:placeholder-opacity-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:placeholder-opacity-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:placeholder-opacity-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .lg\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .lg\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .lg\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .lg\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .lg\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .lg\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .lg\:opacity-0 {
    opacity: 0;
  }

  .lg\:opacity-5 {
    opacity: 0.05;
  }

  .lg\:opacity-10 {
    opacity: 0.1;
  }

  .lg\:opacity-20 {
    opacity: 0.2;
  }

  .lg\:opacity-25 {
    opacity: 0.25;
  }

  .lg\:opacity-30 {
    opacity: 0.3;
  }

  .lg\:opacity-40 {
    opacity: 0.4;
  }

  .lg\:opacity-50 {
    opacity: 0.5;
  }

  .lg\:opacity-60 {
    opacity: 0.6;
  }

  .lg\:opacity-70 {
    opacity: 0.7;
  }

  .lg\:opacity-75 {
    opacity: 0.75;
  }

  .lg\:opacity-80 {
    opacity: 0.8;
  }

  .lg\:opacity-90 {
    opacity: 0.9;
  }

  .lg\:opacity-95 {
    opacity: 0.95;
  }

  .lg\:opacity-100 {
    opacity: 1;
  }

  .group:hover .lg\:group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .lg\:group-hover\:opacity-5 {
    opacity: 0.05;
  }

  .group:hover .lg\:group-hover\:opacity-10 {
    opacity: 0.1;
  }

  .group:hover .lg\:group-hover\:opacity-20 {
    opacity: 0.2;
  }

  .group:hover .lg\:group-hover\:opacity-25 {
    opacity: 0.25;
  }

  .group:hover .lg\:group-hover\:opacity-30 {
    opacity: 0.3;
  }

  .group:hover .lg\:group-hover\:opacity-40 {
    opacity: 0.4;
  }

  .group:hover .lg\:group-hover\:opacity-50 {
    opacity: 0.5;
  }

  .group:hover .lg\:group-hover\:opacity-60 {
    opacity: 0.6;
  }

  .group:hover .lg\:group-hover\:opacity-70 {
    opacity: 0.7;
  }

  .group:hover .lg\:group-hover\:opacity-75 {
    opacity: 0.75;
  }

  .group:hover .lg\:group-hover\:opacity-80 {
    opacity: 0.8;
  }

  .group:hover .lg\:group-hover\:opacity-90 {
    opacity: 0.9;
  }

  .group:hover .lg\:group-hover\:opacity-95 {
    opacity: 0.95;
  }

  .group:hover .lg\:group-hover\:opacity-100 {
    opacity: 1;
  }

  .lg\:focus-within\:opacity-0:focus-within {
    opacity: 0;
  }

  .lg\:focus-within\:opacity-5:focus-within {
    opacity: 0.05;
  }

  .lg\:focus-within\:opacity-10:focus-within {
    opacity: 0.1;
  }

  .lg\:focus-within\:opacity-20:focus-within {
    opacity: 0.2;
  }

  .lg\:focus-within\:opacity-25:focus-within {
    opacity: 0.25;
  }

  .lg\:focus-within\:opacity-30:focus-within {
    opacity: 0.3;
  }

  .lg\:focus-within\:opacity-40:focus-within {
    opacity: 0.4;
  }

  .lg\:focus-within\:opacity-50:focus-within {
    opacity: 0.5;
  }

  .lg\:focus-within\:opacity-60:focus-within {
    opacity: 0.6;
  }

  .lg\:focus-within\:opacity-70:focus-within {
    opacity: 0.7;
  }

  .lg\:focus-within\:opacity-75:focus-within {
    opacity: 0.75;
  }

  .lg\:focus-within\:opacity-80:focus-within {
    opacity: 0.8;
  }

  .lg\:focus-within\:opacity-90:focus-within {
    opacity: 0.9;
  }

  .lg\:focus-within\:opacity-95:focus-within {
    opacity: 0.95;
  }

  .lg\:focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .lg\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .lg\:hover\:opacity-5:hover {
    opacity: 0.05;
  }

  .lg\:hover\:opacity-10:hover {
    opacity: 0.1;
  }

  .lg\:hover\:opacity-20:hover {
    opacity: 0.2;
  }

  .lg\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .lg\:hover\:opacity-30:hover {
    opacity: 0.3;
  }

  .lg\:hover\:opacity-40:hover {
    opacity: 0.4;
  }

  .lg\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .lg\:hover\:opacity-60:hover {
    opacity: 0.6;
  }

  .lg\:hover\:opacity-70:hover {
    opacity: 0.7;
  }

  .lg\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .lg\:hover\:opacity-80:hover {
    opacity: 0.8;
  }

  .lg\:hover\:opacity-90:hover {
    opacity: 0.9;
  }

  .lg\:hover\:opacity-95:hover {
    opacity: 0.95;
  }

  .lg\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .lg\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .lg\:focus\:opacity-5:focus {
    opacity: 0.05;
  }

  .lg\:focus\:opacity-10:focus {
    opacity: 0.1;
  }

  .lg\:focus\:opacity-20:focus {
    opacity: 0.2;
  }

  .lg\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .lg\:focus\:opacity-30:focus {
    opacity: 0.3;
  }

  .lg\:focus\:opacity-40:focus {
    opacity: 0.4;
  }

  .lg\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .lg\:focus\:opacity-60:focus {
    opacity: 0.6;
  }

  .lg\:focus\:opacity-70:focus {
    opacity: 0.7;
  }

  .lg\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .lg\:focus\:opacity-80:focus {
    opacity: 0.8;
  }

  .lg\:focus\:opacity-90:focus {
    opacity: 0.9;
  }

  .lg\:focus\:opacity-95:focus {
    opacity: 0.95;
  }

  .lg\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .lg\:bg-blend-normal {
    background-blend-mode: normal;
  }

  .lg\:bg-blend-multiply {
    background-blend-mode: multiply;
  }

  .lg\:bg-blend-screen {
    background-blend-mode: screen;
  }

  .lg\:bg-blend-overlay {
    background-blend-mode: overlay;
  }

  .lg\:bg-blend-darken {
    background-blend-mode: darken;
  }

  .lg\:bg-blend-lighten {
    background-blend-mode: lighten;
  }

  .lg\:bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .lg\:bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .lg\:bg-blend-hard-light {
    background-blend-mode: hard-light;
  }

  .lg\:bg-blend-soft-light {
    background-blend-mode: soft-light;
  }

  .lg\:bg-blend-difference {
    background-blend-mode: difference;
  }

  .lg\:bg-blend-exclusion {
    background-blend-mode: exclusion;
  }

  .lg\:bg-blend-hue {
    background-blend-mode: hue;
  }

  .lg\:bg-blend-saturation {
    background-blend-mode: saturation;
  }

  .lg\:bg-blend-color {
    background-blend-mode: color;
  }

  .lg\:bg-blend-luminosity {
    background-blend-mode: luminosity;
  }

  .lg\:mix-blend-normal {
    mix-blend-mode: normal;
  }

  .lg\:mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .lg\:mix-blend-screen {
    mix-blend-mode: screen;
  }

  .lg\:mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .lg\:mix-blend-darken {
    mix-blend-mode: darken;
  }

  .lg\:mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .lg\:mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .lg\:mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .lg\:mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  .lg\:mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .lg\:mix-blend-difference {
    mix-blend-mode: difference;
  }

  .lg\:mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }

  .lg\:mix-blend-hue {
    mix-blend-mode: hue;
  }

  .lg\:mix-blend-saturation {
    mix-blend-mode: saturation;
  }

  .lg\:mix-blend-color {
    mix-blend-mode: color;
  }

  .lg\:mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .lg\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .lg\:group-hover\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow:focus-within {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-xl:focus-within {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-2xl:focus-within {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-inner:focus-within {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus-within\:shadow-none:focus-within {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-2xl:focus {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-inner:focus {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:focus-within\:outline-white:focus-within {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:focus-within\:outline-black:focus-within {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:ring-8 {
    --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .lg\:ring-inset {
    --tw-ring-inset: inset;
  }

  .lg\:focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset;
  }

  .lg\:focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .lg\:ring-transparent {
    --tw-ring-color: transparent;
  }

  .lg\:ring-current {
    --tw-ring-color: currentColor;
  }

  .lg\:ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .lg\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .lg\:ring-gray-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .lg\:ring-red-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .lg\:ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .lg\:ring-red-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .lg\:ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .lg\:ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .lg\:ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .lg\:ring-red-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .lg\:ring-red-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .lg\:ring-red-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .lg\:ring-red-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .lg\:ring-yellow-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .lg\:ring-green-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .lg\:ring-green-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .lg\:ring-green-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .lg\:ring-green-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .lg\:ring-green-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .lg\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .lg\:ring-green-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .lg\:ring-green-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .lg\:ring-green-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .lg\:ring-green-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .lg\:ring-blue-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .lg\:ring-indigo-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .lg\:ring-purple-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .lg\:ring-pink-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }

  .lg\:focus-within\:ring-current:focus-within {
    --tw-ring-color: currentColor;
  }

  .lg\:focus-within\:ring-black:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-white:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-gray-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-red-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-yellow-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-green-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-blue-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-indigo-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-purple-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .lg\:focus-within\:ring-pink-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }

  .lg\:focus\:ring-current:focus {
    --tw-ring-color: currentColor;
  }

  .lg\:focus\:ring-black:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-green-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-blue-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-indigo-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .lg\:focus\:ring-pink-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .lg\:ring-opacity-0 {
    --tw-ring-opacity: 0;
  }

  .lg\:ring-opacity-5 {
    --tw-ring-opacity: 0.05;
  }

  .lg\:ring-opacity-10 {
    --tw-ring-opacity: 0.1;
  }

  .lg\:ring-opacity-20 {
    --tw-ring-opacity: 0.2;
  }

  .lg\:ring-opacity-25 {
    --tw-ring-opacity: 0.25;
  }

  .lg\:ring-opacity-30 {
    --tw-ring-opacity: 0.3;
  }

  .lg\:ring-opacity-40 {
    --tw-ring-opacity: 0.4;
  }

  .lg\:ring-opacity-50 {
    --tw-ring-opacity: 0.5;
  }

  .lg\:ring-opacity-60 {
    --tw-ring-opacity: 0.6;
  }

  .lg\:ring-opacity-70 {
    --tw-ring-opacity: 0.7;
  }

  .lg\:ring-opacity-75 {
    --tw-ring-opacity: 0.75;
  }

  .lg\:ring-opacity-80 {
    --tw-ring-opacity: 0.8;
  }

  .lg\:ring-opacity-90 {
    --tw-ring-opacity: 0.9;
  }

  .lg\:ring-opacity-95 {
    --tw-ring-opacity: 0.95;
  }

  .lg\:ring-opacity-100 {
    --tw-ring-opacity: 1;
  }

  .lg\:focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0;
  }

  .lg\:focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05;
  }

  .lg\:focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1;
  }

  .lg\:focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2;
  }

  .lg\:focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25;
  }

  .lg\:focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3;
  }

  .lg\:focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4;
  }

  .lg\:focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5;
  }

  .lg\:focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6;
  }

  .lg\:focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7;
  }

  .lg\:focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75;
  }

  .lg\:focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8;
  }

  .lg\:focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9;
  }

  .lg\:focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95;
  }

  .lg\:focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1;
  }

  .lg\:focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0;
  }

  .lg\:focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05;
  }

  .lg\:focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1;
  }

  .lg\:focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2;
  }

  .lg\:focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25;
  }

  .lg\:focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3;
  }

  .lg\:focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4;
  }

  .lg\:focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
  }

  .lg\:focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6;
  }

  .lg\:focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7;
  }

  .lg\:focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75;
  }

  .lg\:focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8;
  }

  .lg\:focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9;
  }

  .lg\:focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95;
  }

  .lg\:focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1;
  }

  .lg\:ring-offset-0 {
    --tw-ring-offset-width: 0px;
  }

  .lg\:ring-offset-1 {
    --tw-ring-offset-width: 1px;
  }

  .lg\:ring-offset-2 {
    --tw-ring-offset-width: 2px;
  }

  .lg\:ring-offset-4 {
    --tw-ring-offset-width: 4px;
  }

  .lg\:ring-offset-8 {
    --tw-ring-offset-width: 8px;
  }

  .lg\:focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px;
  }

  .lg\:focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px;
  }

  .lg\:focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
  }

  .lg\:focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px;
  }

  .lg\:focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px;
  }

  .lg\:focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
  }

  .lg\:focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
  }

  .lg\:focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }

  .lg\:focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px;
  }

  .lg\:focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px;
  }

  .lg\:ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }

  .lg\:ring-offset-current {
    --tw-ring-offset-color: currentColor;
  }

  .lg\:ring-offset-black {
    --tw-ring-offset-color: #000;
  }

  .lg\:ring-offset-white {
    --tw-ring-offset-color: #fff;
  }

  .lg\:ring-offset-gray-50 {
    --tw-ring-offset-color: #f9fafb;
  }

  .lg\:ring-offset-gray-100 {
    --tw-ring-offset-color: #f3f4f6;
  }

  .lg\:ring-offset-gray-200 {
    --tw-ring-offset-color: #e5e7eb;
  }

  .lg\:ring-offset-gray-300 {
    --tw-ring-offset-color: #d1d5db;
  }

  .lg\:ring-offset-gray-400 {
    --tw-ring-offset-color: #9ca3af;
  }

  .lg\:ring-offset-gray-500 {
    --tw-ring-offset-color: #6b7280;
  }

  .lg\:ring-offset-gray-600 {
    --tw-ring-offset-color: #4b5563;
  }

  .lg\:ring-offset-gray-700 {
    --tw-ring-offset-color: #374151;
  }

  .lg\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937;
  }

  .lg\:ring-offset-gray-900 {
    --tw-ring-offset-color: #111827;
  }

  .lg\:ring-offset-red-50 {
    --tw-ring-offset-color: #fef2f2;
  }

  .lg\:ring-offset-red-100 {
    --tw-ring-offset-color: #fee2e2;
  }

  .lg\:ring-offset-red-200 {
    --tw-ring-offset-color: #fecaca;
  }

  .lg\:ring-offset-red-300 {
    --tw-ring-offset-color: #fca5a5;
  }

  .lg\:ring-offset-red-400 {
    --tw-ring-offset-color: #f87171;
  }

  .lg\:ring-offset-red-500 {
    --tw-ring-offset-color: #ef4444;
  }

  .lg\:ring-offset-red-600 {
    --tw-ring-offset-color: #dc2626;
  }

  .lg\:ring-offset-red-700 {
    --tw-ring-offset-color: #b91c1c;
  }

  .lg\:ring-offset-red-800 {
    --tw-ring-offset-color: #991b1b;
  }

  .lg\:ring-offset-red-900 {
    --tw-ring-offset-color: #7f1d1d;
  }

  .lg\:ring-offset-yellow-50 {
    --tw-ring-offset-color: #fffbeb;
  }

  .lg\:ring-offset-yellow-100 {
    --tw-ring-offset-color: #fef3c7;
  }

  .lg\:ring-offset-yellow-200 {
    --tw-ring-offset-color: #fde68a;
  }

  .lg\:ring-offset-yellow-300 {
    --tw-ring-offset-color: #fcd34d;
  }

  .lg\:ring-offset-yellow-400 {
    --tw-ring-offset-color: #fbbf24;
  }

  .lg\:ring-offset-yellow-500 {
    --tw-ring-offset-color: #f59e0b;
  }

  .lg\:ring-offset-yellow-600 {
    --tw-ring-offset-color: #d97706;
  }

  .lg\:ring-offset-yellow-700 {
    --tw-ring-offset-color: #b45309;
  }

  .lg\:ring-offset-yellow-800 {
    --tw-ring-offset-color: #92400e;
  }

  .lg\:ring-offset-yellow-900 {
    --tw-ring-offset-color: #78350f;
  }

  .lg\:ring-offset-green-50 {
    --tw-ring-offset-color: #ecfdf5;
  }

  .lg\:ring-offset-green-100 {
    --tw-ring-offset-color: #d1fae5;
  }

  .lg\:ring-offset-green-200 {
    --tw-ring-offset-color: #a7f3d0;
  }

  .lg\:ring-offset-green-300 {
    --tw-ring-offset-color: #6ee7b7;
  }

  .lg\:ring-offset-green-400 {
    --tw-ring-offset-color: #34d399;
  }

  .lg\:ring-offset-green-500 {
    --tw-ring-offset-color: #10b981;
  }

  .lg\:ring-offset-green-600 {
    --tw-ring-offset-color: #059669;
  }

  .lg\:ring-offset-green-700 {
    --tw-ring-offset-color: #047857;
  }

  .lg\:ring-offset-green-800 {
    --tw-ring-offset-color: #065f46;
  }

  .lg\:ring-offset-green-900 {
    --tw-ring-offset-color: #064e3b;
  }

  .lg\:ring-offset-blue-50 {
    --tw-ring-offset-color: #eff6ff;
  }

  .lg\:ring-offset-blue-100 {
    --tw-ring-offset-color: #dbeafe;
  }

  .lg\:ring-offset-blue-200 {
    --tw-ring-offset-color: #bfdbfe;
  }

  .lg\:ring-offset-blue-300 {
    --tw-ring-offset-color: #93c5fd;
  }

  .lg\:ring-offset-blue-400 {
    --tw-ring-offset-color: #60a5fa;
  }

  .lg\:ring-offset-blue-500 {
    --tw-ring-offset-color: #3b82f6;
  }

  .lg\:ring-offset-blue-600 {
    --tw-ring-offset-color: #2563eb;
  }

  .lg\:ring-offset-blue-700 {
    --tw-ring-offset-color: #1d4ed8;
  }

  .lg\:ring-offset-blue-800 {
    --tw-ring-offset-color: #1e40af;
  }

  .lg\:ring-offset-blue-900 {
    --tw-ring-offset-color: #1e3a8a;
  }

  .lg\:ring-offset-indigo-50 {
    --tw-ring-offset-color: #eef2ff;
  }

  .lg\:ring-offset-indigo-100 {
    --tw-ring-offset-color: #e0e7ff;
  }

  .lg\:ring-offset-indigo-200 {
    --tw-ring-offset-color: #c7d2fe;
  }

  .lg\:ring-offset-indigo-300 {
    --tw-ring-offset-color: #a5b4fc;
  }

  .lg\:ring-offset-indigo-400 {
    --tw-ring-offset-color: #818cf8;
  }

  .lg\:ring-offset-indigo-500 {
    --tw-ring-offset-color: #6366f1;
  }

  .lg\:ring-offset-indigo-600 {
    --tw-ring-offset-color: #4f46e5;
  }

  .lg\:ring-offset-indigo-700 {
    --tw-ring-offset-color: #4338ca;
  }

  .lg\:ring-offset-indigo-800 {
    --tw-ring-offset-color: #3730a3;
  }

  .lg\:ring-offset-indigo-900 {
    --tw-ring-offset-color: #312e81;
  }

  .lg\:ring-offset-purple-50 {
    --tw-ring-offset-color: #f5f3ff;
  }

  .lg\:ring-offset-purple-100 {
    --tw-ring-offset-color: #ede9fe;
  }

  .lg\:ring-offset-purple-200 {
    --tw-ring-offset-color: #ddd6fe;
  }

  .lg\:ring-offset-purple-300 {
    --tw-ring-offset-color: #c4b5fd;
  }

  .lg\:ring-offset-purple-400 {
    --tw-ring-offset-color: #a78bfa;
  }

  .lg\:ring-offset-purple-500 {
    --tw-ring-offset-color: #8b5cf6;
  }

  .lg\:ring-offset-purple-600 {
    --tw-ring-offset-color: #7c3aed;
  }

  .lg\:ring-offset-purple-700 {
    --tw-ring-offset-color: #6d28d9;
  }

  .lg\:ring-offset-purple-800 {
    --tw-ring-offset-color: #5b21b6;
  }

  .lg\:ring-offset-purple-900 {
    --tw-ring-offset-color: #4c1d95;
  }

  .lg\:ring-offset-pink-50 {
    --tw-ring-offset-color: #fdf2f8;
  }

  .lg\:ring-offset-pink-100 {
    --tw-ring-offset-color: #fce7f3;
  }

  .lg\:ring-offset-pink-200 {
    --tw-ring-offset-color: #fbcfe8;
  }

  .lg\:ring-offset-pink-300 {
    --tw-ring-offset-color: #f9a8d4;
  }

  .lg\:ring-offset-pink-400 {
    --tw-ring-offset-color: #f472b6;
  }

  .lg\:ring-offset-pink-500 {
    --tw-ring-offset-color: #ec4899;
  }

  .lg\:ring-offset-pink-600 {
    --tw-ring-offset-color: #db2777;
  }

  .lg\:ring-offset-pink-700 {
    --tw-ring-offset-color: #be185d;
  }

  .lg\:ring-offset-pink-800 {
    --tw-ring-offset-color: #9d174d;
  }

  .lg\:ring-offset-pink-900 {
    --tw-ring-offset-color: #831843;
  }

  .lg\:focus-within\:ring-offset-transparent:focus-within {
    --tw-ring-offset-color: transparent;
  }

  .lg\:focus-within\:ring-offset-current:focus-within {
    --tw-ring-offset-color: currentColor;
  }

  .lg\:focus-within\:ring-offset-black:focus-within {
    --tw-ring-offset-color: #000;
  }

  .lg\:focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: #fff;
  }

  .lg\:focus-within\:ring-offset-gray-50:focus-within {
    --tw-ring-offset-color: #f9fafb;
  }

  .lg\:focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6;
  }

  .lg\:focus-within\:ring-offset-gray-200:focus-within {
    --tw-ring-offset-color: #e5e7eb;
  }

  .lg\:focus-within\:ring-offset-gray-300:focus-within {
    --tw-ring-offset-color: #d1d5db;
  }

  .lg\:focus-within\:ring-offset-gray-400:focus-within {
    --tw-ring-offset-color: #9ca3af;
  }

  .lg\:focus-within\:ring-offset-gray-500:focus-within {
    --tw-ring-offset-color: #6b7280;
  }

  .lg\:focus-within\:ring-offset-gray-600:focus-within {
    --tw-ring-offset-color: #4b5563;
  }

  .lg\:focus-within\:ring-offset-gray-700:focus-within {
    --tw-ring-offset-color: #374151;
  }

  .lg\:focus-within\:ring-offset-gray-800:focus-within {
    --tw-ring-offset-color: #1f2937;
  }

  .lg\:focus-within\:ring-offset-gray-900:focus-within {
    --tw-ring-offset-color: #111827;
  }

  .lg\:focus-within\:ring-offset-red-50:focus-within {
    --tw-ring-offset-color: #fef2f2;
  }

  .lg\:focus-within\:ring-offset-red-100:focus-within {
    --tw-ring-offset-color: #fee2e2;
  }

  .lg\:focus-within\:ring-offset-red-200:focus-within {
    --tw-ring-offset-color: #fecaca;
  }

  .lg\:focus-within\:ring-offset-red-300:focus-within {
    --tw-ring-offset-color: #fca5a5;
  }

  .lg\:focus-within\:ring-offset-red-400:focus-within {
    --tw-ring-offset-color: #f87171;
  }

  .lg\:focus-within\:ring-offset-red-500:focus-within {
    --tw-ring-offset-color: #ef4444;
  }

  .lg\:focus-within\:ring-offset-red-600:focus-within {
    --tw-ring-offset-color: #dc2626;
  }

  .lg\:focus-within\:ring-offset-red-700:focus-within {
    --tw-ring-offset-color: #b91c1c;
  }

  .lg\:focus-within\:ring-offset-red-800:focus-within {
    --tw-ring-offset-color: #991b1b;
  }

  .lg\:focus-within\:ring-offset-red-900:focus-within {
    --tw-ring-offset-color: #7f1d1d;
  }

  .lg\:focus-within\:ring-offset-yellow-50:focus-within {
    --tw-ring-offset-color: #fffbeb;
  }

  .lg\:focus-within\:ring-offset-yellow-100:focus-within {
    --tw-ring-offset-color: #fef3c7;
  }

  .lg\:focus-within\:ring-offset-yellow-200:focus-within {
    --tw-ring-offset-color: #fde68a;
  }

  .lg\:focus-within\:ring-offset-yellow-300:focus-within {
    --tw-ring-offset-color: #fcd34d;
  }

  .lg\:focus-within\:ring-offset-yellow-400:focus-within {
    --tw-ring-offset-color: #fbbf24;
  }

  .lg\:focus-within\:ring-offset-yellow-500:focus-within {
    --tw-ring-offset-color: #f59e0b;
  }

  .lg\:focus-within\:ring-offset-yellow-600:focus-within {
    --tw-ring-offset-color: #d97706;
  }

  .lg\:focus-within\:ring-offset-yellow-700:focus-within {
    --tw-ring-offset-color: #b45309;
  }

  .lg\:focus-within\:ring-offset-yellow-800:focus-within {
    --tw-ring-offset-color: #92400e;
  }

  .lg\:focus-within\:ring-offset-yellow-900:focus-within {
    --tw-ring-offset-color: #78350f;
  }

  .lg\:focus-within\:ring-offset-green-50:focus-within {
    --tw-ring-offset-color: #ecfdf5;
  }

  .lg\:focus-within\:ring-offset-green-100:focus-within {
    --tw-ring-offset-color: #d1fae5;
  }

  .lg\:focus-within\:ring-offset-green-200:focus-within {
    --tw-ring-offset-color: #a7f3d0;
  }

  .lg\:focus-within\:ring-offset-green-300:focus-within {
    --tw-ring-offset-color: #6ee7b7;
  }

  .lg\:focus-within\:ring-offset-green-400:focus-within {
    --tw-ring-offset-color: #34d399;
  }

  .lg\:focus-within\:ring-offset-green-500:focus-within {
    --tw-ring-offset-color: #10b981;
  }

  .lg\:focus-within\:ring-offset-green-600:focus-within {
    --tw-ring-offset-color: #059669;
  }

  .lg\:focus-within\:ring-offset-green-700:focus-within {
    --tw-ring-offset-color: #047857;
  }

  .lg\:focus-within\:ring-offset-green-800:focus-within {
    --tw-ring-offset-color: #065f46;
  }

  .lg\:focus-within\:ring-offset-green-900:focus-within {
    --tw-ring-offset-color: #064e3b;
  }

  .lg\:focus-within\:ring-offset-blue-50:focus-within {
    --tw-ring-offset-color: #eff6ff;
  }

  .lg\:focus-within\:ring-offset-blue-100:focus-within {
    --tw-ring-offset-color: #dbeafe;
  }

  .lg\:focus-within\:ring-offset-blue-200:focus-within {
    --tw-ring-offset-color: #bfdbfe;
  }

  .lg\:focus-within\:ring-offset-blue-300:focus-within {
    --tw-ring-offset-color: #93c5fd;
  }

  .lg\:focus-within\:ring-offset-blue-400:focus-within {
    --tw-ring-offset-color: #60a5fa;
  }

  .lg\:focus-within\:ring-offset-blue-500:focus-within {
    --tw-ring-offset-color: #3b82f6;
  }

  .lg\:focus-within\:ring-offset-blue-600:focus-within {
    --tw-ring-offset-color: #2563eb;
  }

  .lg\:focus-within\:ring-offset-blue-700:focus-within {
    --tw-ring-offset-color: #1d4ed8;
  }

  .lg\:focus-within\:ring-offset-blue-800:focus-within {
    --tw-ring-offset-color: #1e40af;
  }

  .lg\:focus-within\:ring-offset-blue-900:focus-within {
    --tw-ring-offset-color: #1e3a8a;
  }

  .lg\:focus-within\:ring-offset-indigo-50:focus-within {
    --tw-ring-offset-color: #eef2ff;
  }

  .lg\:focus-within\:ring-offset-indigo-100:focus-within {
    --tw-ring-offset-color: #e0e7ff;
  }

  .lg\:focus-within\:ring-offset-indigo-200:focus-within {
    --tw-ring-offset-color: #c7d2fe;
  }

  .lg\:focus-within\:ring-offset-indigo-300:focus-within {
    --tw-ring-offset-color: #a5b4fc;
  }

  .lg\:focus-within\:ring-offset-indigo-400:focus-within {
    --tw-ring-offset-color: #818cf8;
  }

  .lg\:focus-within\:ring-offset-indigo-500:focus-within {
    --tw-ring-offset-color: #6366f1;
  }

  .lg\:focus-within\:ring-offset-indigo-600:focus-within {
    --tw-ring-offset-color: #4f46e5;
  }

  .lg\:focus-within\:ring-offset-indigo-700:focus-within {
    --tw-ring-offset-color: #4338ca;
  }

  .lg\:focus-within\:ring-offset-indigo-800:focus-within {
    --tw-ring-offset-color: #3730a3;
  }

  .lg\:focus-within\:ring-offset-indigo-900:focus-within {
    --tw-ring-offset-color: #312e81;
  }

  .lg\:focus-within\:ring-offset-purple-50:focus-within {
    --tw-ring-offset-color: #f5f3ff;
  }

  .lg\:focus-within\:ring-offset-purple-100:focus-within {
    --tw-ring-offset-color: #ede9fe;
  }

  .lg\:focus-within\:ring-offset-purple-200:focus-within {
    --tw-ring-offset-color: #ddd6fe;
  }

  .lg\:focus-within\:ring-offset-purple-300:focus-within {
    --tw-ring-offset-color: #c4b5fd;
  }

  .lg\:focus-within\:ring-offset-purple-400:focus-within {
    --tw-ring-offset-color: #a78bfa;
  }

  .lg\:focus-within\:ring-offset-purple-500:focus-within {
    --tw-ring-offset-color: #8b5cf6;
  }

  .lg\:focus-within\:ring-offset-purple-600:focus-within {
    --tw-ring-offset-color: #7c3aed;
  }

  .lg\:focus-within\:ring-offset-purple-700:focus-within {
    --tw-ring-offset-color: #6d28d9;
  }

  .lg\:focus-within\:ring-offset-purple-800:focus-within {
    --tw-ring-offset-color: #5b21b6;
  }

  .lg\:focus-within\:ring-offset-purple-900:focus-within {
    --tw-ring-offset-color: #4c1d95;
  }

  .lg\:focus-within\:ring-offset-pink-50:focus-within {
    --tw-ring-offset-color: #fdf2f8;
  }

  .lg\:focus-within\:ring-offset-pink-100:focus-within {
    --tw-ring-offset-color: #fce7f3;
  }

  .lg\:focus-within\:ring-offset-pink-200:focus-within {
    --tw-ring-offset-color: #fbcfe8;
  }

  .lg\:focus-within\:ring-offset-pink-300:focus-within {
    --tw-ring-offset-color: #f9a8d4;
  }

  .lg\:focus-within\:ring-offset-pink-400:focus-within {
    --tw-ring-offset-color: #f472b6;
  }

  .lg\:focus-within\:ring-offset-pink-500:focus-within {
    --tw-ring-offset-color: #ec4899;
  }

  .lg\:focus-within\:ring-offset-pink-600:focus-within {
    --tw-ring-offset-color: #db2777;
  }

  .lg\:focus-within\:ring-offset-pink-700:focus-within {
    --tw-ring-offset-color: #be185d;
  }

  .lg\:focus-within\:ring-offset-pink-800:focus-within {
    --tw-ring-offset-color: #9d174d;
  }

  .lg\:focus-within\:ring-offset-pink-900:focus-within {
    --tw-ring-offset-color: #831843;
  }

  .lg\:focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent;
  }

  .lg\:focus\:ring-offset-current:focus {
    --tw-ring-offset-color: currentColor;
  }

  .lg\:focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000;
  }

  .lg\:focus\:ring-offset-white:focus {
    --tw-ring-offset-color: #fff;
  }

  .lg\:focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb;
  }

  .lg\:focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: #f3f4f6;
  }

  .lg\:focus\:ring-offset-gray-200:focus {
    --tw-ring-offset-color: #e5e7eb;
  }

  .lg\:focus\:ring-offset-gray-300:focus {
    --tw-ring-offset-color: #d1d5db;
  }

  .lg\:focus\:ring-offset-gray-400:focus {
    --tw-ring-offset-color: #9ca3af;
  }

  .lg\:focus\:ring-offset-gray-500:focus {
    --tw-ring-offset-color: #6b7280;
  }

  .lg\:focus\:ring-offset-gray-600:focus {
    --tw-ring-offset-color: #4b5563;
  }

  .lg\:focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151;
  }

  .lg\:focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1f2937;
  }

  .lg\:focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color: #111827;
  }

  .lg\:focus\:ring-offset-red-50:focus {
    --tw-ring-offset-color: #fef2f2;
  }

  .lg\:focus\:ring-offset-red-100:focus {
    --tw-ring-offset-color: #fee2e2;
  }

  .lg\:focus\:ring-offset-red-200:focus {
    --tw-ring-offset-color: #fecaca;
  }

  .lg\:focus\:ring-offset-red-300:focus {
    --tw-ring-offset-color: #fca5a5;
  }

  .lg\:focus\:ring-offset-red-400:focus {
    --tw-ring-offset-color: #f87171;
  }

  .lg\:focus\:ring-offset-red-500:focus {
    --tw-ring-offset-color: #ef4444;
  }

  .lg\:focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626;
  }

  .lg\:focus\:ring-offset-red-700:focus {
    --tw-ring-offset-color: #b91c1c;
  }

  .lg\:focus\:ring-offset-red-800:focus {
    --tw-ring-offset-color: #991b1b;
  }

  .lg\:focus\:ring-offset-red-900:focus {
    --tw-ring-offset-color: #7f1d1d;
  }

  .lg\:focus\:ring-offset-yellow-50:focus {
    --tw-ring-offset-color: #fffbeb;
  }

  .lg\:focus\:ring-offset-yellow-100:focus {
    --tw-ring-offset-color: #fef3c7;
  }

  .lg\:focus\:ring-offset-yellow-200:focus {
    --tw-ring-offset-color: #fde68a;
  }

  .lg\:focus\:ring-offset-yellow-300:focus {
    --tw-ring-offset-color: #fcd34d;
  }

  .lg\:focus\:ring-offset-yellow-400:focus {
    --tw-ring-offset-color: #fbbf24;
  }

  .lg\:focus\:ring-offset-yellow-500:focus {
    --tw-ring-offset-color: #f59e0b;
  }

  .lg\:focus\:ring-offset-yellow-600:focus {
    --tw-ring-offset-color: #d97706;
  }

  .lg\:focus\:ring-offset-yellow-700:focus {
    --tw-ring-offset-color: #b45309;
  }

  .lg\:focus\:ring-offset-yellow-800:focus {
    --tw-ring-offset-color: #92400e;
  }

  .lg\:focus\:ring-offset-yellow-900:focus {
    --tw-ring-offset-color: #78350f;
  }

  .lg\:focus\:ring-offset-green-50:focus {
    --tw-ring-offset-color: #ecfdf5;
  }

  .lg\:focus\:ring-offset-green-100:focus {
    --tw-ring-offset-color: #d1fae5;
  }

  .lg\:focus\:ring-offset-green-200:focus {
    --tw-ring-offset-color: #a7f3d0;
  }

  .lg\:focus\:ring-offset-green-300:focus {
    --tw-ring-offset-color: #6ee7b7;
  }

  .lg\:focus\:ring-offset-green-400:focus {
    --tw-ring-offset-color: #34d399;
  }

  .lg\:focus\:ring-offset-green-500:focus {
    --tw-ring-offset-color: #10b981;
  }

  .lg\:focus\:ring-offset-green-600:focus {
    --tw-ring-offset-color: #059669;
  }

  .lg\:focus\:ring-offset-green-700:focus {
    --tw-ring-offset-color: #047857;
  }

  .lg\:focus\:ring-offset-green-800:focus {
    --tw-ring-offset-color: #065f46;
  }

  .lg\:focus\:ring-offset-green-900:focus {
    --tw-ring-offset-color: #064e3b;
  }

  .lg\:focus\:ring-offset-blue-50:focus {
    --tw-ring-offset-color: #eff6ff;
  }

  .lg\:focus\:ring-offset-blue-100:focus {
    --tw-ring-offset-color: #dbeafe;
  }

  .lg\:focus\:ring-offset-blue-200:focus {
    --tw-ring-offset-color: #bfdbfe;
  }

  .lg\:focus\:ring-offset-blue-300:focus {
    --tw-ring-offset-color: #93c5fd;
  }

  .lg\:focus\:ring-offset-blue-400:focus {
    --tw-ring-offset-color: #60a5fa;
  }

  .lg\:focus\:ring-offset-blue-500:focus {
    --tw-ring-offset-color: #3b82f6;
  }

  .lg\:focus\:ring-offset-blue-600:focus {
    --tw-ring-offset-color: #2563eb;
  }

  .lg\:focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8;
  }

  .lg\:focus\:ring-offset-blue-800:focus {
    --tw-ring-offset-color: #1e40af;
  }

  .lg\:focus\:ring-offset-blue-900:focus {
    --tw-ring-offset-color: #1e3a8a;
  }

  .lg\:focus\:ring-offset-indigo-50:focus {
    --tw-ring-offset-color: #eef2ff;
  }

  .lg\:focus\:ring-offset-indigo-100:focus {
    --tw-ring-offset-color: #e0e7ff;
  }

  .lg\:focus\:ring-offset-indigo-200:focus {
    --tw-ring-offset-color: #c7d2fe;
  }

  .lg\:focus\:ring-offset-indigo-300:focus {
    --tw-ring-offset-color: #a5b4fc;
  }

  .lg\:focus\:ring-offset-indigo-400:focus {
    --tw-ring-offset-color: #818cf8;
  }

  .lg\:focus\:ring-offset-indigo-500:focus {
    --tw-ring-offset-color: #6366f1;
  }

  .lg\:focus\:ring-offset-indigo-600:focus {
    --tw-ring-offset-color: #4f46e5;
  }

  .lg\:focus\:ring-offset-indigo-700:focus {
    --tw-ring-offset-color: #4338ca;
  }

  .lg\:focus\:ring-offset-indigo-800:focus {
    --tw-ring-offset-color: #3730a3;
  }

  .lg\:focus\:ring-offset-indigo-900:focus {
    --tw-ring-offset-color: #312e81;
  }

  .lg\:focus\:ring-offset-purple-50:focus {
    --tw-ring-offset-color: #f5f3ff;
  }

  .lg\:focus\:ring-offset-purple-100:focus {
    --tw-ring-offset-color: #ede9fe;
  }

  .lg\:focus\:ring-offset-purple-200:focus {
    --tw-ring-offset-color: #ddd6fe;
  }

  .lg\:focus\:ring-offset-purple-300:focus {
    --tw-ring-offset-color: #c4b5fd;
  }

  .lg\:focus\:ring-offset-purple-400:focus {
    --tw-ring-offset-color: #a78bfa;
  }

  .lg\:focus\:ring-offset-purple-500:focus {
    --tw-ring-offset-color: #8b5cf6;
  }

  .lg\:focus\:ring-offset-purple-600:focus {
    --tw-ring-offset-color: #7c3aed;
  }

  .lg\:focus\:ring-offset-purple-700:focus {
    --tw-ring-offset-color: #6d28d9;
  }

  .lg\:focus\:ring-offset-purple-800:focus {
    --tw-ring-offset-color: #5b21b6;
  }

  .lg\:focus\:ring-offset-purple-900:focus {
    --tw-ring-offset-color: #4c1d95;
  }

  .lg\:focus\:ring-offset-pink-50:focus {
    --tw-ring-offset-color: #fdf2f8;
  }

  .lg\:focus\:ring-offset-pink-100:focus {
    --tw-ring-offset-color: #fce7f3;
  }

  .lg\:focus\:ring-offset-pink-200:focus {
    --tw-ring-offset-color: #fbcfe8;
  }

  .lg\:focus\:ring-offset-pink-300:focus {
    --tw-ring-offset-color: #f9a8d4;
  }

  .lg\:focus\:ring-offset-pink-400:focus {
    --tw-ring-offset-color: #f472b6;
  }

  .lg\:focus\:ring-offset-pink-500:focus {
    --tw-ring-offset-color: #ec4899;
  }

  .lg\:focus\:ring-offset-pink-600:focus {
    --tw-ring-offset-color: #db2777;
  }

  .lg\:focus\:ring-offset-pink-700:focus {
    --tw-ring-offset-color: #be185d;
  }

  .lg\:focus\:ring-offset-pink-800:focus {
    --tw-ring-offset-color: #9d174d;
  }

  .lg\:focus\:ring-offset-pink-900:focus {
    --tw-ring-offset-color: #831843;
  }

  .lg\:filter {
    --tw-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
    -webkit-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: 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);
  }

  .lg\:filter-none {
    -webkit-filter: none;
            filter: none;
  }

  .lg\:blur-0 {
    --tw-blur: blur(0);
  }

  .lg\:blur-none {
    --tw-blur: blur(0);
  }

  .lg\:blur-sm {
    --tw-blur: blur(4px);
  }

  .lg\:blur {
    --tw-blur: blur(8px);
  }

  .lg\:blur-md {
    --tw-blur: blur(12px);
  }

  .lg\:blur-lg {
    --tw-blur: blur(16px);
  }

  .lg\:blur-xl {
    --tw-blur: blur(24px);
  }

  .lg\:blur-2xl {
    --tw-blur: blur(40px);
  }

  .lg\:blur-3xl {
    --tw-blur: blur(64px);
  }

  .lg\:brightness-0 {
    --tw-brightness: brightness(0);
  }

  .lg\:brightness-50 {
    --tw-brightness: brightness(.5);
  }

  .lg\:brightness-75 {
    --tw-brightness: brightness(.75);
  }

  .lg\:brightness-90 {
    --tw-brightness: brightness(.9);
  }

  .lg\:brightness-95 {
    --tw-brightness: brightness(.95);
  }

  .lg\:brightness-100 {
    --tw-brightness: brightness(1);
  }

  .lg\:brightness-105 {
    --tw-brightness: brightness(1.05);
  }

  .lg\:brightness-110 {
    --tw-brightness: brightness(1.1);
  }

  .lg\:brightness-125 {
    --tw-brightness: brightness(1.25);
  }

  .lg\:brightness-150 {
    --tw-brightness: brightness(1.5);
  }

  .lg\:brightness-200 {
    --tw-brightness: brightness(2);
  }

  .lg\:contrast-0 {
    --tw-contrast: contrast(0);
  }

  .lg\:contrast-50 {
    --tw-contrast: contrast(.5);
  }

  .lg\:contrast-75 {
    --tw-contrast: contrast(.75);
  }

  .lg\:contrast-100 {
    --tw-contrast: contrast(1);
  }

  .lg\:contrast-125 {
    --tw-contrast: contrast(1.25);
  }

  .lg\:contrast-150 {
    --tw-contrast: contrast(1.5);
  }

  .lg\:contrast-200 {
    --tw-contrast: contrast(2);
  }

  .lg\:drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
  }

  .lg\:drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
  }

  .lg\:drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
  }

  .lg\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
  }

  .lg\:drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  }

  .lg\:drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  }

  .lg\:drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
  }

  .lg\:grayscale-0 {
    --tw-grayscale: grayscale(0);
  }

  .lg\:grayscale {
    --tw-grayscale: grayscale(100%);
  }

  .lg\:hue-rotate-0 {
    --tw-hue-rotate: hue-rotate(0deg);
  }

  .lg\:hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(15deg);
  }

  .lg\:hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg);
  }

  .lg\:hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(60deg);
  }

  .lg\:hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(90deg);
  }

  .lg\:hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg);
  }

  .lg\:-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(-180deg);
  }

  .lg\:-hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(-90deg);
  }

  .lg\:-hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(-60deg);
  }

  .lg\:-hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(-30deg);
  }

  .lg\:-hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(-15deg);
  }

  .lg\:invert-0 {
    --tw-invert: invert(0);
  }

  .lg\:invert {
    --tw-invert: invert(100%);
  }

  .lg\:saturate-0 {
    --tw-saturate: saturate(0);
  }

  .lg\:saturate-50 {
    --tw-saturate: saturate(.5);
  }

  .lg\:saturate-100 {
    --tw-saturate: saturate(1);
  }

  .lg\:saturate-150 {
    --tw-saturate: saturate(1.5);
  }

  .lg\:saturate-200 {
    --tw-saturate: saturate(2);
  }

  .lg\:sepia-0 {
    --tw-sepia: sepia(0);
  }

  .lg\:sepia {
    --tw-sepia: sepia(100%);
  }

  .lg\:backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
    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);
  }

  .lg\:backdrop-filter-none {
    backdrop-filter: none;
  }

  .lg\:backdrop-blur-0 {
    --tw-backdrop-blur: blur(0);
  }

  .lg\:backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
  }

  .lg\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
  }

  .lg\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
  }

  .lg\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
  }

  .lg\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
  }

  .lg\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
  }

  .lg\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
  }

  .lg\:backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
  }

  .lg\:backdrop-brightness-0 {
    --tw-backdrop-brightness: brightness(0);
  }

  .lg\:backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
  }

  .lg\:backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75);
  }

  .lg\:backdrop-brightness-90 {
    --tw-backdrop-brightness: brightness(.9);
  }

  .lg\:backdrop-brightness-95 {
    --tw-backdrop-brightness: brightness(.95);
  }

  .lg\:backdrop-brightness-100 {
    --tw-backdrop-brightness: brightness(1);
  }

  .lg\:backdrop-brightness-105 {
    --tw-backdrop-brightness: brightness(1.05);
  }

  .lg\:backdrop-brightness-110 {
    --tw-backdrop-brightness: brightness(1.1);
  }

  .lg\:backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(1.25);
  }

  .lg\:backdrop-brightness-150 {
    --tw-backdrop-brightness: brightness(1.5);
  }

  .lg\:backdrop-brightness-200 {
    --tw-backdrop-brightness: brightness(2);
  }

  .lg\:backdrop-contrast-0 {
    --tw-backdrop-contrast: contrast(0);
  }

  .lg\:backdrop-contrast-50 {
    --tw-backdrop-contrast: contrast(.5);
  }

  .lg\:backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75);
  }

  .lg\:backdrop-contrast-100 {
    --tw-backdrop-contrast: contrast(1);
  }

  .lg\:backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(1.25);
  }

  .lg\:backdrop-contrast-150 {
    --tw-backdrop-contrast: contrast(1.5);
  }

  .lg\:backdrop-contrast-200 {
    --tw-backdrop-contrast: contrast(2);
  }

  .lg\:backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0);
  }

  .lg\:backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
  }

  .lg\:backdrop-hue-rotate-0 {
    --tw-backdrop-hue-rotate: hue-rotate(0deg);
  }

  .lg\:backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(15deg);
  }

  .lg\:backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(30deg);
  }

  .lg\:backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(60deg);
  }

  .lg\:backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(90deg);
  }

  .lg\:backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(180deg);
  }

  .lg\:-backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(-180deg);
  }

  .lg\:-backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(-90deg);
  }

  .lg\:-backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(-60deg);
  }

  .lg\:-backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(-30deg);
  }

  .lg\:-backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(-15deg);
  }

  .lg\:backdrop-invert-0 {
    --tw-backdrop-invert: invert(0);
  }

  .lg\:backdrop-invert {
    --tw-backdrop-invert: invert(100%);
  }

  .lg\:backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0);
  }

  .lg\:backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05);
  }

  .lg\:backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1);
  }

  .lg\:backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2);
  }

  .lg\:backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25);
  }

  .lg\:backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3);
  }

  .lg\:backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4);
  }

  .lg\:backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5);
  }

  .lg\:backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6);
  }

  .lg\:backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7);
  }

  .lg\:backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75);
  }

  .lg\:backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8);
  }

  .lg\:backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9);
  }

  .lg\:backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95);
  }

  .lg\:backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1);
  }

  .lg\:backdrop-saturate-0 {
    --tw-backdrop-saturate: saturate(0);
  }

  .lg\:backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5);
  }

  .lg\:backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(1);
  }

  .lg\:backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5);
  }

  .lg\:backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
  }

  .lg\:backdrop-sepia-0 {
    --tw-backdrop-sepia: sepia(0);
  }

  .lg\:backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
  }

  .lg\:transition-none {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .lg\:transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:transition-colors {
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:transition-shadow {
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:delay-75 {
    -webkit-transition-delay: 75ms;
            transition-delay: 75ms;
  }

  .lg\:delay-100 {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
  }

  .lg\:delay-150 {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
  }

  .lg\:delay-200 {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }

  .lg\:delay-300 {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }

  .lg\:delay-500 {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }

  .lg\:delay-700 {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
  }

  .lg\:delay-1000 {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }

  .lg\:duration-75 {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
  }

  .lg\:duration-100 {
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
  }

  .lg\:duration-150 {
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .lg\:duration-200 {
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  .lg\:duration-300 {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }

  .lg\:duration-500 {
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }

  .lg\:duration-700 {
    -webkit-transition-duration: 700ms;
            transition-duration: 700ms;
  }

  .lg\:duration-1000 {
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
  }

  .lg\:ease-linear {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }

  .lg\:ease-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .lg\:ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .lg\:ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media (min-width: 1280px) {
  .xl\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .xl\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .xl\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .xl\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .xl\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .xl\:container {
      max-width: 1536px;
    }
  }

  .xl\: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;
  }

  .xl\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:focus-within\:sr-only:focus-within {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:pointer-events-none {
    pointer-events: none;
  }

  .xl\:pointer-events-auto {
    pointer-events: auto;
  }

  .xl\:visible {
    visibility: visible;
  }

  .xl\:invisible {
    visibility: hidden;
  }

  .xl\:static {
    position: static;
  }

  .xl\:fixed {
    position: fixed;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:sticky {
    position: sticky;
  }

  .xl\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .xl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  .xl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  .xl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .xl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .xl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  .xl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .xl\:inset-7 {
    top: 1.75rem;
    right: 1.75rem;
    bottom: 1.75rem;
    left: 1.75rem;
  }

  .xl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  .xl\:inset-9 {
    top: 2.25rem;
    right: 2.25rem;
    bottom: 2.25rem;
    left: 2.25rem;
  }

  .xl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  .xl\:inset-11 {
    top: 2.75rem;
    right: 2.75rem;
    bottom: 2.75rem;
    left: 2.75rem;
  }

  .xl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  .xl\:inset-14 {
    top: 3.5rem;
    right: 3.5rem;
    bottom: 3.5rem;
    left: 3.5rem;
  }

  .xl\:inset-16 {
    top: 4rem;
    right: 4rem;
    bottom: 4rem;
    left: 4rem;
  }

  .xl\:inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem;
  }

  .xl\:inset-24 {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
  }

  .xl\:inset-28 {
    top: 7rem;
    right: 7rem;
    bottom: 7rem;
    left: 7rem;
  }

  .xl\:inset-32 {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
  }

  .xl\:inset-36 {
    top: 9rem;
    right: 9rem;
    bottom: 9rem;
    left: 9rem;
  }

  .xl\:inset-40 {
    top: 10rem;
    right: 10rem;
    bottom: 10rem;
    left: 10rem;
  }

  .xl\:inset-44 {
    top: 11rem;
    right: 11rem;
    bottom: 11rem;
    left: 11rem;
  }

  .xl\:inset-48 {
    top: 12rem;
    right: 12rem;
    bottom: 12rem;
    left: 12rem;
  }

  .xl\:inset-52 {
    top: 13rem;
    right: 13rem;
    bottom: 13rem;
    left: 13rem;
  }

  .xl\:inset-56 {
    top: 14rem;
    right: 14rem;
    bottom: 14rem;
    left: 14rem;
  }

  .xl\:inset-60 {
    top: 15rem;
    right: 15rem;
    bottom: 15rem;
    left: 15rem;
  }

  .xl\:inset-64 {
    top: 16rem;
    right: 16rem;
    bottom: 16rem;
    left: 16rem;
  }

  .xl\:inset-72 {
    top: 18rem;
    right: 18rem;
    bottom: 18rem;
    left: 18rem;
  }

  .xl\:inset-80 {
    top: 20rem;
    right: 20rem;
    bottom: 20rem;
    left: 20rem;
  }

  .xl\:inset-96 {
    top: 24rem;
    right: 24rem;
    bottom: 24rem;
    left: 24rem;
  }

  .xl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
  }

  .xl\:inset-0\.5 {
    top: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    left: 0.125rem;
  }

  .xl\:inset-1\.5 {
    top: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
    left: 0.375rem;
  }

  .xl\:inset-2\.5 {
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
  }

  .xl\:inset-3\.5 {
    top: 0.875rem;
    right: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
  }

  .xl\:-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .xl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  .xl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  .xl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  .xl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  .xl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .xl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .xl\:-inset-7 {
    top: -1.75rem;
    right: -1.75rem;
    bottom: -1.75rem;
    left: -1.75rem;
  }

  .xl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  .xl\:-inset-9 {
    top: -2.25rem;
    right: -2.25rem;
    bottom: -2.25rem;
    left: -2.25rem;
  }

  .xl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  .xl\:-inset-11 {
    top: -2.75rem;
    right: -2.75rem;
    bottom: -2.75rem;
    left: -2.75rem;
  }

  .xl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  .xl\:-inset-14 {
    top: -3.5rem;
    right: -3.5rem;
    bottom: -3.5rem;
    left: -3.5rem;
  }

  .xl\:-inset-16 {
    top: -4rem;
    right: -4rem;
    bottom: -4rem;
    left: -4rem;
  }

  .xl\:-inset-20 {
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    left: -5rem;
  }

  .xl\:-inset-24 {
    top: -6rem;
    right: -6rem;
    bottom: -6rem;
    left: -6rem;
  }

  .xl\:-inset-28 {
    top: -7rem;
    right: -7rem;
    bottom: -7rem;
    left: -7rem;
  }

  .xl\:-inset-32 {
    top: -8rem;
    right: -8rem;
    bottom: -8rem;
    left: -8rem;
  }

  .xl\:-inset-36 {
    top: -9rem;
    right: -9rem;
    bottom: -9rem;
    left: -9rem;
  }

  .xl\:-inset-40 {
    top: -10rem;
    right: -10rem;
    bottom: -10rem;
    left: -10rem;
  }

  .xl\:-inset-44 {
    top: -11rem;
    right: -11rem;
    bottom: -11rem;
    left: -11rem;
  }

  .xl\:-inset-48 {
    top: -12rem;
    right: -12rem;
    bottom: -12rem;
    left: -12rem;
  }

  .xl\:-inset-52 {
    top: -13rem;
    right: -13rem;
    bottom: -13rem;
    left: -13rem;
  }

  .xl\:-inset-56 {
    top: -14rem;
    right: -14rem;
    bottom: -14rem;
    left: -14rem;
  }

  .xl\:-inset-60 {
    top: -15rem;
    right: -15rem;
    bottom: -15rem;
    left: -15rem;
  }

  .xl\:-inset-64 {
    top: -16rem;
    right: -16rem;
    bottom: -16rem;
    left: -16rem;
  }

  .xl\:-inset-72 {
    top: -18rem;
    right: -18rem;
    bottom: -18rem;
    left: -18rem;
  }

  .xl\:-inset-80 {
    top: -20rem;
    right: -20rem;
    bottom: -20rem;
    left: -20rem;
  }

  .xl\:-inset-96 {
    top: -24rem;
    right: -24rem;
    bottom: -24rem;
    left: -24rem;
  }

  .xl\:-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }

  .xl\:-inset-0\.5 {
    top: -0.125rem;
    right: -0.125rem;
    bottom: -0.125rem;
    left: -0.125rem;
  }

  .xl\:-inset-1\.5 {
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem;
  }

  .xl\:-inset-2\.5 {
    top: -0.625rem;
    right: -0.625rem;
    bottom: -0.625rem;
    left: -0.625rem;
  }

  .xl\:-inset-3\.5 {
    top: -0.875rem;
    right: -0.875rem;
    bottom: -0.875rem;
    left: -0.875rem;
  }

  .xl\:inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .xl\:inset-1\/3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%;
  }

  .xl\:inset-2\/3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%;
  }

  .xl\:inset-1\/4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
  }

  .xl\:inset-2\/4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .xl\:inset-3\/4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%;
  }

  .xl\:inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }

  .xl\:-inset-1\/2 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .xl\:-inset-1\/3 {
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
    left: -33.333333%;
  }

  .xl\:-inset-2\/3 {
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
    left: -66.666667%;
  }

  .xl\:-inset-1\/4 {
    top: -25%;
    right: -25%;
    bottom: -25%;
    left: -25%;
  }

  .xl\:-inset-2\/4 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .xl\:-inset-3\/4 {
    top: -75%;
    right: -75%;
    bottom: -75%;
    left: -75%;
  }

  .xl\:-inset-full {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
  }

  .xl\:inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .xl\:inset-x-1 {
    left: 0.25rem;
    right: 0.25rem;
  }

  .xl\:inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
  }

  .xl\:inset-x-3 {
    left: 0.75rem;
    right: 0.75rem;
  }

  .xl\:inset-x-4 {
    left: 1rem;
    right: 1rem;
  }

  .xl\:inset-x-5 {
    left: 1.25rem;
    right: 1.25rem;
  }

  .xl\:inset-x-6 {
    left: 1.5rem;
    right: 1.5rem;
  }

  .xl\:inset-x-7 {
    left: 1.75rem;
    right: 1.75rem;
  }

  .xl\:inset-x-8 {
    left: 2rem;
    right: 2rem;
  }

  .xl\:inset-x-9 {
    left: 2.25rem;
    right: 2.25rem;
  }

  .xl\:inset-x-10 {
    left: 2.5rem;
    right: 2.5rem;
  }

  .xl\:inset-x-11 {
    left: 2.75rem;
    right: 2.75rem;
  }

  .xl\:inset-x-12 {
    left: 3rem;
    right: 3rem;
  }

  .xl\:inset-x-14 {
    left: 3.5rem;
    right: 3.5rem;
  }

  .xl\:inset-x-16 {
    left: 4rem;
    right: 4rem;
  }

  .xl\:inset-x-20 {
    left: 5rem;
    right: 5rem;
  }

  .xl\:inset-x-24 {
    left: 6rem;
    right: 6rem;
  }

  .xl\:inset-x-28 {
    left: 7rem;
    right: 7rem;
  }

  .xl\:inset-x-32 {
    left: 8rem;
    right: 8rem;
  }

  .xl\:inset-x-36 {
    left: 9rem;
    right: 9rem;
  }

  .xl\:inset-x-40 {
    left: 10rem;
    right: 10rem;
  }

  .xl\:inset-x-44 {
    left: 11rem;
    right: 11rem;
  }

  .xl\:inset-x-48 {
    left: 12rem;
    right: 12rem;
  }

  .xl\:inset-x-52 {
    left: 13rem;
    right: 13rem;
  }

  .xl\:inset-x-56 {
    left: 14rem;
    right: 14rem;
  }

  .xl\:inset-x-60 {
    left: 15rem;
    right: 15rem;
  }

  .xl\:inset-x-64 {
    left: 16rem;
    right: 16rem;
  }

  .xl\:inset-x-72 {
    left: 18rem;
    right: 18rem;
  }

  .xl\:inset-x-80 {
    left: 20rem;
    right: 20rem;
  }

  .xl\:inset-x-96 {
    left: 24rem;
    right: 24rem;
  }

  .xl\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .xl\:inset-x-px {
    left: 1px;
    right: 1px;
  }

  .xl\:inset-x-0\.5 {
    left: 0.125rem;
    right: 0.125rem;
  }

  .xl\:inset-x-1\.5 {
    left: 0.375rem;
    right: 0.375rem;
  }

  .xl\:inset-x-2\.5 {
    left: 0.625rem;
    right: 0.625rem;
  }

  .xl\:inset-x-3\.5 {
    left: 0.875rem;
    right: 0.875rem;
  }

  .xl\:-inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .xl\:-inset-x-1 {
    left: -0.25rem;
    right: -0.25rem;
  }

  .xl\:-inset-x-2 {
    left: -0.5rem;
    right: -0.5rem;
  }

  .xl\:-inset-x-3 {
    left: -0.75rem;
    right: -0.75rem;
  }

  .xl\:-inset-x-4 {
    left: -1rem;
    right: -1rem;
  }

  .xl\:-inset-x-5 {
    left: -1.25rem;
    right: -1.25rem;
  }

  .xl\:-inset-x-6 {
    left: -1.5rem;
    right: -1.5rem;
  }

  .xl\:-inset-x-7 {
    left: -1.75rem;
    right: -1.75rem;
  }

  .xl\:-inset-x-8 {
    left: -2rem;
    right: -2rem;
  }

  .xl\:-inset-x-9 {
    left: -2.25rem;
    right: -2.25rem;
  }

  .xl\:-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem;
  }

  .xl\:-inset-x-11 {
    left: -2.75rem;
    right: -2.75rem;
  }

  .xl\:-inset-x-12 {
    left: -3rem;
    right: -3rem;
  }

  .xl\:-inset-x-14 {
    left: -3.5rem;
    right: -3.5rem;
  }

  .xl\:-inset-x-16 {
    left: -4rem;
    right: -4rem;
  }

  .xl\:-inset-x-20 {
    left: -5rem;
    right: -5rem;
  }

  .xl\:-inset-x-24 {
    left: -6rem;
    right: -6rem;
  }

  .xl\:-inset-x-28 {
    left: -7rem;
    right: -7rem;
  }

  .xl\:-inset-x-32 {
    left: -8rem;
    right: -8rem;
  }

  .xl\:-inset-x-36 {
    left: -9rem;
    right: -9rem;
  }

  .xl\:-inset-x-40 {
    left: -10rem;
    right: -10rem;
  }

  .xl\:-inset-x-44 {
    left: -11rem;
    right: -11rem;
  }

  .xl\:-inset-x-48 {
    left: -12rem;
    right: -12rem;
  }

  .xl\:-inset-x-52 {
    left: -13rem;
    right: -13rem;
  }

  .xl\:-inset-x-56 {
    left: -14rem;
    right: -14rem;
  }

  .xl\:-inset-x-60 {
    left: -15rem;
    right: -15rem;
  }

  .xl\:-inset-x-64 {
    left: -16rem;
    right: -16rem;
  }

  .xl\:-inset-x-72 {
    left: -18rem;
    right: -18rem;
  }

  .xl\:-inset-x-80 {
    left: -20rem;
    right: -20rem;
  }

  .xl\:-inset-x-96 {
    left: -24rem;
    right: -24rem;
  }

  .xl\:-inset-x-px {
    left: -1px;
    right: -1px;
  }

  .xl\:-inset-x-0\.5 {
    left: -0.125rem;
    right: -0.125rem;
  }

  .xl\:-inset-x-1\.5 {
    left: -0.375rem;
    right: -0.375rem;
  }

  .xl\:-inset-x-2\.5 {
    left: -0.625rem;
    right: -0.625rem;
  }

  .xl\:-inset-x-3\.5 {
    left: -0.875rem;
    right: -0.875rem;
  }

  .xl\:inset-x-1\/2 {
    left: 50%;
    right: 50%;
  }

  .xl\:inset-x-1\/3 {
    left: 33.333333%;
    right: 33.333333%;
  }

  .xl\:inset-x-2\/3 {
    left: 66.666667%;
    right: 66.666667%;
  }

  .xl\:inset-x-1\/4 {
    left: 25%;
    right: 25%;
  }

  .xl\:inset-x-2\/4 {
    left: 50%;
    right: 50%;
  }

  .xl\:inset-x-3\/4 {
    left: 75%;
    right: 75%;
  }

  .xl\:inset-x-full {
    left: 100%;
    right: 100%;
  }

  .xl\:-inset-x-1\/2 {
    left: -50%;
    right: -50%;
  }

  .xl\:-inset-x-1\/3 {
    left: -33.333333%;
    right: -33.333333%;
  }

  .xl\:-inset-x-2\/3 {
    left: -66.666667%;
    right: -66.666667%;
  }

  .xl\:-inset-x-1\/4 {
    left: -25%;
    right: -25%;
  }

  .xl\:-inset-x-2\/4 {
    left: -50%;
    right: -50%;
  }

  .xl\:-inset-x-3\/4 {
    left: -75%;
    right: -75%;
  }

  .xl\:-inset-x-full {
    left: -100%;
    right: -100%;
  }

  .xl\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .xl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  .xl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .xl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  .xl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  .xl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  .xl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  .xl\:inset-y-7 {
    top: 1.75rem;
    bottom: 1.75rem;
  }

  .xl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  .xl\:inset-y-9 {
    top: 2.25rem;
    bottom: 2.25rem;
  }

  .xl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  .xl\:inset-y-11 {
    top: 2.75rem;
    bottom: 2.75rem;
  }

  .xl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  .xl\:inset-y-14 {
    top: 3.5rem;
    bottom: 3.5rem;
  }

  .xl\:inset-y-16 {
    top: 4rem;
    bottom: 4rem;
  }

  .xl\:inset-y-20 {
    top: 5rem;
    bottom: 5rem;
  }

  .xl\:inset-y-24 {
    top: 6rem;
    bottom: 6rem;
  }

  .xl\:inset-y-28 {
    top: 7rem;
    bottom: 7rem;
  }

  .xl\:inset-y-32 {
    top: 8rem;
    bottom: 8rem;
  }

  .xl\:inset-y-36 {
    top: 9rem;
    bottom: 9rem;
  }

  .xl\:inset-y-40 {
    top: 10rem;
    bottom: 10rem;
  }

  .xl\:inset-y-44 {
    top: 11rem;
    bottom: 11rem;
  }

  .xl\:inset-y-48 {
    top: 12rem;
    bottom: 12rem;
  }

  .xl\:inset-y-52 {
    top: 13rem;
    bottom: 13rem;
  }

  .xl\:inset-y-56 {
    top: 14rem;
    bottom: 14rem;
  }

  .xl\:inset-y-60 {
    top: 15rem;
    bottom: 15rem;
  }

  .xl\:inset-y-64 {
    top: 16rem;
    bottom: 16rem;
  }

  .xl\:inset-y-72 {
    top: 18rem;
    bottom: 18rem;
  }

  .xl\:inset-y-80 {
    top: 20rem;
    bottom: 20rem;
  }

  .xl\:inset-y-96 {
    top: 24rem;
    bottom: 24rem;
  }

  .xl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .xl\:inset-y-px {
    top: 1px;
    bottom: 1px;
  }

  .xl\:inset-y-0\.5 {
    top: 0.125rem;
    bottom: 0.125rem;
  }

  .xl\:inset-y-1\.5 {
    top: 0.375rem;
    bottom: 0.375rem;
  }

  .xl\:inset-y-2\.5 {
    top: 0.625rem;
    bottom: 0.625rem;
  }

  .xl\:inset-y-3\.5 {
    top: 0.875rem;
    bottom: 0.875rem;
  }

  .xl\:-inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .xl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .xl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .xl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .xl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  .xl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .xl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .xl\:-inset-y-7 {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .xl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  .xl\:-inset-y-9 {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .xl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .xl\:-inset-y-11 {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .xl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  .xl\:-inset-y-14 {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .xl\:-inset-y-16 {
    top: -4rem;
    bottom: -4rem;
  }

  .xl\:-inset-y-20 {
    top: -5rem;
    bottom: -5rem;
  }

  .xl\:-inset-y-24 {
    top: -6rem;
    bottom: -6rem;
  }

  .xl\:-inset-y-28 {
    top: -7rem;
    bottom: -7rem;
  }

  .xl\:-inset-y-32 {
    top: -8rem;
    bottom: -8rem;
  }

  .xl\:-inset-y-36 {
    top: -9rem;
    bottom: -9rem;
  }

  .xl\:-inset-y-40 {
    top: -10rem;
    bottom: -10rem;
  }

  .xl\:-inset-y-44 {
    top: -11rem;
    bottom: -11rem;
  }

  .xl\:-inset-y-48 {
    top: -12rem;
    bottom: -12rem;
  }

  .xl\:-inset-y-52 {
    top: -13rem;
    bottom: -13rem;
  }

  .xl\:-inset-y-56 {
    top: -14rem;
    bottom: -14rem;
  }

  .xl\:-inset-y-60 {
    top: -15rem;
    bottom: -15rem;
  }

  .xl\:-inset-y-64 {
    top: -16rem;
    bottom: -16rem;
  }

  .xl\:-inset-y-72 {
    top: -18rem;
    bottom: -18rem;
  }

  .xl\:-inset-y-80 {
    top: -20rem;
    bottom: -20rem;
  }

  .xl\:-inset-y-96 {
    top: -24rem;
    bottom: -24rem;
  }

  .xl\:-inset-y-px {
    top: -1px;
    bottom: -1px;
  }

  .xl\:-inset-y-0\.5 {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .xl\:-inset-y-1\.5 {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .xl\:-inset-y-2\.5 {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .xl\:-inset-y-3\.5 {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .xl\:inset-y-1\/2 {
    top: 50%;
    bottom: 50%;
  }

  .xl\:inset-y-1\/3 {
    top: 33.333333%;
    bottom: 33.333333%;
  }

  .xl\:inset-y-2\/3 {
    top: 66.666667%;
    bottom: 66.666667%;
  }

  .xl\:inset-y-1\/4 {
    top: 25%;
    bottom: 25%;
  }

  .xl\:inset-y-2\/4 {
    top: 50%;
    bottom: 50%;
  }

  .xl\:inset-y-3\/4 {
    top: 75%;
    bottom: 75%;
  }

  .xl\:inset-y-full {
    top: 100%;
    bottom: 100%;
  }

  .xl\:-inset-y-1\/2 {
    top: -50%;
    bottom: -50%;
  }

  .xl\:-inset-y-1\/3 {
    top: -33.333333%;
    bottom: -33.333333%;
  }

  .xl\:-inset-y-2\/3 {
    top: -66.666667%;
    bottom: -66.666667%;
  }

  .xl\:-inset-y-1\/4 {
    top: -25%;
    bottom: -25%;
  }

  .xl\:-inset-y-2\/4 {
    top: -50%;
    bottom: -50%;
  }

  .xl\:-inset-y-3\/4 {
    top: -75%;
    bottom: -75%;
  }

  .xl\:-inset-y-full {
    top: -100%;
    bottom: -100%;
  }

  .xl\:top-0 {
    top: 0px;
  }

  .xl\:top-1 {
    top: 0.25rem;
  }

  .xl\:top-2 {
    top: 0.5rem;
  }

  .xl\:top-3 {
    top: 0.75rem;
  }

  .xl\:top-4 {
    top: 1rem;
  }

  .xl\:top-5 {
    top: 1.25rem;
  }

  .xl\:top-6 {
    top: 1.5rem;
  }

  .xl\:top-7 {
    top: 1.75rem;
  }

  .xl\:top-8 {
    top: 2rem;
  }

  .xl\:top-9 {
    top: 2.25rem;
  }

  .xl\:top-10 {
    top: 2.5rem;
  }

  .xl\:top-11 {
    top: 2.75rem;
  }

  .xl\:top-12 {
    top: 3rem;
  }

  .xl\:top-14 {
    top: 3.5rem;
  }

  .xl\:top-16 {
    top: 4rem;
  }

  .xl\:top-20 {
    top: 5rem;
  }

  .xl\:top-24 {
    top: 6rem;
  }

  .xl\:top-28 {
    top: 7rem;
  }

  .xl\:top-32 {
    top: 8rem;
  }

  .xl\:top-36 {
    top: 9rem;
  }

  .xl\:top-40 {
    top: 10rem;
  }

  .xl\:top-44 {
    top: 11rem;
  }

  .xl\:top-48 {
    top: 12rem;
  }

  .xl\:top-52 {
    top: 13rem;
  }

  .xl\:top-56 {
    top: 14rem;
  }

  .xl\:top-60 {
    top: 15rem;
  }

  .xl\:top-64 {
    top: 16rem;
  }

  .xl\:top-72 {
    top: 18rem;
  }

  .xl\:top-80 {
    top: 20rem;
  }

  .xl\:top-96 {
    top: 24rem;
  }

  .xl\:top-auto {
    top: auto;
  }

  .xl\:top-px {
    top: 1px;
  }

  .xl\:top-0\.5 {
    top: 0.125rem;
  }

  .xl\:top-1\.5 {
    top: 0.375rem;
  }

  .xl\:top-2\.5 {
    top: 0.625rem;
  }

  .xl\:top-3\.5 {
    top: 0.875rem;
  }

  .xl\:-top-0 {
    top: 0px;
  }

  .xl\:-top-1 {
    top: -0.25rem;
  }

  .xl\:-top-2 {
    top: -0.5rem;
  }

  .xl\:-top-3 {
    top: -0.75rem;
  }

  .xl\:-top-4 {
    top: -1rem;
  }

  .xl\:-top-5 {
    top: -1.25rem;
  }

  .xl\:-top-6 {
    top: -1.5rem;
  }

  .xl\:-top-7 {
    top: -1.75rem;
  }

  .xl\:-top-8 {
    top: -2rem;
  }

  .xl\:-top-9 {
    top: -2.25rem;
  }

  .xl\:-top-10 {
    top: -2.5rem;
  }

  .xl\:-top-11 {
    top: -2.75rem;
  }

  .xl\:-top-12 {
    top: -3rem;
  }

  .xl\:-top-14 {
    top: -3.5rem;
  }

  .xl\:-top-16 {
    top: -4rem;
  }

  .xl\:-top-20 {
    top: -5rem;
  }

  .xl\:-top-24 {
    top: -6rem;
  }

  .xl\:-top-28 {
    top: -7rem;
  }

  .xl\:-top-32 {
    top: -8rem;
  }

  .xl\:-top-36 {
    top: -9rem;
  }

  .xl\:-top-40 {
    top: -10rem;
  }

  .xl\:-top-44 {
    top: -11rem;
  }

  .xl\:-top-48 {
    top: -12rem;
  }

  .xl\:-top-52 {
    top: -13rem;
  }

  .xl\:-top-56 {
    top: -14rem;
  }

  .xl\:-top-60 {
    top: -15rem;
  }

  .xl\:-top-64 {
    top: -16rem;
  }

  .xl\:-top-72 {
    top: -18rem;
  }

  .xl\:-top-80 {
    top: -20rem;
  }

  .xl\:-top-96 {
    top: -24rem;
  }

  .xl\:-top-px {
    top: -1px;
  }

  .xl\:-top-0\.5 {
    top: -0.125rem;
  }

  .xl\:-top-1\.5 {
    top: -0.375rem;
  }

  .xl\:-top-2\.5 {
    top: -0.625rem;
  }

  .xl\:-top-3\.5 {
    top: -0.875rem;
  }

  .xl\:top-1\/2 {
    top: 50%;
  }

  .xl\:top-1\/3 {
    top: 33.333333%;
  }

  .xl\:top-2\/3 {
    top: 66.666667%;
  }

  .xl\:top-1\/4 {
    top: 25%;
  }

  .xl\:top-2\/4 {
    top: 50%;
  }

  .xl\:top-3\/4 {
    top: 75%;
  }

  .xl\:top-full {
    top: 100%;
  }

  .xl\:-top-1\/2 {
    top: -50%;
  }

  .xl\:-top-1\/3 {
    top: -33.333333%;
  }

  .xl\:-top-2\/3 {
    top: -66.666667%;
  }

  .xl\:-top-1\/4 {
    top: -25%;
  }

  .xl\:-top-2\/4 {
    top: -50%;
  }

  .xl\:-top-3\/4 {
    top: -75%;
  }

  .xl\:-top-full {
    top: -100%;
  }

  .xl\:right-0 {
    right: 0px;
  }

  .xl\:right-1 {
    right: 0.25rem;
  }

  .xl\:right-2 {
    right: 0.5rem;
  }

  .xl\:right-3 {
    right: 0.75rem;
  }

  .xl\:right-4 {
    right: 1rem;
  }

  .xl\:right-5 {
    right: 1.25rem;
  }

  .xl\:right-6 {
    right: 1.5rem;
  }

  .xl\:right-7 {
    right: 1.75rem;
  }

  .xl\:right-8 {
    right: 2rem;
  }

  .xl\:right-9 {
    right: 2.25rem;
  }

  .xl\:right-10 {
    right: 2.5rem;
  }

  .xl\:right-11 {
    right: 2.75rem;
  }

  .xl\:right-12 {
    right: 3rem;
  }

  .xl\:right-14 {
    right: 3.5rem;
  }

  .xl\:right-16 {
    right: 4rem;
  }

  .xl\:right-20 {
    right: 5rem;
  }

  .xl\:right-24 {
    right: 6rem;
  }

  .xl\:right-28 {
    right: 7rem;
  }

  .xl\:right-32 {
    right: 8rem;
  }

  .xl\:right-36 {
    right: 9rem;
  }

  .xl\:right-40 {
    right: 10rem;
  }

  .xl\:right-44 {
    right: 11rem;
  }

  .xl\:right-48 {
    right: 12rem;
  }

  .xl\:right-52 {
    right: 13rem;
  }

  .xl\:right-56 {
    right: 14rem;
  }

  .xl\:right-60 {
    right: 15rem;
  }

  .xl\:right-64 {
    right: 16rem;
  }

  .xl\:right-72 {
    right: 18rem;
  }

  .xl\:right-80 {
    right: 20rem;
  }

  .xl\:right-96 {
    right: 24rem;
  }

  .xl\:right-auto {
    right: auto;
  }

  .xl\:right-px {
    right: 1px;
  }

  .xl\:right-0\.5 {
    right: 0.125rem;
  }

  .xl\:right-1\.5 {
    right: 0.375rem;
  }

  .xl\:right-2\.5 {
    right: 0.625rem;
  }

  .xl\:right-3\.5 {
    right: 0.875rem;
  }

  .xl\:-right-0 {
    right: 0px;
  }

  .xl\:-right-1 {
    right: -0.25rem;
  }

  .xl\:-right-2 {
    right: -0.5rem;
  }

  .xl\:-right-3 {
    right: -0.75rem;
  }

  .xl\:-right-4 {
    right: -1rem;
  }

  .xl\:-right-5 {
    right: -1.25rem;
  }

  .xl\:-right-6 {
    right: -1.5rem;
  }

  .xl\:-right-7 {
    right: -1.75rem;
  }

  .xl\:-right-8 {
    right: -2rem;
  }

  .xl\:-right-9 {
    right: -2.25rem;
  }

  .xl\:-right-10 {
    right: -2.5rem;
  }

  .xl\:-right-11 {
    right: -2.75rem;
  }

  .xl\:-right-12 {
    right: -3rem;
  }

  .xl\:-right-14 {
    right: -3.5rem;
  }

  .xl\:-right-16 {
    right: -4rem;
  }

  .xl\:-right-20 {
    right: -5rem;
  }

  .xl\:-right-24 {
    right: -6rem;
  }

  .xl\:-right-28 {
    right: -7rem;
  }

  .xl\:-right-32 {
    right: -8rem;
  }

  .xl\:-right-36 {
    right: -9rem;
  }

  .xl\:-right-40 {
    right: -10rem;
  }

  .xl\:-right-44 {
    right: -11rem;
  }

  .xl\:-right-48 {
    right: -12rem;
  }

  .xl\:-right-52 {
    right: -13rem;
  }

  .xl\:-right-56 {
    right: -14rem;
  }

  .xl\:-right-60 {
    right: -15rem;
  }

  .xl\:-right-64 {
    right: -16rem;
  }

  .xl\:-right-72 {
    right: -18rem;
  }

  .xl\:-right-80 {
    right: -20rem;
  }

  .xl\:-right-96 {
    right: -24rem;
  }

  .xl\:-right-px {
    right: -1px;
  }

  .xl\:-right-0\.5 {
    right: -0.125rem;
  }

  .xl\:-right-1\.5 {
    right: -0.375rem;
  }

  .xl\:-right-2\.5 {
    right: -0.625rem;
  }

  .xl\:-right-3\.5 {
    right: -0.875rem;
  }

  .xl\:right-1\/2 {
    right: 50%;
  }

  .xl\:right-1\/3 {
    right: 33.333333%;
  }

  .xl\:right-2\/3 {
    right: 66.666667%;
  }

  .xl\:right-1\/4 {
    right: 25%;
  }

  .xl\:right-2\/4 {
    right: 50%;
  }

  .xl\:right-3\/4 {
    right: 75%;
  }

  .xl\:right-full {
    right: 100%;
  }

  .xl\:-right-1\/2 {
    right: -50%;
  }

  .xl\:-right-1\/3 {
    right: -33.333333%;
  }

  .xl\:-right-2\/3 {
    right: -66.666667%;
  }

  .xl\:-right-1\/4 {
    right: -25%;
  }

  .xl\:-right-2\/4 {
    right: -50%;
  }

  .xl\:-right-3\/4 {
    right: -75%;
  }

  .xl\:-right-full {
    right: -100%;
  }

  .xl\:bottom-0 {
    bottom: 0px;
  }

  .xl\:bottom-1 {
    bottom: 0.25rem;
  }

  .xl\:bottom-2 {
    bottom: 0.5rem;
  }

  .xl\:bottom-3 {
    bottom: 0.75rem;
  }

  .xl\:bottom-4 {
    bottom: 1rem;
  }

  .xl\:bottom-5 {
    bottom: 1.25rem;
  }

  .xl\:bottom-6 {
    bottom: 1.5rem;
  }

  .xl\:bottom-7 {
    bottom: 1.75rem;
  }

  .xl\:bottom-8 {
    bottom: 2rem;
  }

  .xl\:bottom-9 {
    bottom: 2.25rem;
  }

  .xl\:bottom-10 {
    bottom: 2.5rem;
  }

  .xl\:bottom-11 {
    bottom: 2.75rem;
  }

  .xl\:bottom-12 {
    bottom: 3rem;
  }

  .xl\:bottom-14 {
    bottom: 3.5rem;
  }

  .xl\:bottom-16 {
    bottom: 4rem;
  }

  .xl\:bottom-20 {
    bottom: 5rem;
  }

  .xl\:bottom-24 {
    bottom: 6rem;
  }

  .xl\:bottom-28 {
    bottom: 7rem;
  }

  .xl\:bottom-32 {
    bottom: 8rem;
  }

  .xl\:bottom-36 {
    bottom: 9rem;
  }

  .xl\:bottom-40 {
    bottom: 10rem;
  }

  .xl\:bottom-44 {
    bottom: 11rem;
  }

  .xl\:bottom-48 {
    bottom: 12rem;
  }

  .xl\:bottom-52 {
    bottom: 13rem;
  }

  .xl\:bottom-56 {
    bottom: 14rem;
  }

  .xl\:bottom-60 {
    bottom: 15rem;
  }

  .xl\:bottom-64 {
    bottom: 16rem;
  }

  .xl\:bottom-72 {
    bottom: 18rem;
  }

  .xl\:bottom-80 {
    bottom: 20rem;
  }

  .xl\:bottom-96 {
    bottom: 24rem;
  }

  .xl\:bottom-auto {
    bottom: auto;
  }

  .xl\:bottom-px {
    bottom: 1px;
  }

  .xl\:bottom-0\.5 {
    bottom: 0.125rem;
  }

  .xl\:bottom-1\.5 {
    bottom: 0.375rem;
  }

  .xl\:bottom-2\.5 {
    bottom: 0.625rem;
  }

  .xl\:bottom-3\.5 {
    bottom: 0.875rem;
  }

  .xl\:-bottom-0 {
    bottom: 0px;
  }

  .xl\:-bottom-1 {
    bottom: -0.25rem;
  }

  .xl\:-bottom-2 {
    bottom: -0.5rem;
  }

  .xl\:-bottom-3 {
    bottom: -0.75rem;
  }

  .xl\:-bottom-4 {
    bottom: -1rem;
  }

  .xl\:-bottom-5 {
    bottom: -1.25rem;
  }

  .xl\:-bottom-6 {
    bottom: -1.5rem;
  }

  .xl\:-bottom-7 {
    bottom: -1.75rem;
  }

  .xl\:-bottom-8 {
    bottom: -2rem;
  }

  .xl\:-bottom-9 {
    bottom: -2.25rem;
  }

  .xl\:-bottom-10 {
    bottom: -2.5rem;
  }

  .xl\:-bottom-11 {
    bottom: -2.75rem;
  }

  .xl\:-bottom-12 {
    bottom: -3rem;
  }

  .xl\:-bottom-14 {
    bottom: -3.5rem;
  }

  .xl\:-bottom-16 {
    bottom: -4rem;
  }

  .xl\:-bottom-20 {
    bottom: -5rem;
  }

  .xl\:-bottom-24 {
    bottom: -6rem;
  }

  .xl\:-bottom-28 {
    bottom: -7rem;
  }

  .xl\:-bottom-32 {
    bottom: -8rem;
  }

  .xl\:-bottom-36 {
    bottom: -9rem;
  }

  .xl\:-bottom-40 {
    bottom: -10rem;
  }

  .xl\:-bottom-44 {
    bottom: -11rem;
  }

  .xl\:-bottom-48 {
    bottom: -12rem;
  }

  .xl\:-bottom-52 {
    bottom: -13rem;
  }

  .xl\:-bottom-56 {
    bottom: -14rem;
  }

  .xl\:-bottom-60 {
    bottom: -15rem;
  }

  .xl\:-bottom-64 {
    bottom: -16rem;
  }

  .xl\:-bottom-72 {
    bottom: -18rem;
  }

  .xl\:-bottom-80 {
    bottom: -20rem;
  }

  .xl\:-bottom-96 {
    bottom: -24rem;
  }

  .xl\:-bottom-px {
    bottom: -1px;
  }

  .xl\:-bottom-0\.5 {
    bottom: -0.125rem;
  }

  .xl\:-bottom-1\.5 {
    bottom: -0.375rem;
  }

  .xl\:-bottom-2\.5 {
    bottom: -0.625rem;
  }

  .xl\:-bottom-3\.5 {
    bottom: -0.875rem;
  }

  .xl\:bottom-1\/2 {
    bottom: 50%;
  }

  .xl\:bottom-1\/3 {
    bottom: 33.333333%;
  }

  .xl\:bottom-2\/3 {
    bottom: 66.666667%;
  }

  .xl\:bottom-1\/4 {
    bottom: 25%;
  }

  .xl\:bottom-2\/4 {
    bottom: 50%;
  }

  .xl\:bottom-3\/4 {
    bottom: 75%;
  }

  .xl\:bottom-full {
    bottom: 100%;
  }

  .xl\:-bottom-1\/2 {
    bottom: -50%;
  }

  .xl\:-bottom-1\/3 {
    bottom: -33.333333%;
  }

  .xl\:-bottom-2\/3 {
    bottom: -66.666667%;
  }

  .xl\:-bottom-1\/4 {
    bottom: -25%;
  }

  .xl\:-bottom-2\/4 {
    bottom: -50%;
  }

  .xl\:-bottom-3\/4 {
    bottom: -75%;
  }

  .xl\:-bottom-full {
    bottom: -100%;
  }

  .xl\:left-0 {
    left: 0px;
  }

  .xl\:left-1 {
    left: 0.25rem;
  }

  .xl\:left-2 {
    left: 0.5rem;
  }

  .xl\:left-3 {
    left: 0.75rem;
  }

  .xl\:left-4 {
    left: 1rem;
  }

  .xl\:left-5 {
    left: 1.25rem;
  }

  .xl\:left-6 {
    left: 1.5rem;
  }

  .xl\:left-7 {
    left: 1.75rem;
  }

  .xl\:left-8 {
    left: 2rem;
  }

  .xl\:left-9 {
    left: 2.25rem;
  }

  .xl\:left-10 {
    left: 2.5rem;
  }

  .xl\:left-11 {
    left: 2.75rem;
  }

  .xl\:left-12 {
    left: 3rem;
  }

  .xl\:left-14 {
    left: 3.5rem;
  }

  .xl\:left-16 {
    left: 4rem;
  }

  .xl\:left-20 {
    left: 5rem;
  }

  .xl\:left-24 {
    left: 6rem;
  }

  .xl\:left-28 {
    left: 7rem;
  }

  .xl\:left-32 {
    left: 8rem;
  }

  .xl\:left-36 {
    left: 9rem;
  }

  .xl\:left-40 {
    left: 10rem;
  }

  .xl\:left-44 {
    left: 11rem;
  }

  .xl\:left-48 {
    left: 12rem;
  }

  .xl\:left-52 {
    left: 13rem;
  }

  .xl\:left-56 {
    left: 14rem;
  }

  .xl\:left-60 {
    left: 15rem;
  }

  .xl\:left-64 {
    left: 16rem;
  }

  .xl\:left-72 {
    left: 18rem;
  }

  .xl\:left-80 {
    left: 20rem;
  }

  .xl\:left-96 {
    left: 24rem;
  }

  .xl\:left-auto {
    left: auto;
  }

  .xl\:left-px {
    left: 1px;
  }

  .xl\:left-0\.5 {
    left: 0.125rem;
  }

  .xl\:left-1\.5 {
    left: 0.375rem;
  }

  .xl\:left-2\.5 {
    left: 0.625rem;
  }

  .xl\:left-3\.5 {
    left: 0.875rem;
  }

  .xl\:-left-0 {
    left: 0px;
  }

  .xl\:-left-1 {
    left: -0.25rem;
  }

  .xl\:-left-2 {
    left: -0.5rem;
  }

  .xl\:-left-3 {
    left: -0.75rem;
  }

  .xl\:-left-4 {
    left: -1rem;
  }

  .xl\:-left-5 {
    left: -1.25rem;
  }

  .xl\:-left-6 {
    left: -1.5rem;
  }

  .xl\:-left-7 {
    left: -1.75rem;
  }

  .xl\:-left-8 {
    left: -2rem;
  }

  .xl\:-left-9 {
    left: -2.25rem;
  }

  .xl\:-left-10 {
    left: -2.5rem;
  }

  .xl\:-left-11 {
    left: -2.75rem;
  }

  .xl\:-left-12 {
    left: -3rem;
  }

  .xl\:-left-14 {
    left: -3.5rem;
  }

  .xl\:-left-16 {
    left: -4rem;
  }

  .xl\:-left-20 {
    left: -5rem;
  }

  .xl\:-left-24 {
    left: -6rem;
  }

  .xl\:-left-28 {
    left: -7rem;
  }

  .xl\:-left-32 {
    left: -8rem;
  }

  .xl\:-left-36 {
    left: -9rem;
  }

  .xl\:-left-40 {
    left: -10rem;
  }

  .xl\:-left-44 {
    left: -11rem;
  }

  .xl\:-left-48 {
    left: -12rem;
  }

  .xl\:-left-52 {
    left: -13rem;
  }

  .xl\:-left-56 {
    left: -14rem;
  }

  .xl\:-left-60 {
    left: -15rem;
  }

  .xl\:-left-64 {
    left: -16rem;
  }

  .xl\:-left-72 {
    left: -18rem;
  }

  .xl\:-left-80 {
    left: -20rem;
  }

  .xl\:-left-96 {
    left: -24rem;
  }

  .xl\:-left-px {
    left: -1px;
  }

  .xl\:-left-0\.5 {
    left: -0.125rem;
  }

  .xl\:-left-1\.5 {
    left: -0.375rem;
  }

  .xl\:-left-2\.5 {
    left: -0.625rem;
  }

  .xl\:-left-3\.5 {
    left: -0.875rem;
  }

  .xl\:left-1\/2 {
    left: 50%;
  }

  .xl\:left-1\/3 {
    left: 33.333333%;
  }

  .xl\:left-2\/3 {
    left: 66.666667%;
  }

  .xl\:left-1\/4 {
    left: 25%;
  }

  .xl\:left-2\/4 {
    left: 50%;
  }

  .xl\:left-3\/4 {
    left: 75%;
  }

  .xl\:left-full {
    left: 100%;
  }

  .xl\:-left-1\/2 {
    left: -50%;
  }

  .xl\:-left-1\/3 {
    left: -33.333333%;
  }

  .xl\:-left-2\/3 {
    left: -66.666667%;
  }

  .xl\:-left-1\/4 {
    left: -25%;
  }

  .xl\:-left-2\/4 {
    left: -50%;
  }

  .xl\:-left-3\/4 {
    left: -75%;
  }

  .xl\:-left-full {
    left: -100%;
  }

  .xl\:isolate {
    isolation: isolate;
  }

  .xl\:isolation-auto {
    isolation: auto;
  }

  .xl\:z-0 {
    z-index: 0;
  }

  .xl\:z-10 {
    z-index: 10;
  }

  .xl\:z-20 {
    z-index: 20;
  }

  .xl\:z-30 {
    z-index: 30;
  }

  .xl\:z-40 {
    z-index: 40;
  }

  .xl\:z-50 {
    z-index: 50;
  }

  .xl\:z-auto {
    z-index: auto;
  }

  .xl\:focus-within\:z-0:focus-within {
    z-index: 0;
  }

  .xl\:focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .xl\:focus-within\:z-20:focus-within {
    z-index: 20;
  }

  .xl\:focus-within\:z-30:focus-within {
    z-index: 30;
  }

  .xl\:focus-within\:z-40:focus-within {
    z-index: 40;
  }

  .xl\:focus-within\:z-50:focus-within {
    z-index: 50;
  }

  .xl\:focus-within\:z-auto:focus-within {
    z-index: auto;
  }

  .xl\:focus\:z-0:focus {
    z-index: 0;
  }

  .xl\:focus\:z-10:focus {
    z-index: 10;
  }

  .xl\:focus\:z-20:focus {
    z-index: 20;
  }

  .xl\:focus\:z-30:focus {
    z-index: 30;
  }

  .xl\:focus\:z-40:focus {
    z-index: 40;
  }

  .xl\:focus\:z-50:focus {
    z-index: 50;
  }

  .xl\:focus\:z-auto:focus {
    z-index: auto;
  }

  .xl\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .xl\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .xl\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .xl\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .xl\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .xl\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .xl\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .xl\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .xl\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .xl\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .xl\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .xl\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .xl\:order-first {
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .xl\:order-last {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }

  .xl\:order-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .xl\:col-auto {
    grid-column: auto;
  }

  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xl\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:col-span-full {
    grid-column: 1 / -1;
  }

  .xl\:col-start-1 {
    grid-column-start: 1;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:col-start-3 {
    grid-column-start: 3;
  }

  .xl\:col-start-4 {
    grid-column-start: 4;
  }

  .xl\:col-start-5 {
    grid-column-start: 5;
  }

  .xl\:col-start-6 {
    grid-column-start: 6;
  }

  .xl\:col-start-7 {
    grid-column-start: 7;
  }

  .xl\:col-start-8 {
    grid-column-start: 8;
  }

  .xl\:col-start-9 {
    grid-column-start: 9;
  }

  .xl\:col-start-10 {
    grid-column-start: 10;
  }

  .xl\:col-start-11 {
    grid-column-start: 11;
  }

  .xl\:col-start-12 {
    grid-column-start: 12;
  }

  .xl\:col-start-13 {
    grid-column-start: 13;
  }

  .xl\:col-start-auto {
    grid-column-start: auto;
  }

  .xl\:col-end-1 {
    grid-column-end: 1;
  }

  .xl\:col-end-2 {
    grid-column-end: 2;
  }

  .xl\:col-end-3 {
    grid-column-end: 3;
  }

  .xl\:col-end-4 {
    grid-column-end: 4;
  }

  .xl\:col-end-5 {
    grid-column-end: 5;
  }

  .xl\:col-end-6 {
    grid-column-end: 6;
  }

  .xl\:col-end-7 {
    grid-column-end: 7;
  }

  .xl\:col-end-8 {
    grid-column-end: 8;
  }

  .xl\:col-end-9 {
    grid-column-end: 9;
  }

  .xl\:col-end-10 {
    grid-column-end: 10;
  }

  .xl\:col-end-11 {
    grid-column-end: 11;
  }

  .xl\:col-end-12 {
    grid-column-end: 12;
  }

  .xl\:col-end-13 {
    grid-column-end: 13;
  }

  .xl\:col-end-auto {
    grid-column-end: auto;
  }

  .xl\:row-auto {
    grid-row: auto;
  }

  .xl\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xl\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xl\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xl\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xl\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xl\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xl\:row-span-full {
    grid-row: 1 / -1;
  }

  .xl\:row-start-1 {
    grid-row-start: 1;
  }

  .xl\:row-start-2 {
    grid-row-start: 2;
  }

  .xl\:row-start-3 {
    grid-row-start: 3;
  }

  .xl\:row-start-4 {
    grid-row-start: 4;
  }

  .xl\:row-start-5 {
    grid-row-start: 5;
  }

  .xl\:row-start-6 {
    grid-row-start: 6;
  }

  .xl\:row-start-7 {
    grid-row-start: 7;
  }

  .xl\:row-start-auto {
    grid-row-start: auto;
  }

  .xl\:row-end-1 {
    grid-row-end: 1;
  }

  .xl\:row-end-2 {
    grid-row-end: 2;
  }

  .xl\:row-end-3 {
    grid-row-end: 3;
  }

  .xl\:row-end-4 {
    grid-row-end: 4;
  }

  .xl\:row-end-5 {
    grid-row-end: 5;
  }

  .xl\:row-end-6 {
    grid-row-end: 6;
  }

  .xl\:row-end-7 {
    grid-row-end: 7;
  }

  .xl\:row-end-auto {
    grid-row-end: auto;
  }

  .xl\:float-right {
    float: right;
  }

  .xl\:float-left {
    float: left;
  }

  .xl\:float-none {
    float: none;
  }

  .xl\:clear-left {
    clear: left;
  }

  .xl\:clear-right {
    clear: right;
  }

  .xl\:clear-both {
    clear: both;
  }

  .xl\:clear-none {
    clear: none;
  }

  .xl\:m-0 {
    margin: 0px;
  }

  .xl\:m-1 {
    margin: 0.25rem;
  }

  .xl\:m-2 {
    margin: 0.5rem;
  }

  .xl\:m-3 {
    margin: 0.75rem;
  }

  .xl\:m-4 {
    margin: 1rem;
  }

  .xl\:m-5 {
    margin: 1.25rem;
  }

  .xl\:m-6 {
    margin: 1.5rem;
  }

  .xl\:m-7 {
    margin: 1.75rem;
  }

  .xl\:m-8 {
    margin: 2rem;
  }

  .xl\:m-9 {
    margin: 2.25rem;
  }

  .xl\:m-10 {
    margin: 2.5rem;
  }

  .xl\:m-11 {
    margin: 2.75rem;
  }

  .xl\:m-12 {
    margin: 3rem;
  }

  .xl\:m-14 {
    margin: 3.5rem;
  }

  .xl\:m-16 {
    margin: 4rem;
  }

  .xl\:m-20 {
    margin: 5rem;
  }

  .xl\:m-24 {
    margin: 6rem;
  }

  .xl\:m-28 {
    margin: 7rem;
  }

  .xl\:m-32 {
    margin: 8rem;
  }

  .xl\:m-36 {
    margin: 9rem;
  }

  .xl\:m-40 {
    margin: 10rem;
  }

  .xl\:m-44 {
    margin: 11rem;
  }

  .xl\:m-48 {
    margin: 12rem;
  }

  .xl\:m-52 {
    margin: 13rem;
  }

  .xl\:m-56 {
    margin: 14rem;
  }

  .xl\:m-60 {
    margin: 15rem;
  }

  .xl\:m-64 {
    margin: 16rem;
  }

  .xl\:m-72 {
    margin: 18rem;
  }

  .xl\:m-80 {
    margin: 20rem;
  }

  .xl\:m-96 {
    margin: 24rem;
  }

  .xl\:m-auto {
    margin: auto;
  }

  .xl\:m-px {
    margin: 1px;
  }

  .xl\:m-0\.5 {
    margin: 0.125rem;
  }

  .xl\:m-1\.5 {
    margin: 0.375rem;
  }

  .xl\:m-2\.5 {
    margin: 0.625rem;
  }

  .xl\:m-3\.5 {
    margin: 0.875rem;
  }

  .xl\:-m-0 {
    margin: 0px;
  }

  .xl\:-m-1 {
    margin: -0.25rem;
  }

  .xl\:-m-2 {
    margin: -0.5rem;
  }

  .xl\:-m-3 {
    margin: -0.75rem;
  }

  .xl\:-m-4 {
    margin: -1rem;
  }

  .xl\:-m-5 {
    margin: -1.25rem;
  }

  .xl\:-m-6 {
    margin: -1.5rem;
  }

  .xl\:-m-7 {
    margin: -1.75rem;
  }

  .xl\:-m-8 {
    margin: -2rem;
  }

  .xl\:-m-9 {
    margin: -2.25rem;
  }

  .xl\:-m-10 {
    margin: -2.5rem;
  }

  .xl\:-m-11 {
    margin: -2.75rem;
  }

  .xl\:-m-12 {
    margin: -3rem;
  }

  .xl\:-m-14 {
    margin: -3.5rem;
  }

  .xl\:-m-16 {
    margin: -4rem;
  }

  .xl\:-m-20 {
    margin: -5rem;
  }

  .xl\:-m-24 {
    margin: -6rem;
  }

  .xl\:-m-28 {
    margin: -7rem;
  }

  .xl\:-m-32 {
    margin: -8rem;
  }

  .xl\:-m-36 {
    margin: -9rem;
  }

  .xl\:-m-40 {
    margin: -10rem;
  }

  .xl\:-m-44 {
    margin: -11rem;
  }

  .xl\:-m-48 {
    margin: -12rem;
  }

  .xl\:-m-52 {
    margin: -13rem;
  }

  .xl\:-m-56 {
    margin: -14rem;
  }

  .xl\:-m-60 {
    margin: -15rem;
  }

  .xl\:-m-64 {
    margin: -16rem;
  }

  .xl\:-m-72 {
    margin: -18rem;
  }

  .xl\:-m-80 {
    margin: -20rem;
  }

  .xl\:-m-96 {
    margin: -24rem;
  }

  .xl\:-m-px {
    margin: -1px;
  }

  .xl\:-m-0\.5 {
    margin: -0.125rem;
  }

  .xl\:-m-1\.5 {
    margin: -0.375rem;
  }

  .xl\:-m-2\.5 {
    margin: -0.625rem;
  }

  .xl\:-m-3\.5 {
    margin: -0.875rem;
  }

  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .xl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .xl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .xl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .xl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .xl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xl\:mx-11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }

  .xl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .xl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xl\:mx-28 {
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .xl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xl\:mx-36 {
    margin-left: 9rem;
    margin-right: 9rem;
  }

  .xl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xl\:mx-44 {
    margin-left: 11rem;
    margin-right: 11rem;
  }

  .xl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .xl\:mx-52 {
    margin-left: 13rem;
    margin-right: 13rem;
  }

  .xl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .xl\:mx-60 {
    margin-left: 15rem;
    margin-right: 15rem;
  }

  .xl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .xl\:mx-72 {
    margin-left: 18rem;
    margin-right: 18rem;
  }

  .xl\:mx-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .xl\:mx-96 {
    margin-left: 24rem;
    margin-right: 24rem;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xl\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .xl\:mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }

  .xl\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }

  .xl\:mx-3\.5 {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }

  .xl\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .xl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }

  .xl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  .xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:-mx-11 {
    margin-left: -2.75rem;
    margin-right: -2.75rem;
  }

  .xl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  .xl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xl\:-mx-28 {
    margin-left: -7rem;
    margin-right: -7rem;
  }

  .xl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xl\:-mx-36 {
    margin-left: -9rem;
    margin-right: -9rem;
  }

  .xl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .xl\:-mx-44 {
    margin-left: -11rem;
    margin-right: -11rem;
  }

  .xl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .xl\:-mx-52 {
    margin-left: -13rem;
    margin-right: -13rem;
  }

  .xl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .xl\:-mx-60 {
    margin-left: -15rem;
    margin-right: -15rem;
  }

  .xl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .xl\:-mx-72 {
    margin-left: -18rem;
    margin-right: -18rem;
  }

  .xl\:-mx-80 {
    margin-left: -20rem;
    margin-right: -20rem;
  }

  .xl\:-mx-96 {
    margin-left: -24rem;
    margin-right: -24rem;
  }

  .xl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xl\:-mx-0\.5 {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }

  .xl\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .xl\:-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .xl\:-mx-3\.5 {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }

  .xl\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .xl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .xl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .xl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .xl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .xl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xl\:my-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .xl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .xl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .xl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xl\:my-36 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }

  .xl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xl\:my-44 {
    margin-top: 11rem;
    margin-bottom: 11rem;
  }

  .xl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .xl\:my-52 {
    margin-top: 13rem;
    margin-bottom: 13rem;
  }

  .xl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .xl\:my-60 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }

  .xl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .xl\:my-72 {
    margin-top: 18rem;
    margin-bottom: 18rem;
  }

  .xl\:my-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .xl\:my-96 {
    margin-top: 24rem;
    margin-bottom: 24rem;
  }

  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xl\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .xl\:my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .xl\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .xl\:my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .xl\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .xl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xl\:-my-7 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem;
  }

  .xl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  .xl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xl\:-my-11 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem;
  }

  .xl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  .xl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xl\:-my-28 {
    margin-top: -7rem;
    margin-bottom: -7rem;
  }

  .xl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xl\:-my-36 {
    margin-top: -9rem;
    margin-bottom: -9rem;
  }

  .xl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .xl\:-my-44 {
    margin-top: -11rem;
    margin-bottom: -11rem;
  }

  .xl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .xl\:-my-52 {
    margin-top: -13rem;
    margin-bottom: -13rem;
  }

  .xl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .xl\:-my-60 {
    margin-top: -15rem;
    margin-bottom: -15rem;
  }

  .xl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .xl\:-my-72 {
    margin-top: -18rem;
    margin-bottom: -18rem;
  }

  .xl\:-my-80 {
    margin-top: -20rem;
    margin-bottom: -20rem;
  }

  .xl\:-my-96 {
    margin-top: -24rem;
    margin-bottom: -24rem;
  }

  .xl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:-my-0\.5 {
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }

  .xl\:-my-1\.5 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
  }

  .xl\:-my-2\.5 {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
  }

  .xl\:-my-3\.5 {
    margin-top: -0.875rem;
    margin-bottom: -0.875rem;
  }

  .xl\:mt-0 {
    margin-top: 0px;
  }

  .xl\:mt-1 {
    margin-top: 0.25rem;
  }

  .xl\:mt-2 {
    margin-top: 0.5rem;
  }

  .xl\:mt-3 {
    margin-top: 0.75rem;
  }

  .xl\:mt-4 {
    margin-top: 1rem;
  }

  .xl\:mt-5 {
    margin-top: 1.25rem;
  }

  .xl\:mt-6 {
    margin-top: 1.5rem;
  }

  .xl\:mt-7 {
    margin-top: 1.75rem;
  }

  .xl\:mt-8 {
    margin-top: 2rem;
  }

  .xl\:mt-9 {
    margin-top: 2.25rem;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:mt-11 {
    margin-top: 2.75rem;
  }

  .xl\:mt-12 {
    margin-top: 3rem;
  }

  .xl\:mt-14 {
    margin-top: 3.5rem;
  }

  .xl\:mt-16 {
    margin-top: 4rem;
  }

  .xl\:mt-20 {
    margin-top: 5rem;
  }

  .xl\:mt-24 {
    margin-top: 6rem;
  }

  .xl\:mt-28 {
    margin-top: 7rem;
  }

  .xl\:mt-32 {
    margin-top: 8rem;
  }

  .xl\:mt-36 {
    margin-top: 9rem;
  }

  .xl\:mt-40 {
    margin-top: 10rem;
  }

  .xl\:mt-44 {
    margin-top: 11rem;
  }

  .xl\:mt-48 {
    margin-top: 12rem;
  }

  .xl\:mt-52 {
    margin-top: 13rem;
  }

  .xl\:mt-56 {
    margin-top: 14rem;
  }

  .xl\:mt-60 {
    margin-top: 15rem;
  }

  .xl\:mt-64 {
    margin-top: 16rem;
  }

  .xl\:mt-72 {
    margin-top: 18rem;
  }

  .xl\:mt-80 {
    margin-top: 20rem;
  }

  .xl\:mt-96 {
    margin-top: 24rem;
  }

  .xl\:mt-auto {
    margin-top: auto;
  }

  .xl\:mt-px {
    margin-top: 1px;
  }

  .xl\:mt-0\.5 {
    margin-top: 0.125rem;
  }

  .xl\:mt-1\.5 {
    margin-top: 0.375rem;
  }

  .xl\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .xl\:mt-3\.5 {
    margin-top: 0.875rem;
  }

  .xl\:-mt-0 {
    margin-top: 0px;
  }

  .xl\:-mt-1 {
    margin-top: -0.25rem;
  }

  .xl\:-mt-2 {
    margin-top: -0.5rem;
  }

  .xl\:-mt-3 {
    margin-top: -0.75rem;
  }

  .xl\:-mt-4 {
    margin-top: -1rem;
  }

  .xl\:-mt-5 {
    margin-top: -1.25rem;
  }

  .xl\:-mt-6 {
    margin-top: -1.5rem;
  }

  .xl\:-mt-7 {
    margin-top: -1.75rem;
  }

  .xl\:-mt-8 {
    margin-top: -2rem;
  }

  .xl\:-mt-9 {
    margin-top: -2.25rem;
  }

  .xl\:-mt-10 {
    margin-top: -2.5rem;
  }

  .xl\:-mt-11 {
    margin-top: -2.75rem;
  }

  .xl\:-mt-12 {
    margin-top: -3rem;
  }

  .xl\:-mt-14 {
    margin-top: -3.5rem;
  }

  .xl\:-mt-16 {
    margin-top: -4rem;
  }

  .xl\:-mt-20 {
    margin-top: -5rem;
  }

  .xl\:-mt-24 {
    margin-top: -6rem;
  }

  .xl\:-mt-28 {
    margin-top: -7rem;
  }

  .xl\:-mt-32 {
    margin-top: -8rem;
  }

  .xl\:-mt-36 {
    margin-top: -9rem;
  }

  .xl\:-mt-40 {
    margin-top: -10rem;
  }

  .xl\:-mt-44 {
    margin-top: -11rem;
  }

  .xl\:-mt-48 {
    margin-top: -12rem;
  }

  .xl\:-mt-52 {
    margin-top: -13rem;
  }

  .xl\:-mt-56 {
    margin-top: -14rem;
  }

  .xl\:-mt-60 {
    margin-top: -15rem;
  }

  .xl\:-mt-64 {
    margin-top: -16rem;
  }

  .xl\:-mt-72 {
    margin-top: -18rem;
  }

  .xl\:-mt-80 {
    margin-top: -20rem;
  }

  .xl\:-mt-96 {
    margin-top: -24rem;
  }

  .xl\:-mt-px {
    margin-top: -1px;
  }

  .xl\:-mt-0\.5 {
    margin-top: -0.125rem;
  }

  .xl\:-mt-1\.5 {
    margin-top: -0.375rem;
  }

  .xl\:-mt-2\.5 {
    margin-top: -0.625rem;
  }

  .xl\:-mt-3\.5 {
    margin-top: -0.875rem;
  }

  .xl\:mr-0 {
    margin-right: 0px;
  }

  .xl\:mr-1 {
    margin-right: 0.25rem;
  }

  .xl\:mr-2 {
    margin-right: 0.5rem;
  }

  .xl\:mr-3 {
    margin-right: 0.75rem;
  }

  .xl\:mr-4 {
    margin-right: 1rem;
  }

  .xl\:mr-5 {
    margin-right: 1.25rem;
  }

  .xl\:mr-6 {
    margin-right: 1.5rem;
  }

  .xl\:mr-7 {
    margin-right: 1.75rem;
  }

  .xl\:mr-8 {
    margin-right: 2rem;
  }

  .xl\:mr-9 {
    margin-right: 2.25rem;
  }

  .xl\:mr-10 {
    margin-right: 2.5rem;
  }

  .xl\:mr-11 {
    margin-right: 2.75rem;
  }

  .xl\:mr-12 {
    margin-right: 3rem;
  }

  .xl\:mr-14 {
    margin-right: 3.5rem;
  }

  .xl\:mr-16 {
    margin-right: 4rem;
  }

  .xl\:mr-20 {
    margin-right: 5rem;
  }

  .xl\:mr-24 {
    margin-right: 6rem;
  }

  .xl\:mr-28 {
    margin-right: 7rem;
  }

  .xl\:mr-32 {
    margin-right: 8rem;
  }

  .xl\:mr-36 {
    margin-right: 9rem;
  }

  .xl\:mr-40 {
    margin-right: 10rem;
  }

  .xl\:mr-44 {
    margin-right: 11rem;
  }

  .xl\:mr-48 {
    margin-right: 12rem;
  }

  .xl\:mr-52 {
    margin-right: 13rem;
  }

  .xl\:mr-56 {
    margin-right: 14rem;
  }

  .xl\:mr-60 {
    margin-right: 15rem;
  }

  .xl\:mr-64 {
    margin-right: 16rem;
  }

  .xl\:mr-72 {
    margin-right: 18rem;
  }

  .xl\:mr-80 {
    margin-right: 20rem;
  }

  .xl\:mr-96 {
    margin-right: 24rem;
  }

  .xl\:mr-auto {
    margin-right: auto;
  }

  .xl\:mr-px {
    margin-right: 1px;
  }

  .xl\:mr-0\.5 {
    margin-right: 0.125rem;
  }

  .xl\:mr-1\.5 {
    margin-right: 0.375rem;
  }

  .xl\:mr-2\.5 {
    margin-right: 0.625rem;
  }

  .xl\:mr-3\.5 {
    margin-right: 0.875rem;
  }

  .xl\:-mr-0 {
    margin-right: 0px;
  }

  .xl\:-mr-1 {
    margin-right: -0.25rem;
  }

  .xl\:-mr-2 {
    margin-right: -0.5rem;
  }

  .xl\:-mr-3 {
    margin-right: -0.75rem;
  }

  .xl\:-mr-4 {
    margin-right: -1rem;
  }

  .xl\:-mr-5 {
    margin-right: -1.25rem;
  }

  .xl\:-mr-6 {
    margin-right: -1.5rem;
  }

  .xl\:-mr-7 {
    margin-right: -1.75rem;
  }

  .xl\:-mr-8 {
    margin-right: -2rem;
  }

  .xl\:-mr-9 {
    margin-right: -2.25rem;
  }

  .xl\:-mr-10 {
    margin-right: -2.5rem;
  }

  .xl\:-mr-11 {
    margin-right: -2.75rem;
  }

  .xl\:-mr-12 {
    margin-right: -3rem;
  }

  .xl\:-mr-14 {
    margin-right: -3.5rem;
  }

  .xl\:-mr-16 {
    margin-right: -4rem;
  }

  .xl\:-mr-20 {
    margin-right: -5rem;
  }

  .xl\:-mr-24 {
    margin-right: -6rem;
  }

  .xl\:-mr-28 {
    margin-right: -7rem;
  }

  .xl\:-mr-32 {
    margin-right: -8rem;
  }

  .xl\:-mr-36 {
    margin-right: -9rem;
  }

  .xl\:-mr-40 {
    margin-right: -10rem;
  }

  .xl\:-mr-44 {
    margin-right: -11rem;
  }

  .xl\:-mr-48 {
    margin-right: -12rem;
  }

  .xl\:-mr-52 {
    margin-right: -13rem;
  }

  .xl\:-mr-56 {
    margin-right: -14rem;
  }

  .xl\:-mr-60 {
    margin-right: -15rem;
  }

  .xl\:-mr-64 {
    margin-right: -16rem;
  }

  .xl\:-mr-72 {
    margin-right: -18rem;
  }

  .xl\:-mr-80 {
    margin-right: -20rem;
  }

  .xl\:-mr-96 {
    margin-right: -24rem;
  }

  .xl\:-mr-px {
    margin-right: -1px;
  }

  .xl\:-mr-0\.5 {
    margin-right: -0.125rem;
  }

  .xl\:-mr-1\.5 {
    margin-right: -0.375rem;
  }

  .xl\:-mr-2\.5 {
    margin-right: -0.625rem;
  }

  .xl\:-mr-3\.5 {
    margin-right: -0.875rem;
  }

  .xl\:mb-0 {
    margin-bottom: 0px;
  }

  .xl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .xl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xl\:mb-4 {
    margin-bottom: 1rem;
  }

  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .xl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .xl\:mb-16 {
    margin-bottom: 4rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:mb-24 {
    margin-bottom: 6rem;
  }

  .xl\:mb-28 {
    margin-bottom: 7rem;
  }

  .xl\:mb-32 {
    margin-bottom: 8rem;
  }

  .xl\:mb-36 {
    margin-bottom: 9rem;
  }

  .xl\:mb-40 {
    margin-bottom: 10rem;
  }

  .xl\:mb-44 {
    margin-bottom: 11rem;
  }

  .xl\:mb-48 {
    margin-bottom: 12rem;
  }

  .xl\:mb-52 {
    margin-bottom: 13rem;
  }

  .xl\:mb-56 {
    margin-bottom: 14rem;
  }

  .xl\:mb-60 {
    margin-bottom: 15rem;
  }

  .xl\:mb-64 {
    margin-bottom: 16rem;
  }

  .xl\:mb-72 {
    margin-bottom: 18rem;
  }

  .xl\:mb-80 {
    margin-bottom: 20rem;
  }

  .xl\:mb-96 {
    margin-bottom: 24rem;
  }

  .xl\:mb-auto {
    margin-bottom: auto;
  }

  .xl\:mb-px {
    margin-bottom: 1px;
  }

  .xl\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }

  .xl\:mb-1\.5 {
    margin-bottom: 0.375rem;
  }

  .xl\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }

  .xl\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }

  .xl\:-mb-0 {
    margin-bottom: 0px;
  }

  .xl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .xl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .xl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .xl\:-mb-4 {
    margin-bottom: -1rem;
  }

  .xl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .xl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .xl\:-mb-7 {
    margin-bottom: -1.75rem;
  }

  .xl\:-mb-8 {
    margin-bottom: -2rem;
  }

  .xl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  .xl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .xl\:-mb-11 {
    margin-bottom: -2.75rem;
  }

  .xl\:-mb-12 {
    margin-bottom: -3rem;
  }

  .xl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  .xl\:-mb-16 {
    margin-bottom: -4rem;
  }

  .xl\:-mb-20 {
    margin-bottom: -5rem;
  }

  .xl\:-mb-24 {
    margin-bottom: -6rem;
  }

  .xl\:-mb-28 {
    margin-bottom: -7rem;
  }

  .xl\:-mb-32 {
    margin-bottom: -8rem;
  }

  .xl\:-mb-36 {
    margin-bottom: -9rem;
  }

  .xl\:-mb-40 {
    margin-bottom: -10rem;
  }

  .xl\:-mb-44 {
    margin-bottom: -11rem;
  }

  .xl\:-mb-48 {
    margin-bottom: -12rem;
  }

  .xl\:-mb-52 {
    margin-bottom: -13rem;
  }

  .xl\:-mb-56 {
    margin-bottom: -14rem;
  }

  .xl\:-mb-60 {
    margin-bottom: -15rem;
  }

  .xl\:-mb-64 {
    margin-bottom: -16rem;
  }

  .xl\:-mb-72 {
    margin-bottom: -18rem;
  }

  .xl\:-mb-80 {
    margin-bottom: -20rem;
  }

  .xl\:-mb-96 {
    margin-bottom: -24rem;
  }

  .xl\:-mb-px {
    margin-bottom: -1px;
  }

  .xl\:-mb-0\.5 {
    margin-bottom: -0.125rem;
  }

  .xl\:-mb-1\.5 {
    margin-bottom: -0.375rem;
  }

  .xl\:-mb-2\.5 {
    margin-bottom: -0.625rem;
  }

  .xl\:-mb-3\.5 {
    margin-bottom: -0.875rem;
  }

  .xl\:ml-0 {
    margin-left: 0px;
  }

  .xl\:ml-1 {
    margin-left: 0.25rem;
  }

  .xl\:ml-2 {
    margin-left: 0.5rem;
  }

  .xl\:ml-3 {
    margin-left: 0.75rem;
  }

  .xl\:ml-4 {
    margin-left: 1rem;
  }

  .xl\:ml-5 {
    margin-left: 1.25rem;
  }

  .xl\:ml-6 {
    margin-left: 1.5rem;
  }

  .xl\:ml-7 {
    margin-left: 1.75rem;
  }

  .xl\:ml-8 {
    margin-left: 2rem;
  }

  .xl\:ml-9 {
    margin-left: 2.25rem;
  }

  .xl\:ml-10 {
    margin-left: 2.5rem;
  }

  .xl\:ml-11 {
    margin-left: 2.75rem;
  }

  .xl\:ml-12 {
    margin-left: 3rem;
  }

  .xl\:ml-14 {
    margin-left: 3.5rem;
  }

  .xl\:ml-16 {
    margin-left: 4rem;
  }

  .xl\:ml-20 {
    margin-left: 5rem;
  }

  .xl\:ml-24 {
    margin-left: 6rem;
  }

  .xl\:ml-28 {
    margin-left: 7rem;
  }

  .xl\:ml-32 {
    margin-left: 8rem;
  }

  .xl\:ml-36 {
    margin-left: 9rem;
  }

  .xl\:ml-40 {
    margin-left: 10rem;
  }

  .xl\:ml-44 {
    margin-left: 11rem;
  }

  .xl\:ml-48 {
    margin-left: 12rem;
  }

  .xl\:ml-52 {
    margin-left: 13rem;
  }

  .xl\:ml-56 {
    margin-left: 14rem;
  }

  .xl\:ml-60 {
    margin-left: 15rem;
  }

  .xl\:ml-64 {
    margin-left: 16rem;
  }

  .xl\:ml-72 {
    margin-left: 18rem;
  }

  .xl\:ml-80 {
    margin-left: 20rem;
  }

  .xl\:ml-96 {
    margin-left: 24rem;
  }

  .xl\:ml-auto {
    margin-left: auto;
  }

  .xl\:ml-px {
    margin-left: 1px;
  }

  .xl\:ml-0\.5 {
    margin-left: 0.125rem;
  }

  .xl\:ml-1\.5 {
    margin-left: 0.375rem;
  }

  .xl\:ml-2\.5 {
    margin-left: 0.625rem;
  }

  .xl\:ml-3\.5 {
    margin-left: 0.875rem;
  }

  .xl\:-ml-0 {
    margin-left: 0px;
  }

  .xl\:-ml-1 {
    margin-left: -0.25rem;
  }

  .xl\:-ml-2 {
    margin-left: -0.5rem;
  }

  .xl\:-ml-3 {
    margin-left: -0.75rem;
  }

  .xl\:-ml-4 {
    margin-left: -1rem;
  }

  .xl\:-ml-5 {
    margin-left: -1.25rem;
  }

  .xl\:-ml-6 {
    margin-left: -1.5rem;
  }

  .xl\:-ml-7 {
    margin-left: -1.75rem;
  }

  .xl\:-ml-8 {
    margin-left: -2rem;
  }

  .xl\:-ml-9 {
    margin-left: -2.25rem;
  }

  .xl\:-ml-10 {
    margin-left: -2.5rem;
  }

  .xl\:-ml-11 {
    margin-left: -2.75rem;
  }

  .xl\:-ml-12 {
    margin-left: -3rem;
  }

  .xl\:-ml-14 {
    margin-left: -3.5rem;
  }

  .xl\:-ml-16 {
    margin-left: -4rem;
  }

  .xl\:-ml-20 {
    margin-left: -5rem;
  }

  .xl\:-ml-24 {
    margin-left: -6rem;
  }

  .xl\:-ml-28 {
    margin-left: -7rem;
  }

  .xl\:-ml-32 {
    margin-left: -8rem;
  }

  .xl\:-ml-36 {
    margin-left: -9rem;
  }

  .xl\:-ml-40 {
    margin-left: -10rem;
  }

  .xl\:-ml-44 {
    margin-left: -11rem;
  }

  .xl\:-ml-48 {
    margin-left: -12rem;
  }

  .xl\:-ml-52 {
    margin-left: -13rem;
  }

  .xl\:-ml-56 {
    margin-left: -14rem;
  }

  .xl\:-ml-60 {
    margin-left: -15rem;
  }

  .xl\:-ml-64 {
    margin-left: -16rem;
  }

  .xl\:-ml-72 {
    margin-left: -18rem;
  }

  .xl\:-ml-80 {
    margin-left: -20rem;
  }

  .xl\:-ml-96 {
    margin-left: -24rem;
  }

  .xl\:-ml-px {
    margin-left: -1px;
  }

  .xl\:-ml-0\.5 {
    margin-left: -0.125rem;
  }

  .xl\:-ml-1\.5 {
    margin-left: -0.375rem;
  }

  .xl\:-ml-2\.5 {
    margin-left: -0.625rem;
  }

  .xl\:-ml-3\.5 {
    margin-left: -0.875rem;
  }

  .xl\:box-border {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .xl\:box-content {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .xl\:block {
    display: block;
  }

  .xl\:inline-block {
    display: inline-block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xl\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .xl\:table {
    display: table;
  }

  .xl\:inline-table {
    display: inline-table;
  }

  .xl\:table-caption {
    display: table-caption;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:table-column {
    display: table-column;
  }

  .xl\:table-column-group {
    display: table-column-group;
  }

  .xl\:table-footer-group {
    display: table-footer-group;
  }

  .xl\:table-header-group {
    display: table-header-group;
  }

  .xl\:table-row-group {
    display: table-row-group;
  }

  .xl\:table-row {
    display: table-row;
  }

  .xl\:flow-root {
    display: flow-root;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:inline-grid {
    display: inline-grid;
  }

  .xl\:contents {
    display: contents;
  }

  .xl\:list-item {
    display: list-item;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-0 {
    height: 0px;
  }

  .xl\:h-1 {
    height: 0.25rem;
  }

  .xl\:h-2 {
    height: 0.5rem;
  }

  .xl\:h-3 {
    height: 0.75rem;
  }

  .xl\:h-4 {
    height: 1rem;
  }

  .xl\:h-5 {
    height: 1.25rem;
  }

  .xl\:h-6 {
    height: 1.5rem;
  }

  .xl\:h-7 {
    height: 1.75rem;
  }

  .xl\:h-8 {
    height: 2rem;
  }

  .xl\:h-9 {
    height: 2.25rem;
  }

  .xl\:h-10 {
    height: 2.5rem;
  }

  .xl\:h-11 {
    height: 2.75rem;
  }

  .xl\:h-12 {
    height: 3rem;
  }

  .xl\:h-14 {
    height: 3.5rem;
  }

  .xl\:h-16 {
    height: 4rem;
  }

  .xl\:h-20 {
    height: 5rem;
  }

  .xl\:h-24 {
    height: 6rem;
  }

  .xl\:h-28 {
    height: 7rem;
  }

  .xl\:h-32 {
    height: 8rem;
  }

  .xl\:h-36 {
    height: 9rem;
  }

  .xl\:h-40 {
    height: 10rem;
  }

  .xl\:h-44 {
    height: 11rem;
  }

  .xl\:h-48 {
    height: 12rem;
  }

  .xl\:h-52 {
    height: 13rem;
  }

  .xl\:h-56 {
    height: 14rem;
  }

  .xl\:h-60 {
    height: 15rem;
  }

  .xl\:h-64 {
    height: 16rem;
  }

  .xl\:h-72 {
    height: 18rem;
  }

  .xl\:h-80 {
    height: 20rem;
  }

  .xl\:h-96 {
    height: 24rem;
  }

  .xl\:h-auto {
    height: auto;
  }

  .xl\:h-px {
    height: 1px;
  }

  .xl\:h-0\.5 {
    height: 0.125rem;
  }

  .xl\:h-1\.5 {
    height: 0.375rem;
  }

  .xl\:h-2\.5 {
    height: 0.625rem;
  }

  .xl\:h-3\.5 {
    height: 0.875rem;
  }

  .xl\:h-1\/2 {
    height: 50%;
  }

  .xl\:h-1\/3 {
    height: 33.333333%;
  }

  .xl\:h-2\/3 {
    height: 66.666667%;
  }

  .xl\:h-1\/4 {
    height: 25%;
  }

  .xl\:h-2\/4 {
    height: 50%;
  }

  .xl\:h-3\/4 {
    height: 75%;
  }

  .xl\:h-1\/5 {
    height: 20%;
  }

  .xl\:h-2\/5 {
    height: 40%;
  }

  .xl\:h-3\/5 {
    height: 60%;
  }

  .xl\:h-4\/5 {
    height: 80%;
  }

  .xl\:h-1\/6 {
    height: 16.666667%;
  }

  .xl\:h-2\/6 {
    height: 33.333333%;
  }

  .xl\:h-3\/6 {
    height: 50%;
  }

  .xl\:h-4\/6 {
    height: 66.666667%;
  }

  .xl\:h-5\/6 {
    height: 83.333333%;
  }

  .xl\:h-full {
    height: 100%;
  }

  .xl\:h-screen {
    height: 100vh;
  }

  .xl\:max-h-0 {
    max-height: 0px;
  }

  .xl\:max-h-1 {
    max-height: 0.25rem;
  }

  .xl\:max-h-2 {
    max-height: 0.5rem;
  }

  .xl\:max-h-3 {
    max-height: 0.75rem;
  }

  .xl\:max-h-4 {
    max-height: 1rem;
  }

  .xl\:max-h-5 {
    max-height: 1.25rem;
  }

  .xl\:max-h-6 {
    max-height: 1.5rem;
  }

  .xl\:max-h-7 {
    max-height: 1.75rem;
  }

  .xl\:max-h-8 {
    max-height: 2rem;
  }

  .xl\:max-h-9 {
    max-height: 2.25rem;
  }

  .xl\:max-h-10 {
    max-height: 2.5rem;
  }

  .xl\:max-h-11 {
    max-height: 2.75rem;
  }

  .xl\:max-h-12 {
    max-height: 3rem;
  }

  .xl\:max-h-14 {
    max-height: 3.5rem;
  }

  .xl\:max-h-16 {
    max-height: 4rem;
  }

  .xl\:max-h-20 {
    max-height: 5rem;
  }

  .xl\:max-h-24 {
    max-height: 6rem;
  }

  .xl\:max-h-28 {
    max-height: 7rem;
  }

  .xl\:max-h-32 {
    max-height: 8rem;
  }

  .xl\:max-h-36 {
    max-height: 9rem;
  }

  .xl\:max-h-40 {
    max-height: 10rem;
  }

  .xl\:max-h-44 {
    max-height: 11rem;
  }

  .xl\:max-h-48 {
    max-height: 12rem;
  }

  .xl\:max-h-52 {
    max-height: 13rem;
  }

  .xl\:max-h-56 {
    max-height: 14rem;
  }

  .xl\:max-h-60 {
    max-height: 15rem;
  }

  .xl\:max-h-64 {
    max-height: 16rem;
  }

  .xl\:max-h-72 {
    max-height: 18rem;
  }

  .xl\:max-h-80 {
    max-height: 20rem;
  }

  .xl\:max-h-96 {
    max-height: 24rem;
  }

  .xl\:max-h-px {
    max-height: 1px;
  }

  .xl\:max-h-0\.5 {
    max-height: 0.125rem;
  }

  .xl\:max-h-1\.5 {
    max-height: 0.375rem;
  }

  .xl\:max-h-2\.5 {
    max-height: 0.625rem;
  }

  .xl\:max-h-3\.5 {
    max-height: 0.875rem;
  }

  .xl\:max-h-full {
    max-height: 100%;
  }

  .xl\:max-h-screen {
    max-height: 100vh;
  }

  .xl\:min-h-0 {
    min-height: 0px;
  }

  .xl\:min-h-full {
    min-height: 100%;
  }

  .xl\:min-h-screen {
    min-height: 100vh;
  }

  .xl\:w-0 {
    width: 0px;
  }

  .xl\:w-1 {
    width: 0.25rem;
  }

  .xl\:w-2 {
    width: 0.5rem;
  }

  .xl\:w-3 {
    width: 0.75rem;
  }

  .xl\:w-4 {
    width: 1rem;
  }

  .xl\:w-5 {
    width: 1.25rem;
  }

  .xl\:w-6 {
    width: 1.5rem;
  }

  .xl\:w-7 {
    width: 1.75rem;
  }

  .xl\:w-8 {
    width: 2rem;
  }

  .xl\:w-9 {
    width: 2.25rem;
  }

  .xl\:w-10 {
    width: 2.5rem;
  }

  .xl\:w-11 {
    width: 2.75rem;
  }

  .xl\:w-12 {
    width: 3rem;
  }

  .xl\:w-14 {
    width: 3.5rem;
  }

  .xl\:w-16 {
    width: 4rem;
  }

  .xl\:w-20 {
    width: 5rem;
  }

  .xl\:w-24 {
    width: 6rem;
  }

  .xl\:w-28 {
    width: 7rem;
  }

  .xl\:w-32 {
    width: 8rem;
  }

  .xl\:w-36 {
    width: 9rem;
  }

  .xl\:w-40 {
    width: 10rem;
  }

  .xl\:w-44 {
    width: 11rem;
  }

  .xl\:w-48 {
    width: 12rem;
  }

  .xl\:w-52 {
    width: 13rem;
  }

  .xl\:w-56 {
    width: 14rem;
  }

  .xl\:w-60 {
    width: 15rem;
  }

  .xl\:w-64 {
    width: 16rem;
  }

  .xl\:w-72 {
    width: 18rem;
  }

  .xl\:w-80 {
    width: 20rem;
  }

  .xl\:w-96 {
    width: 24rem;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:w-px {
    width: 1px;
  }

  .xl\:w-0\.5 {
    width: 0.125rem;
  }

  .xl\:w-1\.5 {
    width: 0.375rem;
  }

  .xl\:w-2\.5 {
    width: 0.625rem;
  }

  .xl\:w-3\.5 {
    width: 0.875rem;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/3 {
    width: 33.333333%;
  }

  .xl\:w-2\/3 {
    width: 66.666667%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:w-2\/4 {
    width: 50%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-1\/5 {
    width: 20%;
  }

  .xl\:w-2\/5 {
    width: 40%;
  }

  .xl\:w-3\/5 {
    width: 60%;
  }

  .xl\:w-4\/5 {
    width: 80%;
  }

  .xl\:w-1\/6 {
    width: 16.666667%;
  }

  .xl\:w-2\/6 {
    width: 33.333333%;
  }

  .xl\:w-3\/6 {
    width: 50%;
  }

  .xl\:w-4\/6 {
    width: 66.666667%;
  }

  .xl\:w-5\/6 {
    width: 83.333333%;
  }

  .xl\:w-1\/12 {
    width: 8.333333%;
  }

  .xl\:w-2\/12 {
    width: 16.666667%;
  }

  .xl\:w-3\/12 {
    width: 25%;
  }

  .xl\:w-4\/12 {
    width: 33.333333%;
  }

  .xl\:w-5\/12 {
    width: 41.666667%;
  }

  .xl\:w-6\/12 {
    width: 50%;
  }

  .xl\:w-7\/12 {
    width: 58.333333%;
  }

  .xl\:w-8\/12 {
    width: 66.666667%;
  }

  .xl\:w-9\/12 {
    width: 75%;
  }

  .xl\:w-10\/12 {
    width: 83.333333%;
  }

  .xl\:w-11\/12 {
    width: 91.666667%;
  }

  .xl\:w-full {
    width: 100%;
  }

  .xl\:w-screen {
    width: 100vw;
  }

  .xl\:w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  .xl\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .xl\:min-w-0 {
    min-width: 0px;
  }

  .xl\:min-w-full {
    min-width: 100%;
  }

  .xl\:min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }

  .xl\:min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .xl\:max-w-0 {
    max-width: 0rem;
  }

  .xl\:max-w-none {
    max-width: none;
  }

  .xl\:max-w-xs {
    max-width: 20rem;
  }

  .xl\:max-w-sm {
    max-width: 24rem;
  }

  .xl\:max-w-md {
    max-width: 28rem;
  }

  .xl\:max-w-lg {
    max-width: 32rem;
  }

  .xl\:max-w-xl {
    max-width: 36rem;
  }

  .xl\:max-w-2xl {
    max-width: 42rem;
  }

  .xl\:max-w-3xl {
    max-width: 48rem;
  }

  .xl\:max-w-4xl {
    max-width: 56rem;
  }

  .xl\:max-w-5xl {
    max-width: 64rem;
  }

  .xl\:max-w-6xl {
    max-width: 72rem;
  }

  .xl\:max-w-7xl {
    max-width: 80rem;
  }

  .xl\:max-w-full {
    max-width: 100%;
  }

  .xl\:max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .xl\:max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .xl\:max-w-prose {
    max-width: 65ch;
  }

  .xl\:max-w-screen-sm {
    max-width: 640px;
  }

  .xl\:max-w-screen-md {
    max-width: 768px;
  }

  .xl\:max-w-screen-lg {
    max-width: 1024px;
  }

  .xl\:max-w-screen-xl {
    max-width: 1280px;
  }

  .xl\:max-w-screen-2xl {
    max-width: 1536px;
  }

  .xl\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }

  .xl\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .xl\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .xl\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .xl\:flex-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .xl\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .xl\:flex-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .xl\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .xl\:table-auto {
    table-layout: auto;
  }

  .xl\:table-fixed {
    table-layout: fixed;
  }

  .xl\:border-collapse {
    border-collapse: collapse;
  }

  .xl\:border-separate {
    border-collapse: separate;
  }

  .xl\:origin-center {
    -webkit-transform-origin: center;
            transform-origin: center;
  }

  .xl\:origin-top {
    -webkit-transform-origin: top;
            transform-origin: top;
  }

  .xl\:origin-top-right {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }

  .xl\:origin-right {
    -webkit-transform-origin: right;
            transform-origin: right;
  }

  .xl\:origin-bottom-right {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }

  .xl\:origin-bottom {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }

  .xl\:origin-bottom-left {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }

  .xl\:origin-left {
    -webkit-transform-origin: left;
            transform-origin: left;
  }

  .xl\:origin-top-left {
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  .xl\:transform {
    --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;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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\:transform-gpu {
    --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;
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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\:transform-none {
    -webkit-transform: none;
            transform: none;
  }

  .xl\:translate-x-0 {
    --tw-translate-x: 0px;
  }

  .xl\:translate-x-1 {
    --tw-translate-x: 0.25rem;
  }

  .xl\:translate-x-2 {
    --tw-translate-x: 0.5rem;
  }

  .xl\:translate-x-3 {
    --tw-translate-x: 0.75rem;
  }

  .xl\:translate-x-4 {
    --tw-translate-x: 1rem;
  }

  .xl\:translate-x-5 {
    --tw-translate-x: 1.25rem;
  }

  .xl\:translate-x-6 {
    --tw-translate-x: 1.5rem;
  }

  .xl\:translate-x-7 {
    --tw-translate-x: 1.75rem;
  }

  .xl\:translate-x-8 {
    --tw-translate-x: 2rem;
  }

  .xl\:translate-x-9 {
    --tw-translate-x: 2.25rem;
  }

  .xl\:translate-x-10 {
    --tw-translate-x: 2.5rem;
  }

  .xl\:translate-x-11 {
    --tw-translate-x: 2.75rem;
  }

  .xl\:translate-x-12 {
    --tw-translate-x: 3rem;
  }

  .xl\:translate-x-14 {
    --tw-translate-x: 3.5rem;
  }

  .xl\:translate-x-16 {
    --tw-translate-x: 4rem;
  }

  .xl\:translate-x-20 {
    --tw-translate-x: 5rem;
  }

  .xl\:translate-x-24 {
    --tw-translate-x: 6rem;
  }

  .xl\:translate-x-28 {
    --tw-translate-x: 7rem;
  }

  .xl\:translate-x-32 {
    --tw-translate-x: 8rem;
  }

  .xl\:translate-x-36 {
    --tw-translate-x: 9rem;
  }

  .xl\:translate-x-40 {
    --tw-translate-x: 10rem;
  }

  .xl\:translate-x-44 {
    --tw-translate-x: 11rem;
  }

  .xl\:translate-x-48 {
    --tw-translate-x: 12rem;
  }

  .xl\:translate-x-52 {
    --tw-translate-x: 13rem;
  }

  .xl\:translate-x-56 {
    --tw-translate-x: 14rem;
  }

  .xl\:translate-x-60 {
    --tw-translate-x: 15rem;
  }

  .xl\:translate-x-64 {
    --tw-translate-x: 16rem;
  }

  .xl\:translate-x-72 {
    --tw-translate-x: 18rem;
  }

  .xl\:translate-x-80 {
    --tw-translate-x: 20rem;
  }

  .xl\:translate-x-96 {
    --tw-translate-x: 24rem;
  }

  .xl\:translate-x-px {
    --tw-translate-x: 1px;
  }

  .xl\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
  }

  .xl\:translate-x-1\.5 {
    --tw-translate-x: 0.375rem;
  }

  .xl\:translate-x-2\.5 {
    --tw-translate-x: 0.625rem;
  }

  .xl\:translate-x-3\.5 {
    --tw-translate-x: 0.875rem;
  }

  .xl\:-translate-x-0 {
    --tw-translate-x: 0px;
  }

  .xl\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
  }

  .xl\:-translate-x-2 {
    --tw-translate-x: -0.5rem;
  }

  .xl\:-translate-x-3 {
    --tw-translate-x: -0.75rem;
  }

  .xl\:-translate-x-4 {
    --tw-translate-x: -1rem;
  }

  .xl\:-translate-x-5 {
    --tw-translate-x: -1.25rem;
  }

  .xl\:-translate-x-6 {
    --tw-translate-x: -1.5rem;
  }

  .xl\:-translate-x-7 {
    --tw-translate-x: -1.75rem;
  }

  .xl\:-translate-x-8 {
    --tw-translate-x: -2rem;
  }

  .xl\:-translate-x-9 {
    --tw-translate-x: -2.25rem;
  }

  .xl\:-translate-x-10 {
    --tw-translate-x: -2.5rem;
  }

  .xl\:-translate-x-11 {
    --tw-translate-x: -2.75rem;
  }

  .xl\:-translate-x-12 {
    --tw-translate-x: -3rem;
  }

  .xl\:-translate-x-14 {
    --tw-translate-x: -3.5rem;
  }

  .xl\:-translate-x-16 {
    --tw-translate-x: -4rem;
  }

  .xl\:-translate-x-20 {
    --tw-translate-x: -5rem;
  }

  .xl\:-translate-x-24 {
    --tw-translate-x: -6rem;
  }

  .xl\:-translate-x-28 {
    --tw-translate-x: -7rem;
  }

  .xl\:-translate-x-32 {
    --tw-translate-x: -8rem;
  }

  .xl\:-translate-x-36 {
    --tw-translate-x: -9rem;
  }

  .xl\:-translate-x-40 {
    --tw-translate-x: -10rem;
  }

  .xl\:-translate-x-44 {
    --tw-translate-x: -11rem;
  }

  .xl\:-translate-x-48 {
    --tw-translate-x: -12rem;
  }

  .xl\:-translate-x-52 {
    --tw-translate-x: -13rem;
  }

  .xl\:-translate-x-56 {
    --tw-translate-x: -14rem;
  }

  .xl\:-translate-x-60 {
    --tw-translate-x: -15rem;
  }

  .xl\:-translate-x-64 {
    --tw-translate-x: -16rem;
  }

  .xl\:-translate-x-72 {
    --tw-translate-x: -18rem;
  }

  .xl\:-translate-x-80 {
    --tw-translate-x: -20rem;
  }

  .xl\:-translate-x-96 {
    --tw-translate-x: -24rem;
  }

  .xl\:-translate-x-px {
    --tw-translate-x: -1px;
  }

  .xl\:-translate-x-0\.5 {
    --tw-translate-x: -0.125rem;
  }

  .xl\:-translate-x-1\.5 {
    --tw-translate-x: -0.375rem;
  }

  .xl\:-translate-x-2\.5 {
    --tw-translate-x: -0.625rem;
  }

  .xl\:-translate-x-3\.5 {
    --tw-translate-x: -0.875rem;
  }

  .xl\:translate-x-1\/2 {
    --tw-translate-x: 50%;
  }

  .xl\:translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
  }

  .xl\:translate-x-2\/3 {
    --tw-translate-x: 66.666667%;
  }

  .xl\:translate-x-1\/4 {
    --tw-translate-x: 25%;
  }

  .xl\:translate-x-2\/4 {
    --tw-translate-x: 50%;
  }

  .xl\:translate-x-3\/4 {
    --tw-translate-x: 75%;
  }

  .xl\:translate-x-full {
    --tw-translate-x: 100%;
  }

  .xl\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .xl\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
  }

  .xl\:-translate-x-2\/3 {
    --tw-translate-x: -66.666667%;
  }

  .xl\:-translate-x-1\/4 {
    --tw-translate-x: -25%;
  }

  .xl\:-translate-x-2\/4 {
    --tw-translate-x: -50%;
  }

  .xl\:-translate-x-3\/4 {
    --tw-translate-x: -75%;
  }

  .xl\:-translate-x-full {
    --tw-translate-x: -100%;
  }

  .xl\:translate-y-0 {
    --tw-translate-y: 0px;
  }

  .xl\:translate-y-1 {
    --tw-translate-y: 0.25rem;
  }

  .xl\:translate-y-2 {
    --tw-translate-y: 0.5rem;
  }

  .xl\:translate-y-3 {
    --tw-translate-y: 0.75rem;
  }

  .xl\:translate-y-4 {
    --tw-translate-y: 1rem;
  }

  .xl\:translate-y-5 {
    --tw-translate-y: 1.25rem;
  }

  .xl\:translate-y-6 {
    --tw-translate-y: 1.5rem;
  }

  .xl\:translate-y-7 {
    --tw-translate-y: 1.75rem;
  }

  .xl\:translate-y-8 {
    --tw-translate-y: 2rem;
  }

  .xl\:translate-y-9 {
    --tw-translate-y: 2.25rem;
  }

  .xl\:translate-y-10 {
    --tw-translate-y: 2.5rem;
  }

  .xl\:translate-y-11 {
    --tw-translate-y: 2.75rem;
  }

  .xl\:translate-y-12 {
    --tw-translate-y: 3rem;
  }

  .xl\:translate-y-14 {
    --tw-translate-y: 3.5rem;
  }

  .xl\:translate-y-16 {
    --tw-translate-y: 4rem;
  }

  .xl\:translate-y-20 {
    --tw-translate-y: 5rem;
  }

  .xl\:translate-y-24 {
    --tw-translate-y: 6rem;
  }

  .xl\:translate-y-28 {
    --tw-translate-y: 7rem;
  }

  .xl\:translate-y-32 {
    --tw-translate-y: 8rem;
  }

  .xl\:translate-y-36 {
    --tw-translate-y: 9rem;
  }

  .xl\:translate-y-40 {
    --tw-translate-y: 10rem;
  }

  .xl\:translate-y-44 {
    --tw-translate-y: 11rem;
  }

  .xl\:translate-y-48 {
    --tw-translate-y: 12rem;
  }

  .xl\:translate-y-52 {
    --tw-translate-y: 13rem;
  }

  .xl\:translate-y-56 {
    --tw-translate-y: 14rem;
  }

  .xl\:translate-y-60 {
    --tw-translate-y: 15rem;
  }

  .xl\:translate-y-64 {
    --tw-translate-y: 16rem;
  }

  .xl\:translate-y-72 {
    --tw-translate-y: 18rem;
  }

  .xl\:translate-y-80 {
    --tw-translate-y: 20rem;
  }

  .xl\:translate-y-96 {
    --tw-translate-y: 24rem;
  }

  .xl\:translate-y-px {
    --tw-translate-y: 1px;
  }

  .xl\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
  }

  .xl\:translate-y-1\.5 {
    --tw-translate-y: 0.375rem;
  }

  .xl\:translate-y-2\.5 {
    --tw-translate-y: 0.625rem;
  }

  .xl\:translate-y-3\.5 {
    --tw-translate-y: 0.875rem;
  }

  .xl\:-translate-y-0 {
    --tw-translate-y: 0px;
  }

  .xl\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
  }

  .xl\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
  }

  .xl\:-translate-y-3 {
    --tw-translate-y: -0.75rem;
  }

  .xl\:-translate-y-4 {
    --tw-translate-y: -1rem;
  }

  .xl\:-translate-y-5 {
    --tw-translate-y: -1.25rem;
  }

  .xl\:-translate-y-6 {
    --tw-translate-y: -1.5rem;
  }

  .xl\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
  }

  .xl\:-translate-y-8 {
    --tw-translate-y: -2rem;
  }

  .xl\:-translate-y-9 {
    --tw-translate-y: -2.25rem;
  }

  .xl\:-translate-y-10 {
    --tw-translate-y: -2.5rem;
  }

  .xl\:-translate-y-11 {
    --tw-translate-y: -2.75rem;
  }

  .xl\:-translate-y-12 {
    --tw-translate-y: -3rem;
  }

  .xl\:-translate-y-14 {
    --tw-translate-y: -3.5rem;
  }

  .xl\:-translate-y-16 {
    --tw-translate-y: -4rem;
  }

  .xl\:-translate-y-20 {
    --tw-translate-y: -5rem;
  }

  .xl\:-translate-y-24 {
    --tw-translate-y: -6rem;
  }

  .xl\:-translate-y-28 {
    --tw-translate-y: -7rem;
  }

  .xl\:-translate-y-32 {
    --tw-translate-y: -8rem;
  }

  .xl\:-translate-y-36 {
    --tw-translate-y: -9rem;
  }

  .xl\:-translate-y-40 {
    --tw-translate-y: -10rem;
  }

  .xl\:-translate-y-44 {
    --tw-translate-y: -11rem;
  }

  .xl\:-translate-y-48 {
    --tw-translate-y: -12rem;
  }

  .xl\:-translate-y-52 {
    --tw-translate-y: -13rem;
  }

  .xl\:-translate-y-56 {
    --tw-translate-y: -14rem;
  }

  .xl\:-translate-y-60 {
    --tw-translate-y: -15rem;
  }

  .xl\:-translate-y-64 {
    --tw-translate-y: -16rem;
  }

  .xl\:-translate-y-72 {
    --tw-translate-y: -18rem;
  }

  .xl\:-translate-y-80 {
    --tw-translate-y: -20rem;
  }

  .xl\:-translate-y-96 {
    --tw-translate-y: -24rem;
  }

  .xl\:-translate-y-px {
    --tw-translate-y: -1px;
  }

  .xl\:-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
  }

  .xl\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
  }

  .xl\:-translate-y-2\.5 {
    --tw-translate-y: -0.625rem;
  }

  .xl\:-translate-y-3\.5 {
    --tw-translate-y: -0.875rem;
  }

  .xl\:translate-y-1\/2 {
    --tw-translate-y: 50%;
  }

  .xl\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }

  .xl\:translate-y-2\/3 {
    --tw-translate-y: 66.666667%;
  }

  .xl\:translate-y-1\/4 {
    --tw-translate-y: 25%;
  }

  .xl\:translate-y-2\/4 {
    --tw-translate-y: 50%;
  }

  .xl\:translate-y-3\/4 {
    --tw-translate-y: 75%;
  }

  .xl\:translate-y-full {
    --tw-translate-y: 100%;
  }

  .xl\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .xl\:-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
  }

  .xl\:-translate-y-2\/3 {
    --tw-translate-y: -66.666667%;
  }

  .xl\:-translate-y-1\/4 {
    --tw-translate-y: -25%;
  }

  .xl\:-translate-y-2\/4 {
    --tw-translate-y: -50%;
  }

  .xl\:-translate-y-3\/4 {
    --tw-translate-y: -75%;
  }

  .xl\:-translate-y-full {
    --tw-translate-y: -100%;
  }

  .xl\:hover\:translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .xl\:hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem;
  }

  .xl\:hover\:translate-x-2:hover {
    --tw-translate-x: 0.5rem;
  }

  .xl\:hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem;
  }

  .xl\:hover\:translate-x-4:hover {
    --tw-translate-x: 1rem;
  }

  .xl\:hover\:translate-x-5:hover {
    --tw-translate-x: 1.25rem;
  }

  .xl\:hover\:translate-x-6:hover {
    --tw-translate-x: 1.5rem;
  }

  .xl\:hover\:translate-x-7:hover {
    --tw-translate-x: 1.75rem;
  }

  .xl\:hover\:translate-x-8:hover {
    --tw-translate-x: 2rem;
  }

  .xl\:hover\:translate-x-9:hover {
    --tw-translate-x: 2.25rem;
  }

  .xl\:hover\:translate-x-10:hover {
    --tw-translate-x: 2.5rem;
  }

  .xl\:hover\:translate-x-11:hover {
    --tw-translate-x: 2.75rem;
  }

  .xl\:hover\:translate-x-12:hover {
    --tw-translate-x: 3rem;
  }

  .xl\:hover\:translate-x-14:hover {
    --tw-translate-x: 3.5rem;
  }

  .xl\:hover\:translate-x-16:hover {
    --tw-translate-x: 4rem;
  }

  .xl\:hover\:translate-x-20:hover {
    --tw-translate-x: 5rem;
  }

  .xl\:hover\:translate-x-24:hover {
    --tw-translate-x: 6rem;
  }

  .xl\:hover\:translate-x-28:hover {
    --tw-translate-x: 7rem;
  }

  .xl\:hover\:translate-x-32:hover {
    --tw-translate-x: 8rem;
  }

  .xl\:hover\:translate-x-36:hover {
    --tw-translate-x: 9rem;
  }

  .xl\:hover\:translate-x-40:hover {
    --tw-translate-x: 10rem;
  }

  .xl\:hover\:translate-x-44:hover {
    --tw-translate-x: 11rem;
  }

  .xl\:hover\:translate-x-48:hover {
    --tw-translate-x: 12rem;
  }

  .xl\:hover\:translate-x-52:hover {
    --tw-translate-x: 13rem;
  }

  .xl\:hover\:translate-x-56:hover {
    --tw-translate-x: 14rem;
  }

  .xl\:hover\:translate-x-60:hover {
    --tw-translate-x: 15rem;
  }

  .xl\:hover\:translate-x-64:hover {
    --tw-translate-x: 16rem;
  }

  .xl\:hover\:translate-x-72:hover {
    --tw-translate-x: 18rem;
  }

  .xl\:hover\:translate-x-80:hover {
    --tw-translate-x: 20rem;
  }

  .xl\:hover\:translate-x-96:hover {
    --tw-translate-x: 24rem;
  }

  .xl\:hover\:translate-x-px:hover {
    --tw-translate-x: 1px;
  }

  .xl\:hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem;
  }

  .xl\:hover\:translate-x-1\.5:hover {
    --tw-translate-x: 0.375rem;
  }

  .xl\:hover\:translate-x-2\.5:hover {
    --tw-translate-x: 0.625rem;
  }

  .xl\:hover\:translate-x-3\.5:hover {
    --tw-translate-x: 0.875rem;
  }

  .xl\:hover\:-translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .xl\:hover\:-translate-x-1:hover {
    --tw-translate-x: -0.25rem;
  }

  .xl\:hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem;
  }

  .xl\:hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem;
  }

  .xl\:hover\:-translate-x-4:hover {
    --tw-translate-x: -1rem;
  }

  .xl\:hover\:-translate-x-5:hover {
    --tw-translate-x: -1.25rem;
  }

  .xl\:hover\:-translate-x-6:hover {
    --tw-translate-x: -1.5rem;
  }

  .xl\:hover\:-translate-x-7:hover {
    --tw-translate-x: -1.75rem;
  }

  .xl\:hover\:-translate-x-8:hover {
    --tw-translate-x: -2rem;
  }

  .xl\:hover\:-translate-x-9:hover {
    --tw-translate-x: -2.25rem;
  }

  .xl\:hover\:-translate-x-10:hover {
    --tw-translate-x: -2.5rem;
  }

  .xl\:hover\:-translate-x-11:hover {
    --tw-translate-x: -2.75rem;
  }

  .xl\:hover\:-translate-x-12:hover {
    --tw-translate-x: -3rem;
  }

  .xl\:hover\:-translate-x-14:hover {
    --tw-translate-x: -3.5rem;
  }

  .xl\:hover\:-translate-x-16:hover {
    --tw-translate-x: -4rem;
  }

  .xl\:hover\:-translate-x-20:hover {
    --tw-translate-x: -5rem;
  }

  .xl\:hover\:-translate-x-24:hover {
    --tw-translate-x: -6rem;
  }

  .xl\:hover\:-translate-x-28:hover {
    --tw-translate-x: -7rem;
  }

  .xl\:hover\:-translate-x-32:hover {
    --tw-translate-x: -8rem;
  }

  .xl\:hover\:-translate-x-36:hover {
    --tw-translate-x: -9rem;
  }

  .xl\:hover\:-translate-x-40:hover {
    --tw-translate-x: -10rem;
  }

  .xl\:hover\:-translate-x-44:hover {
    --tw-translate-x: -11rem;
  }

  .xl\:hover\:-translate-x-48:hover {
    --tw-translate-x: -12rem;
  }

  .xl\:hover\:-translate-x-52:hover {
    --tw-translate-x: -13rem;
  }

  .xl\:hover\:-translate-x-56:hover {
    --tw-translate-x: -14rem;
  }

  .xl\:hover\:-translate-x-60:hover {
    --tw-translate-x: -15rem;
  }

  .xl\:hover\:-translate-x-64:hover {
    --tw-translate-x: -16rem;
  }

  .xl\:hover\:-translate-x-72:hover {
    --tw-translate-x: -18rem;
  }

  .xl\:hover\:-translate-x-80:hover {
    --tw-translate-x: -20rem;
  }

  .xl\:hover\:-translate-x-96:hover {
    --tw-translate-x: -24rem;
  }

  .xl\:hover\:-translate-x-px:hover {
    --tw-translate-x: -1px;
  }

  .xl\:hover\:-translate-x-0\.5:hover {
    --tw-translate-x: -0.125rem;
  }

  .xl\:hover\:-translate-x-1\.5:hover {
    --tw-translate-x: -0.375rem;
  }

  .xl\:hover\:-translate-x-2\.5:hover {
    --tw-translate-x: -0.625rem;
  }

  .xl\:hover\:-translate-x-3\.5:hover {
    --tw-translate-x: -0.875rem;
  }

  .xl\:hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%;
  }

  .xl\:hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%;
  }

  .xl\:hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%;
  }

  .xl\:hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%;
  }

  .xl\:hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%;
  }

  .xl\:hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%;
  }

  .xl\:hover\:translate-x-full:hover {
    --tw-translate-x: 100%;
  }

  .xl\:hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%;
  }

  .xl\:hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%;
  }

  .xl\:hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%;
  }

  .xl\:hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%;
  }

  .xl\:hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%;
  }

  .xl\:hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%;
  }

  .xl\:hover\:-translate-x-full:hover {
    --tw-translate-x: -100%;
  }

  .xl\:hover\:translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .xl\:hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem;
  }

  .xl\:hover\:translate-y-2:hover {
    --tw-translate-y: 0.5rem;
  }

  .xl\:hover\:translate-y-3:hover {
    --tw-translate-y: 0.75rem;
  }

  .xl\:hover\:translate-y-4:hover {
    --tw-translate-y: 1rem;
  }

  .xl\:hover\:translate-y-5:hover {
    --tw-translate-y: 1.25rem;
  }

  .xl\:hover\:translate-y-6:hover {
    --tw-translate-y: 1.5rem;
  }

  .xl\:hover\:translate-y-7:hover {
    --tw-translate-y: 1.75rem;
  }

  .xl\:hover\:translate-y-8:hover {
    --tw-translate-y: 2rem;
  }

  .xl\:hover\:translate-y-9:hover {
    --tw-translate-y: 2.25rem;
  }

  .xl\:hover\:translate-y-10:hover {
    --tw-translate-y: 2.5rem;
  }

  .xl\:hover\:translate-y-11:hover {
    --tw-translate-y: 2.75rem;
  }

  .xl\:hover\:translate-y-12:hover {
    --tw-translate-y: 3rem;
  }

  .xl\:hover\:translate-y-14:hover {
    --tw-translate-y: 3.5rem;
  }

  .xl\:hover\:translate-y-16:hover {
    --tw-translate-y: 4rem;
  }

  .xl\:hover\:translate-y-20:hover {
    --tw-translate-y: 5rem;
  }

  .xl\:hover\:translate-y-24:hover {
    --tw-translate-y: 6rem;
  }

  .xl\:hover\:translate-y-28:hover {
    --tw-translate-y: 7rem;
  }

  .xl\:hover\:translate-y-32:hover {
    --tw-translate-y: 8rem;
  }

  .xl\:hover\:translate-y-36:hover {
    --tw-translate-y: 9rem;
  }

  .xl\:hover\:translate-y-40:hover {
    --tw-translate-y: 10rem;
  }

  .xl\:hover\:translate-y-44:hover {
    --tw-translate-y: 11rem;
  }

  .xl\:hover\:translate-y-48:hover {
    --tw-translate-y: 12rem;
  }

  .xl\:hover\:translate-y-52:hover {
    --tw-translate-y: 13rem;
  }

  .xl\:hover\:translate-y-56:hover {
    --tw-translate-y: 14rem;
  }

  .xl\:hover\:translate-y-60:hover {
    --tw-translate-y: 15rem;
  }

  .xl\:hover\:translate-y-64:hover {
    --tw-translate-y: 16rem;
  }

  .xl\:hover\:translate-y-72:hover {
    --tw-translate-y: 18rem;
  }

  .xl\:hover\:translate-y-80:hover {
    --tw-translate-y: 20rem;
  }

  .xl\:hover\:translate-y-96:hover {
    --tw-translate-y: 24rem;
  }

  .xl\:hover\:translate-y-px:hover {
    --tw-translate-y: 1px;
  }

  .xl\:hover\:translate-y-0\.5:hover {
    --tw-translate-y: 0.125rem;
  }

  .xl\:hover\:translate-y-1\.5:hover {
    --tw-translate-y: 0.375rem;
  }

  .xl\:hover\:translate-y-2\.5:hover {
    --tw-translate-y: 0.625rem;
  }

  .xl\:hover\:translate-y-3\.5:hover {
    --tw-translate-y: 0.875rem;
  }

  .xl\:hover\:-translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .xl\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
  }

  .xl\:hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
  }

  .xl\:hover\:-translate-y-3:hover {
    --tw-translate-y: -0.75rem;
  }

  .xl\:hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem;
  }

  .xl\:hover\:-translate-y-5:hover {
    --tw-translate-y: -1.25rem;
  }

  .xl\:hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem;
  }

  .xl\:hover\:-translate-y-7:hover {
    --tw-translate-y: -1.75rem;
  }

  .xl\:hover\:-translate-y-8:hover {
    --tw-translate-y: -2rem;
  }

  .xl\:hover\:-translate-y-9:hover {
    --tw-translate-y: -2.25rem;
  }

  .xl\:hover\:-translate-y-10:hover {
    --tw-translate-y: -2.5rem;
  }

  .xl\:hover\:-translate-y-11:hover {
    --tw-translate-y: -2.75rem;
  }

  .xl\:hover\:-translate-y-12:hover {
    --tw-translate-y: -3rem;
  }

  .xl\:hover\:-translate-y-14:hover {
    --tw-translate-y: -3.5rem;
  }

  .xl\:hover\:-translate-y-16:hover {
    --tw-translate-y: -4rem;
  }

  .xl\:hover\:-translate-y-20:hover {
    --tw-translate-y: -5rem;
  }

  .xl\:hover\:-translate-y-24:hover {
    --tw-translate-y: -6rem;
  }

  .xl\:hover\:-translate-y-28:hover {
    --tw-translate-y: -7rem;
  }

  .xl\:hover\:-translate-y-32:hover {
    --tw-translate-y: -8rem;
  }

  .xl\:hover\:-translate-y-36:hover {
    --tw-translate-y: -9rem;
  }

  .xl\:hover\:-translate-y-40:hover {
    --tw-translate-y: -10rem;
  }

  .xl\:hover\:-translate-y-44:hover {
    --tw-translate-y: -11rem;
  }

  .xl\:hover\:-translate-y-48:hover {
    --tw-translate-y: -12rem;
  }

  .xl\:hover\:-translate-y-52:hover {
    --tw-translate-y: -13rem;
  }

  .xl\:hover\:-translate-y-56:hover {
    --tw-translate-y: -14rem;
  }

  .xl\:hover\:-translate-y-60:hover {
    --tw-translate-y: -15rem;
  }

  .xl\:hover\:-translate-y-64:hover {
    --tw-translate-y: -16rem;
  }

  .xl\:hover\:-translate-y-72:hover {
    --tw-translate-y: -18rem;
  }

  .xl\:hover\:-translate-y-80:hover {
    --tw-translate-y: -20rem;
  }

  .xl\:hover\:-translate-y-96:hover {
    --tw-translate-y: -24rem;
  }

  .xl\:hover\:-translate-y-px:hover {
    --tw-translate-y: -1px;
  }

  .xl\:hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
  }

  .xl\:hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -0.375rem;
  }

  .xl\:hover\:-translate-y-2\.5:hover {
    --tw-translate-y: -0.625rem;
  }

  .xl\:hover\:-translate-y-3\.5:hover {
    --tw-translate-y: -0.875rem;
  }

  .xl\:hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%;
  }

  .xl\:hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%;
  }

  .xl\:hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%;
  }

  .xl\:hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%;
  }

  .xl\:hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%;
  }

  .xl\:hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%;
  }

  .xl\:hover\:translate-y-full:hover {
    --tw-translate-y: 100%;
  }

  .xl\:hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%;
  }

  .xl\:hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%;
  }

  .xl\:hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%;
  }

  .xl\:hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%;
  }

  .xl\:hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%;
  }

  .xl\:hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%;
  }

  .xl\:hover\:-translate-y-full:hover {
    --tw-translate-y: -100%;
  }

  .xl\:focus\:translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .xl\:focus\:translate-x-1:focus {
    --tw-translate-x: 0.25rem;
  }

  .xl\:focus\:translate-x-2:focus {
    --tw-translate-x: 0.5rem;
  }

  .xl\:focus\:translate-x-3:focus {
    --tw-translate-x: 0.75rem;
  }

  .xl\:focus\:translate-x-4:focus {
    --tw-translate-x: 1rem;
  }

  .xl\:focus\:translate-x-5:focus {
    --tw-translate-x: 1.25rem;
  }

  .xl\:focus\:translate-x-6:focus {
    --tw-translate-x: 1.5rem;
  }

  .xl\:focus\:translate-x-7:focus {
    --tw-translate-x: 1.75rem;
  }

  .xl\:focus\:translate-x-8:focus {
    --tw-translate-x: 2rem;
  }

  .xl\:focus\:translate-x-9:focus {
    --tw-translate-x: 2.25rem;
  }

  .xl\:focus\:translate-x-10:focus {
    --tw-translate-x: 2.5rem;
  }

  .xl\:focus\:translate-x-11:focus {
    --tw-translate-x: 2.75rem;
  }

  .xl\:focus\:translate-x-12:focus {
    --tw-translate-x: 3rem;
  }

  .xl\:focus\:translate-x-14:focus {
    --tw-translate-x: 3.5rem;
  }

  .xl\:focus\:translate-x-16:focus {
    --tw-translate-x: 4rem;
  }

  .xl\:focus\:translate-x-20:focus {
    --tw-translate-x: 5rem;
  }

  .xl\:focus\:translate-x-24:focus {
    --tw-translate-x: 6rem;
  }

  .xl\:focus\:translate-x-28:focus {
    --tw-translate-x: 7rem;
  }

  .xl\:focus\:translate-x-32:focus {
    --tw-translate-x: 8rem;
  }

  .xl\:focus\:translate-x-36:focus {
    --tw-translate-x: 9rem;
  }

  .xl\:focus\:translate-x-40:focus {
    --tw-translate-x: 10rem;
  }

  .xl\:focus\:translate-x-44:focus {
    --tw-translate-x: 11rem;
  }

  .xl\:focus\:translate-x-48:focus {
    --tw-translate-x: 12rem;
  }

  .xl\:focus\:translate-x-52:focus {
    --tw-translate-x: 13rem;
  }

  .xl\:focus\:translate-x-56:focus {
    --tw-translate-x: 14rem;
  }

  .xl\:focus\:translate-x-60:focus {
    --tw-translate-x: 15rem;
  }

  .xl\:focus\:translate-x-64:focus {
    --tw-translate-x: 16rem;
  }

  .xl\:focus\:translate-x-72:focus {
    --tw-translate-x: 18rem;
  }

  .xl\:focus\:translate-x-80:focus {
    --tw-translate-x: 20rem;
  }

  .xl\:focus\:translate-x-96:focus {
    --tw-translate-x: 24rem;
  }

  .xl\:focus\:translate-x-px:focus {
    --tw-translate-x: 1px;
  }

  .xl\:focus\:translate-x-0\.5:focus {
    --tw-translate-x: 0.125rem;
  }

  .xl\:focus\:translate-x-1\.5:focus {
    --tw-translate-x: 0.375rem;
  }

  .xl\:focus\:translate-x-2\.5:focus {
    --tw-translate-x: 0.625rem;
  }

  .xl\:focus\:translate-x-3\.5:focus {
    --tw-translate-x: 0.875rem;
  }

  .xl\:focus\:-translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .xl\:focus\:-translate-x-1:focus {
    --tw-translate-x: -0.25rem;
  }

  .xl\:focus\:-translate-x-2:focus {
    --tw-translate-x: -0.5rem;
  }

  .xl\:focus\:-translate-x-3:focus {
    --tw-translate-x: -0.75rem;
  }

  .xl\:focus\:-translate-x-4:focus {
    --tw-translate-x: -1rem;
  }

  .xl\:focus\:-translate-x-5:focus {
    --tw-translate-x: -1.25rem;
  }

  .xl\:focus\:-translate-x-6:focus {
    --tw-translate-x: -1.5rem;
  }

  .xl\:focus\:-translate-x-7:focus {
    --tw-translate-x: -1.75rem;
  }

  .xl\:focus\:-translate-x-8:focus {
    --tw-translate-x: -2rem;
  }

  .xl\:focus\:-translate-x-9:focus {
    --tw-translate-x: -2.25rem;
  }

  .xl\:focus\:-translate-x-10:focus {
    --tw-translate-x: -2.5rem;
  }

  .xl\:focus\:-translate-x-11:focus {
    --tw-translate-x: -2.75rem;
  }

  .xl\:focus\:-translate-x-12:focus {
    --tw-translate-x: -3rem;
  }

  .xl\:focus\:-translate-x-14:focus {
    --tw-translate-x: -3.5rem;
  }

  .xl\:focus\:-translate-x-16:focus {
    --tw-translate-x: -4rem;
  }

  .xl\:focus\:-translate-x-20:focus {
    --tw-translate-x: -5rem;
  }

  .xl\:focus\:-translate-x-24:focus {
    --tw-translate-x: -6rem;
  }

  .xl\:focus\:-translate-x-28:focus {
    --tw-translate-x: -7rem;
  }

  .xl\:focus\:-translate-x-32:focus {
    --tw-translate-x: -8rem;
  }

  .xl\:focus\:-translate-x-36:focus {
    --tw-translate-x: -9rem;
  }

  .xl\:focus\:-translate-x-40:focus {
    --tw-translate-x: -10rem;
  }

  .xl\:focus\:-translate-x-44:focus {
    --tw-translate-x: -11rem;
  }

  .xl\:focus\:-translate-x-48:focus {
    --tw-translate-x: -12rem;
  }

  .xl\:focus\:-translate-x-52:focus {
    --tw-translate-x: -13rem;
  }

  .xl\:focus\:-translate-x-56:focus {
    --tw-translate-x: -14rem;
  }

  .xl\:focus\:-translate-x-60:focus {
    --tw-translate-x: -15rem;
  }

  .xl\:focus\:-translate-x-64:focus {
    --tw-translate-x: -16rem;
  }

  .xl\:focus\:-translate-x-72:focus {
    --tw-translate-x: -18rem;
  }

  .xl\:focus\:-translate-x-80:focus {
    --tw-translate-x: -20rem;
  }

  .xl\:focus\:-translate-x-96:focus {
    --tw-translate-x: -24rem;
  }

  .xl\:focus\:-translate-x-px:focus {
    --tw-translate-x: -1px;
  }

  .xl\:focus\:-translate-x-0\.5:focus {
    --tw-translate-x: -0.125rem;
  }

  .xl\:focus\:-translate-x-1\.5:focus {
    --tw-translate-x: -0.375rem;
  }

  .xl\:focus\:-translate-x-2\.5:focus {
    --tw-translate-x: -0.625rem;
  }

  .xl\:focus\:-translate-x-3\.5:focus {
    --tw-translate-x: -0.875rem;
  }

  .xl\:focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%;
  }

  .xl\:focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%;
  }

  .xl\:focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%;
  }

  .xl\:focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%;
  }

  .xl\:focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%;
  }

  .xl\:focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%;
  }

  .xl\:focus\:translate-x-full:focus {
    --tw-translate-x: 100%;
  }

  .xl\:focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%;
  }

  .xl\:focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%;
  }

  .xl\:focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%;
  }

  .xl\:focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%;
  }

  .xl\:focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%;
  }

  .xl\:focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%;
  }

  .xl\:focus\:-translate-x-full:focus {
    --tw-translate-x: -100%;
  }

  .xl\:focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .xl\:focus\:translate-y-1:focus {
    --tw-translate-y: 0.25rem;
  }

  .xl\:focus\:translate-y-2:focus {
    --tw-translate-y: 0.5rem;
  }

  .xl\:focus\:translate-y-3:focus {
    --tw-translate-y: 0.75rem;
  }

  .xl\:focus\:translate-y-4:focus {
    --tw-translate-y: 1rem;
  }

  .xl\:focus\:translate-y-5:focus {
    --tw-translate-y: 1.25rem;
  }

  .xl\:focus\:translate-y-6:focus {
    --tw-translate-y: 1.5rem;
  }

  .xl\:focus\:translate-y-7:focus {
    --tw-translate-y: 1.75rem;
  }

  .xl\:focus\:translate-y-8:focus {
    --tw-translate-y: 2rem;
  }

  .xl\:focus\:translate-y-9:focus {
    --tw-translate-y: 2.25rem;
  }

  .xl\:focus\:translate-y-10:focus {
    --tw-translate-y: 2.5rem;
  }

  .xl\:focus\:translate-y-11:focus {
    --tw-translate-y: 2.75rem;
  }

  .xl\:focus\:translate-y-12:focus {
    --tw-translate-y: 3rem;
  }

  .xl\:focus\:translate-y-14:focus {
    --tw-translate-y: 3.5rem;
  }

  .xl\:focus\:translate-y-16:focus {
    --tw-translate-y: 4rem;
  }

  .xl\:focus\:translate-y-20:focus {
    --tw-translate-y: 5rem;
  }

  .xl\:focus\:translate-y-24:focus {
    --tw-translate-y: 6rem;
  }

  .xl\:focus\:translate-y-28:focus {
    --tw-translate-y: 7rem;
  }

  .xl\:focus\:translate-y-32:focus {
    --tw-translate-y: 8rem;
  }

  .xl\:focus\:translate-y-36:focus {
    --tw-translate-y: 9rem;
  }

  .xl\:focus\:translate-y-40:focus {
    --tw-translate-y: 10rem;
  }

  .xl\:focus\:translate-y-44:focus {
    --tw-translate-y: 11rem;
  }

  .xl\:focus\:translate-y-48:focus {
    --tw-translate-y: 12rem;
  }

  .xl\:focus\:translate-y-52:focus {
    --tw-translate-y: 13rem;
  }

  .xl\:focus\:translate-y-56:focus {
    --tw-translate-y: 14rem;
  }

  .xl\:focus\:translate-y-60:focus {
    --tw-translate-y: 15rem;
  }

  .xl\:focus\:translate-y-64:focus {
    --tw-translate-y: 16rem;
  }

  .xl\:focus\:translate-y-72:focus {
    --tw-translate-y: 18rem;
  }

  .xl\:focus\:translate-y-80:focus {
    --tw-translate-y: 20rem;
  }

  .xl\:focus\:translate-y-96:focus {
    --tw-translate-y: 24rem;
  }

  .xl\:focus\:translate-y-px:focus {
    --tw-translate-y: 1px;
  }

  .xl\:focus\:translate-y-0\.5:focus {
    --tw-translate-y: 0.125rem;
  }

  .xl\:focus\:translate-y-1\.5:focus {
    --tw-translate-y: 0.375rem;
  }

  .xl\:focus\:translate-y-2\.5:focus {
    --tw-translate-y: 0.625rem;
  }

  .xl\:focus\:translate-y-3\.5:focus {
    --tw-translate-y: 0.875rem;
  }

  .xl\:focus\:-translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .xl\:focus\:-translate-y-1:focus {
    --tw-translate-y: -0.25rem;
  }

  .xl\:focus\:-translate-y-2:focus {
    --tw-translate-y: -0.5rem;
  }

  .xl\:focus\:-translate-y-3:focus {
    --tw-translate-y: -0.75rem;
  }

  .xl\:focus\:-translate-y-4:focus {
    --tw-translate-y: -1rem;
  }

  .xl\:focus\:-translate-y-5:focus {
    --tw-translate-y: -1.25rem;
  }

  .xl\:focus\:-translate-y-6:focus {
    --tw-translate-y: -1.5rem;
  }

  .xl\:focus\:-translate-y-7:focus {
    --tw-translate-y: -1.75rem;
  }

  .xl\:focus\:-translate-y-8:focus {
    --tw-translate-y: -2rem;
  }

  .xl\:focus\:-translate-y-9:focus {
    --tw-translate-y: -2.25rem;
  }

  .xl\:focus\:-translate-y-10:focus {
    --tw-translate-y: -2.5rem;
  }

  .xl\:focus\:-translate-y-11:focus {
    --tw-translate-y: -2.75rem;
  }

  .xl\:focus\:-translate-y-12:focus {
    --tw-translate-y: -3rem;
  }

  .xl\:focus\:-translate-y-14:focus {
    --tw-translate-y: -3.5rem;
  }

  .xl\:focus\:-translate-y-16:focus {
    --tw-translate-y: -4rem;
  }

  .xl\:focus\:-translate-y-20:focus {
    --tw-translate-y: -5rem;
  }

  .xl\:focus\:-translate-y-24:focus {
    --tw-translate-y: -6rem;
  }

  .xl\:focus\:-translate-y-28:focus {
    --tw-translate-y: -7rem;
  }

  .xl\:focus\:-translate-y-32:focus {
    --tw-translate-y: -8rem;
  }

  .xl\:focus\:-translate-y-36:focus {
    --tw-translate-y: -9rem;
  }

  .xl\:focus\:-translate-y-40:focus {
    --tw-translate-y: -10rem;
  }

  .xl\:focus\:-translate-y-44:focus {
    --tw-translate-y: -11rem;
  }

  .xl\:focus\:-translate-y-48:focus {
    --tw-translate-y: -12rem;
  }

  .xl\:focus\:-translate-y-52:focus {
    --tw-translate-y: -13rem;
  }

  .xl\:focus\:-translate-y-56:focus {
    --tw-translate-y: -14rem;
  }

  .xl\:focus\:-translate-y-60:focus {
    --tw-translate-y: -15rem;
  }

  .xl\:focus\:-translate-y-64:focus {
    --tw-translate-y: -16rem;
  }

  .xl\:focus\:-translate-y-72:focus {
    --tw-translate-y: -18rem;
  }

  .xl\:focus\:-translate-y-80:focus {
    --tw-translate-y: -20rem;
  }

  .xl\:focus\:-translate-y-96:focus {
    --tw-translate-y: -24rem;
  }

  .xl\:focus\:-translate-y-px:focus {
    --tw-translate-y: -1px;
  }

  .xl\:focus\:-translate-y-0\.5:focus {
    --tw-translate-y: -0.125rem;
  }

  .xl\:focus\:-translate-y-1\.5:focus {
    --tw-translate-y: -0.375rem;
  }

  .xl\:focus\:-translate-y-2\.5:focus {
    --tw-translate-y: -0.625rem;
  }

  .xl\:focus\:-translate-y-3\.5:focus {
    --tw-translate-y: -0.875rem;
  }

  .xl\:focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%;
  }

  .xl\:focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%;
  }

  .xl\:focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%;
  }

  .xl\:focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%;
  }

  .xl\:focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%;
  }

  .xl\:focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%;
  }

  .xl\:focus\:translate-y-full:focus {
    --tw-translate-y: 100%;
  }

  .xl\:focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%;
  }

  .xl\:focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%;
  }

  .xl\:focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%;
  }

  .xl\:focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%;
  }

  .xl\:focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%;
  }

  .xl\:focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%;
  }

  .xl\:focus\:-translate-y-full:focus {
    --tw-translate-y: -100%;
  }

  .xl\:rotate-0 {
    --tw-rotate: 0deg;
  }

  .xl\:rotate-1 {
    --tw-rotate: 1deg;
  }

  .xl\:rotate-2 {
    --tw-rotate: 2deg;
  }

  .xl\:rotate-3 {
    --tw-rotate: 3deg;
  }

  .xl\:rotate-6 {
    --tw-rotate: 6deg;
  }

  .xl\:rotate-12 {
    --tw-rotate: 12deg;
  }

  .xl\:rotate-45 {
    --tw-rotate: 45deg;
  }

  .xl\:rotate-90 {
    --tw-rotate: 90deg;
  }

  .xl\:rotate-180 {
    --tw-rotate: 180deg;
  }

  .xl\:-rotate-180 {
    --tw-rotate: -180deg;
  }

  .xl\:-rotate-90 {
    --tw-rotate: -90deg;
  }

  .xl\:-rotate-45 {
    --tw-rotate: -45deg;
  }

  .xl\:-rotate-12 {
    --tw-rotate: -12deg;
  }

  .xl\:-rotate-6 {
    --tw-rotate: -6deg;
  }

  .xl\:-rotate-3 {
    --tw-rotate: -3deg;
  }

  .xl\:-rotate-2 {
    --tw-rotate: -2deg;
  }

  .xl\:-rotate-1 {
    --tw-rotate: -1deg;
  }

  .xl\:hover\:rotate-0:hover {
    --tw-rotate: 0deg;
  }

  .xl\:hover\:rotate-1:hover {
    --tw-rotate: 1deg;
  }

  .xl\:hover\:rotate-2:hover {
    --tw-rotate: 2deg;
  }

  .xl\:hover\:rotate-3:hover {
    --tw-rotate: 3deg;
  }

  .xl\:hover\:rotate-6:hover {
    --tw-rotate: 6deg;
  }

  .xl\:hover\:rotate-12:hover {
    --tw-rotate: 12deg;
  }

  .xl\:hover\:rotate-45:hover {
    --tw-rotate: 45deg;
  }

  .xl\:hover\:rotate-90:hover {
    --tw-rotate: 90deg;
  }

  .xl\:hover\:rotate-180:hover {
    --tw-rotate: 180deg;
  }

  .xl\:hover\:-rotate-180:hover {
    --tw-rotate: -180deg;
  }

  .xl\:hover\:-rotate-90:hover {
    --tw-rotate: -90deg;
  }

  .xl\:hover\:-rotate-45:hover {
    --tw-rotate: -45deg;
  }

  .xl\:hover\:-rotate-12:hover {
    --tw-rotate: -12deg;
  }

  .xl\:hover\:-rotate-6:hover {
    --tw-rotate: -6deg;
  }

  .xl\:hover\:-rotate-3:hover {
    --tw-rotate: -3deg;
  }

  .xl\:hover\:-rotate-2:hover {
    --tw-rotate: -2deg;
  }

  .xl\:hover\:-rotate-1:hover {
    --tw-rotate: -1deg;
  }

  .xl\:focus\:rotate-0:focus {
    --tw-rotate: 0deg;
  }

  .xl\:focus\:rotate-1:focus {
    --tw-rotate: 1deg;
  }

  .xl\:focus\:rotate-2:focus {
    --tw-rotate: 2deg;
  }

  .xl\:focus\:rotate-3:focus {
    --tw-rotate: 3deg;
  }

  .xl\:focus\:rotate-6:focus {
    --tw-rotate: 6deg;
  }

  .xl\:focus\:rotate-12:focus {
    --tw-rotate: 12deg;
  }

  .xl\:focus\:rotate-45:focus {
    --tw-rotate: 45deg;
  }

  .xl\:focus\:rotate-90:focus {
    --tw-rotate: 90deg;
  }

  .xl\:focus\:rotate-180:focus {
    --tw-rotate: 180deg;
  }

  .xl\:focus\:-rotate-180:focus {
    --tw-rotate: -180deg;
  }

  .xl\:focus\:-rotate-90:focus {
    --tw-rotate: -90deg;
  }

  .xl\:focus\:-rotate-45:focus {
    --tw-rotate: -45deg;
  }

  .xl\:focus\:-rotate-12:focus {
    --tw-rotate: -12deg;
  }

  .xl\:focus\:-rotate-6:focus {
    --tw-rotate: -6deg;
  }

  .xl\:focus\:-rotate-3:focus {
    --tw-rotate: -3deg;
  }

  .xl\:focus\:-rotate-2:focus {
    --tw-rotate: -2deg;
  }

  .xl\:focus\:-rotate-1:focus {
    --tw-rotate: -1deg;
  }

  .xl\:skew-x-0 {
    --tw-skew-x: 0deg;
  }

  .xl\:skew-x-1 {
    --tw-skew-x: 1deg;
  }

  .xl\:skew-x-2 {
    --tw-skew-x: 2deg;
  }

  .xl\:skew-x-3 {
    --tw-skew-x: 3deg;
  }

  .xl\:skew-x-6 {
    --tw-skew-x: 6deg;
  }

  .xl\:skew-x-12 {
    --tw-skew-x: 12deg;
  }

  .xl\:-skew-x-12 {
    --tw-skew-x: -12deg;
  }

  .xl\:-skew-x-6 {
    --tw-skew-x: -6deg;
  }

  .xl\:-skew-x-3 {
    --tw-skew-x: -3deg;
  }

  .xl\:-skew-x-2 {
    --tw-skew-x: -2deg;
  }

  .xl\:-skew-x-1 {
    --tw-skew-x: -1deg;
  }

  .xl\:skew-y-0 {
    --tw-skew-y: 0deg;
  }

  .xl\:skew-y-1 {
    --tw-skew-y: 1deg;
  }

  .xl\:skew-y-2 {
    --tw-skew-y: 2deg;
  }

  .xl\:skew-y-3 {
    --tw-skew-y: 3deg;
  }

  .xl\:skew-y-6 {
    --tw-skew-y: 6deg;
  }

  .xl\:skew-y-12 {
    --tw-skew-y: 12deg;
  }

  .xl\:-skew-y-12 {
    --tw-skew-y: -12deg;
  }

  .xl\:-skew-y-6 {
    --tw-skew-y: -6deg;
  }

  .xl\:-skew-y-3 {
    --tw-skew-y: -3deg;
  }

  .xl\:-skew-y-2 {
    --tw-skew-y: -2deg;
  }

  .xl\:-skew-y-1 {
    --tw-skew-y: -1deg;
  }

  .xl\:hover\:skew-x-0:hover {
    --tw-skew-x: 0deg;
  }

  .xl\:hover\:skew-x-1:hover {
    --tw-skew-x: 1deg;
  }

  .xl\:hover\:skew-x-2:hover {
    --tw-skew-x: 2deg;
  }

  .xl\:hover\:skew-x-3:hover {
    --tw-skew-x: 3deg;
  }

  .xl\:hover\:skew-x-6:hover {
    --tw-skew-x: 6deg;
  }

  .xl\:hover\:skew-x-12:hover {
    --tw-skew-x: 12deg;
  }

  .xl\:hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg;
  }

  .xl\:hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg;
  }

  .xl\:hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg;
  }

  .xl\:hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg;
  }

  .xl\:hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg;
  }

  .xl\:hover\:skew-y-0:hover {
    --tw-skew-y: 0deg;
  }

  .xl\:hover\:skew-y-1:hover {
    --tw-skew-y: 1deg;
  }

  .xl\:hover\:skew-y-2:hover {
    --tw-skew-y: 2deg;
  }

  .xl\:hover\:skew-y-3:hover {
    --tw-skew-y: 3deg;
  }

  .xl\:hover\:skew-y-6:hover {
    --tw-skew-y: 6deg;
  }

  .xl\:hover\:skew-y-12:hover {
    --tw-skew-y: 12deg;
  }

  .xl\:hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg;
  }

  .xl\:hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg;
  }

  .xl\:hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg;
  }

  .xl\:hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg;
  }

  .xl\:hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg;
  }

  .xl\:focus\:skew-x-0:focus {
    --tw-skew-x: 0deg;
  }

  .xl\:focus\:skew-x-1:focus {
    --tw-skew-x: 1deg;
  }

  .xl\:focus\:skew-x-2:focus {
    --tw-skew-x: 2deg;
  }

  .xl\:focus\:skew-x-3:focus {
    --tw-skew-x: 3deg;
  }

  .xl\:focus\:skew-x-6:focus {
    --tw-skew-x: 6deg;
  }

  .xl\:focus\:skew-x-12:focus {
    --tw-skew-x: 12deg;
  }

  .xl\:focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg;
  }

  .xl\:focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg;
  }

  .xl\:focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg;
  }

  .xl\:focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg;
  }

  .xl\:focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg;
  }

  .xl\:focus\:skew-y-0:focus {
    --tw-skew-y: 0deg;
  }

  .xl\:focus\:skew-y-1:focus {
    --tw-skew-y: 1deg;
  }

  .xl\:focus\:skew-y-2:focus {
    --tw-skew-y: 2deg;
  }

  .xl\:focus\:skew-y-3:focus {
    --tw-skew-y: 3deg;
  }

  .xl\:focus\:skew-y-6:focus {
    --tw-skew-y: 6deg;
  }

  .xl\:focus\:skew-y-12:focus {
    --tw-skew-y: 12deg;
  }

  .xl\:focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg;
  }

  .xl\:focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg;
  }

  .xl\:focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg;
  }

  .xl\:focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg;
  }

  .xl\:focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg;
  }

  .xl\:scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .xl\:scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .xl\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .xl\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .xl\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .xl\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .xl\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .xl\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .xl\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .xl\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .xl\:hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .xl\:hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .xl\:hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .xl\:hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .xl\:hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .xl\:hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .xl\:hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .xl\:hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .xl\:hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .xl\:hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .xl\:focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .xl\:focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .xl\:focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .xl\:focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .xl\:focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .xl\:focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .xl\:focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .xl\:focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .xl\:focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .xl\:focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .xl\:scale-x-0 {
    --tw-scale-x: 0;
  }

  .xl\:scale-x-50 {
    --tw-scale-x: .5;
  }

  .xl\:scale-x-75 {
    --tw-scale-x: .75;
  }

  .xl\:scale-x-90 {
    --tw-scale-x: .9;
  }

  .xl\:scale-x-95 {
    --tw-scale-x: .95;
  }

  .xl\:scale-x-100 {
    --tw-scale-x: 1;
  }

  .xl\:scale-x-105 {
    --tw-scale-x: 1.05;
  }

  .xl\:scale-x-110 {
    --tw-scale-x: 1.1;
  }

  .xl\:scale-x-125 {
    --tw-scale-x: 1.25;
  }

  .xl\:scale-x-150 {
    --tw-scale-x: 1.5;
  }

  .xl\:scale-y-0 {
    --tw-scale-y: 0;
  }

  .xl\:scale-y-50 {
    --tw-scale-y: .5;
  }

  .xl\:scale-y-75 {
    --tw-scale-y: .75;
  }

  .xl\:scale-y-90 {
    --tw-scale-y: .9;
  }

  .xl\:scale-y-95 {
    --tw-scale-y: .95;
  }

  .xl\:scale-y-100 {
    --tw-scale-y: 1;
  }

  .xl\:scale-y-105 {
    --tw-scale-y: 1.05;
  }

  .xl\:scale-y-110 {
    --tw-scale-y: 1.1;
  }

  .xl\:scale-y-125 {
    --tw-scale-y: 1.25;
  }

  .xl\:scale-y-150 {
    --tw-scale-y: 1.5;
  }

  .xl\:hover\:scale-x-0:hover {
    --tw-scale-x: 0;
  }

  .xl\:hover\:scale-x-50:hover {
    --tw-scale-x: .5;
  }

  .xl\:hover\:scale-x-75:hover {
    --tw-scale-x: .75;
  }

  .xl\:hover\:scale-x-90:hover {
    --tw-scale-x: .9;
  }

  .xl\:hover\:scale-x-95:hover {
    --tw-scale-x: .95;
  }

  .xl\:hover\:scale-x-100:hover {
    --tw-scale-x: 1;
  }

  .xl\:hover\:scale-x-105:hover {
    --tw-scale-x: 1.05;
  }

  .xl\:hover\:scale-x-110:hover {
    --tw-scale-x: 1.1;
  }

  .xl\:hover\:scale-x-125:hover {
    --tw-scale-x: 1.25;
  }

  .xl\:hover\:scale-x-150:hover {
    --tw-scale-x: 1.5;
  }

  .xl\:hover\:scale-y-0:hover {
    --tw-scale-y: 0;
  }

  .xl\:hover\:scale-y-50:hover {
    --tw-scale-y: .5;
  }

  .xl\:hover\:scale-y-75:hover {
    --tw-scale-y: .75;
  }

  .xl\:hover\:scale-y-90:hover {
    --tw-scale-y: .9;
  }

  .xl\:hover\:scale-y-95:hover {
    --tw-scale-y: .95;
  }

  .xl\:hover\:scale-y-100:hover {
    --tw-scale-y: 1;
  }

  .xl\:hover\:scale-y-105:hover {
    --tw-scale-y: 1.05;
  }

  .xl\:hover\:scale-y-110:hover {
    --tw-scale-y: 1.1;
  }

  .xl\:hover\:scale-y-125:hover {
    --tw-scale-y: 1.25;
  }

  .xl\:hover\:scale-y-150:hover {
    --tw-scale-y: 1.5;
  }

  .xl\:focus\:scale-x-0:focus {
    --tw-scale-x: 0;
  }

  .xl\:focus\:scale-x-50:focus {
    --tw-scale-x: .5;
  }

  .xl\:focus\:scale-x-75:focus {
    --tw-scale-x: .75;
  }

  .xl\:focus\:scale-x-90:focus {
    --tw-scale-x: .9;
  }

  .xl\:focus\:scale-x-95:focus {
    --tw-scale-x: .95;
  }

  .xl\:focus\:scale-x-100:focus {
    --tw-scale-x: 1;
  }

  .xl\:focus\:scale-x-105:focus {
    --tw-scale-x: 1.05;
  }

  .xl\:focus\:scale-x-110:focus {
    --tw-scale-x: 1.1;
  }

  .xl\:focus\:scale-x-125:focus {
    --tw-scale-x: 1.25;
  }

  .xl\:focus\:scale-x-150:focus {
    --tw-scale-x: 1.5;
  }

  .xl\:focus\:scale-y-0:focus {
    --tw-scale-y: 0;
  }

  .xl\:focus\:scale-y-50:focus {
    --tw-scale-y: .5;
  }

  .xl\:focus\:scale-y-75:focus {
    --tw-scale-y: .75;
  }

  .xl\:focus\:scale-y-90:focus {
    --tw-scale-y: .9;
  }

  .xl\:focus\:scale-y-95:focus {
    --tw-scale-y: .95;
  }

  .xl\:focus\:scale-y-100:focus {
    --tw-scale-y: 1;
  }

  .xl\:focus\:scale-y-105:focus {
    --tw-scale-y: 1.05;
  }

  .xl\:focus\:scale-y-110:focus {
    --tw-scale-y: 1.1;
  }

  .xl\:focus\:scale-y-125:focus {
    --tw-scale-y: 1.25;
  }

  .xl\:focus\:scale-y-150:focus {
    --tw-scale-y: 1.5;
  }

  .xl\:animate-none {
    -webkit-animation: none;
            animation: none;
  }

  .xl\:animate-spin {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .xl\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .xl\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .xl\:animate-bounce {
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }

  .xl\:cursor-auto {
    cursor: auto;
  }

  .xl\:cursor-default {
    cursor: default;
  }

  .xl\:cursor-pointer {
    cursor: pointer;
  }

  .xl\:cursor-wait {
    cursor: wait;
  }

  .xl\:cursor-text {
    cursor: text;
  }

  .xl\:cursor-move {
    cursor: move;
  }

  .xl\:cursor-help {
    cursor: help;
  }

  .xl\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .xl\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .xl\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .xl\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .xl\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .xl\:resize-none {
    resize: none;
  }

  .xl\:resize-y {
    resize: vertical;
  }

  .xl\:resize-x {
    resize: horizontal;
  }

  .xl\:resize {
    resize: both;
  }

  .xl\:list-inside {
    list-style-position: inside;
  }

  .xl\:list-outside {
    list-style-position: outside;
  }

  .xl\:list-none {
    list-style-type: none;
  }

  .xl\:list-disc {
    list-style-type: disc;
  }

  .xl\:list-decimal {
    list-style-type: decimal;
  }

  .xl\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .xl\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .xl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .xl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xl\:grid-flow-row {
    grid-auto-flow: row;
  }

  .xl\:grid-flow-col {
    grid-auto-flow: column;
  }

  .xl\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xl\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .xl\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .xl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .xl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .xl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-none {
    grid-template-columns: none;
  }

  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-rows-none {
    grid-template-rows: none;
  }

  .xl\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .xl\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .xl\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .xl\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .xl\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .xl\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .xl\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .xl\:place-content-center {
    place-content: center;
  }

  .xl\:place-content-start {
    place-content: start;
  }

  .xl\:place-content-end {
    place-content: end;
  }

  .xl\:place-content-between {
    place-content: space-between;
  }

  .xl\:place-content-around {
    place-content: space-around;
  }

  .xl\:place-content-evenly {
    place-content: space-evenly;
  }

  .xl\:place-content-stretch {
    place-content: stretch;
  }

  .xl\:place-items-start {
    place-items: start;
  }

  .xl\:place-items-end {
    place-items: end;
  }

  .xl\:place-items-center {
    place-items: center;
  }

  .xl\:place-items-stretch {
    place-items: stretch;
  }

  .xl\:content-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .xl\:content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .xl\:content-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .xl\:content-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .xl\:content-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .xl\:content-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }

  .xl\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .xl\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .xl\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .xl\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .xl\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .xl\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .xl\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .xl\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .xl\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .xl\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .xl\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .xl\:justify-items-start {
    justify-items: start;
  }

  .xl\:justify-items-end {
    justify-items: end;
  }

  .xl\:justify-items-center {
    justify-items: center;
  }

  .xl\:justify-items-stretch {
    justify-items: stretch;
  }

  .xl\:gap-0 {
    gap: 0px;
  }

  .xl\:gap-1 {
    gap: 0.25rem;
  }

  .xl\:gap-2 {
    gap: 0.5rem;
  }

  .xl\:gap-3 {
    gap: 0.75rem;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:gap-5 {
    gap: 1.25rem;
  }

  .xl\:gap-6 {
    gap: 1.5rem;
  }

  .xl\:gap-7 {
    gap: 1.75rem;
  }

  .xl\:gap-8 {
    gap: 2rem;
  }

  .xl\:gap-9 {
    gap: 2.25rem;
  }

  .xl\:gap-10 {
    gap: 2.5rem;
  }

  .xl\:gap-11 {
    gap: 2.75rem;
  }

  .xl\:gap-12 {
    gap: 3rem;
  }

  .xl\:gap-14 {
    gap: 3.5rem;
  }

  .xl\:gap-16 {
    gap: 4rem;
  }

  .xl\:gap-20 {
    gap: 5rem;
  }

  .xl\:gap-24 {
    gap: 6rem;
  }

  .xl\:gap-28 {
    gap: 7rem;
  }

  .xl\:gap-32 {
    gap: 8rem;
  }

  .xl\:gap-36 {
    gap: 9rem;
  }

  .xl\:gap-40 {
    gap: 10rem;
  }

  .xl\:gap-44 {
    gap: 11rem;
  }

  .xl\:gap-48 {
    gap: 12rem;
  }

  .xl\:gap-52 {
    gap: 13rem;
  }

  .xl\:gap-56 {
    gap: 14rem;
  }

  .xl\:gap-60 {
    gap: 15rem;
  }

  .xl\:gap-64 {
    gap: 16rem;
  }

  .xl\:gap-72 {
    gap: 18rem;
  }

  .xl\:gap-80 {
    gap: 20rem;
  }

  .xl\:gap-96 {
    gap: 24rem;
  }

  .xl\:gap-px {
    gap: 1px;
  }

  .xl\:gap-0\.5 {
    gap: 0.125rem;
  }

  .xl\:gap-1\.5 {
    gap: 0.375rem;
  }

  .xl\:gap-2\.5 {
    gap: 0.625rem;
  }

  .xl\:gap-3\.5 {
    gap: 0.875rem;
  }

  .xl\:gap-x-0 {
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
  }

  .xl\:gap-x-1 {
    -webkit-column-gap: 0.25rem;
       -moz-column-gap: 0.25rem;
            column-gap: 0.25rem;
  }

  .xl\:gap-x-2 {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }

  .xl\:gap-x-3 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .xl\:gap-x-4 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .xl\:gap-x-5 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .xl\:gap-x-6 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }

  .xl\:gap-x-7 {
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;
  }

  .xl\:gap-x-8 {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }

  .xl\:gap-x-9 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }

  .xl\:gap-x-10 {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .xl\:gap-x-11 {
    -webkit-column-gap: 2.75rem;
       -moz-column-gap: 2.75rem;
            column-gap: 2.75rem;
  }

  .xl\:gap-x-12 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }

  .xl\:gap-x-14 {
    -webkit-column-gap: 3.5rem;
       -moz-column-gap: 3.5rem;
            column-gap: 3.5rem;
  }

  .xl\:gap-x-16 {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }

  .xl\:gap-x-20 {
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .xl\:gap-x-24 {
    -webkit-column-gap: 6rem;
       -moz-column-gap: 6rem;
            column-gap: 6rem;
  }

  .xl\:gap-x-28 {
    -webkit-column-gap: 7rem;
       -moz-column-gap: 7rem;
            column-gap: 7rem;
  }

  .xl\:gap-x-32 {
    -webkit-column-gap: 8rem;
       -moz-column-gap: 8rem;
            column-gap: 8rem;
  }

  .xl\:gap-x-36 {
    -webkit-column-gap: 9rem;
       -moz-column-gap: 9rem;
            column-gap: 9rem;
  }

  .xl\:gap-x-40 {
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
  }

  .xl\:gap-x-44 {
    -webkit-column-gap: 11rem;
       -moz-column-gap: 11rem;
            column-gap: 11rem;
  }

  .xl\:gap-x-48 {
    -webkit-column-gap: 12rem;
       -moz-column-gap: 12rem;
            column-gap: 12rem;
  }

  .xl\:gap-x-52 {
    -webkit-column-gap: 13rem;
       -moz-column-gap: 13rem;
            column-gap: 13rem;
  }

  .xl\:gap-x-56 {
    -webkit-column-gap: 14rem;
       -moz-column-gap: 14rem;
            column-gap: 14rem;
  }

  .xl\:gap-x-60 {
    -webkit-column-gap: 15rem;
       -moz-column-gap: 15rem;
            column-gap: 15rem;
  }

  .xl\:gap-x-64 {
    -webkit-column-gap: 16rem;
       -moz-column-gap: 16rem;
            column-gap: 16rem;
  }

  .xl\:gap-x-72 {
    -webkit-column-gap: 18rem;
       -moz-column-gap: 18rem;
            column-gap: 18rem;
  }

  .xl\:gap-x-80 {
    -webkit-column-gap: 20rem;
       -moz-column-gap: 20rem;
            column-gap: 20rem;
  }

  .xl\:gap-x-96 {
    -webkit-column-gap: 24rem;
       -moz-column-gap: 24rem;
            column-gap: 24rem;
  }

  .xl\:gap-x-px {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }

  .xl\:gap-x-0\.5 {
    -webkit-column-gap: 0.125rem;
       -moz-column-gap: 0.125rem;
            column-gap: 0.125rem;
  }

  .xl\:gap-x-1\.5 {
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
  }

  .xl\:gap-x-2\.5 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }

  .xl\:gap-x-3\.5 {
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
  }

  .xl\:gap-y-0 {
    row-gap: 0px;
  }

  .xl\:gap-y-1 {
    row-gap: 0.25rem;
  }

  .xl\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .xl\:gap-y-3 {
    row-gap: 0.75rem;
  }

  .xl\:gap-y-4 {
    row-gap: 1rem;
  }

  .xl\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .xl\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .xl\:gap-y-7 {
    row-gap: 1.75rem;
  }

  .xl\:gap-y-8 {
    row-gap: 2rem;
  }

  .xl\:gap-y-9 {
    row-gap: 2.25rem;
  }

  .xl\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .xl\:gap-y-11 {
    row-gap: 2.75rem;
  }

  .xl\:gap-y-12 {
    row-gap: 3rem;
  }

  .xl\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .xl\:gap-y-16 {
    row-gap: 4rem;
  }

  .xl\:gap-y-20 {
    row-gap: 5rem;
  }

  .xl\:gap-y-24 {
    row-gap: 6rem;
  }

  .xl\:gap-y-28 {
    row-gap: 7rem;
  }

  .xl\:gap-y-32 {
    row-gap: 8rem;
  }

  .xl\:gap-y-36 {
    row-gap: 9rem;
  }

  .xl\:gap-y-40 {
    row-gap: 10rem;
  }

  .xl\:gap-y-44 {
    row-gap: 11rem;
  }

  .xl\:gap-y-48 {
    row-gap: 12rem;
  }

  .xl\:gap-y-52 {
    row-gap: 13rem;
  }

  .xl\:gap-y-56 {
    row-gap: 14rem;
  }

  .xl\:gap-y-60 {
    row-gap: 15rem;
  }

  .xl\:gap-y-64 {
    row-gap: 16rem;
  }

  .xl\:gap-y-72 {
    row-gap: 18rem;
  }

  .xl\:gap-y-80 {
    row-gap: 20rem;
  }

  .xl\:gap-y-96 {
    row-gap: 24rem;
  }

  .xl\:gap-y-px {
    row-gap: 1px;
  }

  .xl\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }

  .xl\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }

  .xl\:gap-y-2\.5 {
    row-gap: 0.625rem;
  }

  .xl\:gap-y-3\.5 {
    row-gap: 0.875rem;
  }

  .xl\: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)));
  }

  .xl\: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)));
  }

  .xl\: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)));
  }

  .xl\: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)));
  }

  .xl\: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)));
  }

  .xl\: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)));
  }

  .xl\: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)));
  }

  .xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\: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)));
  }

  .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(6rem * var(--tw-space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(7rem * var(--tw-space-x-reverse));
    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8rem * var(--tw-space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(9rem * var(--tw-space-x-reverse));
    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10rem * var(--tw-space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(11rem * var(--tw-space-x-reverse));
    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12rem * var(--tw-space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(13rem * var(--tw-space-x-reverse));
    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14rem * var(--tw-space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(15rem * var(--tw-space-x-reverse));
    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16rem * var(--tw-space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(18rem * var(--tw-space-x-reverse));
    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(20rem * var(--tw-space-x-reverse));
    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24rem * var(--tw-space-x-reverse));
    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1px * var(--tw-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\: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)));
  }

  .xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-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)));
  }

  .xl\:-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)));
  }

  .xl\:-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)));
  }

  .xl\:-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)));
  }

  .xl\:-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)));
  }

  .xl\:-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)));
  }

  .xl\:-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)));
  }

  .xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-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)));
  }

  .xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3rem * var(--tw-space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4rem * var(--tw-space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5rem * var(--tw-space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6rem * var(--tw-space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-7rem * var(--tw-space-x-reverse));
    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8rem * var(--tw-space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-9rem * var(--tw-space-x-reverse));
    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-10rem * var(--tw-space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-11rem * var(--tw-space-x-reverse));
    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-12rem * var(--tw-space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-13rem * var(--tw-space-x-reverse));
    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-14rem * var(--tw-space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-15rem * var(--tw-space-x-reverse));
    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-16rem * var(--tw-space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-18rem * var(--tw-space-x-reverse));
    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-20rem * var(--tw-space-x-reverse));
    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-24rem * var(--tw-space-x-reverse));
    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-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)));
  }

  .xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
  }

  .xl\: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));
  }

  .xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .xl\: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));
  }

  .xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * var(--tw-space-y-reverse));
  }

  .xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
  }

  .xl\: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));
  }

  .xl\: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));
  }

  .xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
  }

  .xl\:-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));
  }

  .xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
  }

  .xl\:-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));
  }

  .xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  }

  .xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
  }

  .xl\:-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));
  }

  .xl\:-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));
  }

  .xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
  }

  .xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1;
  }

  .xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }

  .xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px * var(--tw-divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px * var(--tw-divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(8px * var(--tw-divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .xl\:divide-x > :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)));
  }

  .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --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));
  }

  .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  }

  .xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
  }

  .xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
  }

  .xl\: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));
  }

  .xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 1;
  }

  .xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
  }

  .xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
  }

  .xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style: dotted;
  }

  .xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style: double;
  }

  .xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style: none;
  }

  .xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
    border-color: transparent;
  }

  .xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
    border-color: currentColor;
  }

  .xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
  }

  .xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
  }

  .xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
  }

  .xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
  }

  .xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
  }

  .xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
  }

  .xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
  }

  .xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
  }

  .xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
  }

  .xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
  }

  .xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
  }

  .xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
  }

  .xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
  }

  .xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
  }

  .xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
  }

  .xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
  }

  .xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
  }

  .xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
  }

  .xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
  }

  .xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
  }

  .xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
  }

  .xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
  }

  .xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
  }

  .xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
  }

  .xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
  }

  .xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
  }

  .xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
  }

  .xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
  }

  .xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0;
  }

  .xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.05;
  }

  .xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.1;
  }

  .xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.2;
  }

  .xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.25;
  }

  .xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.3;
  }

  .xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.4;
  }

  .xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.5;
  }

  .xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.6;
  }

  .xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.7;
  }

  .xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.75;
  }

  .xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.8;
  }

  .xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.9;
  }

  .xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95;
  }

  .xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
  }

  .xl\:place-self-auto {
    place-self: auto;
  }

  .xl\:place-self-start {
    place-self: start;
  }

  .xl\:place-self-end {
    place-self: end;
  }

  .xl\:place-self-center {
    place-self: center;
  }

  .xl\:place-self-stretch {
    place-self: stretch;
  }

  .xl\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .xl\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .xl\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .xl\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .xl\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .xl\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .xl\:justify-self-auto {
    justify-self: auto;
  }

  .xl\:justify-self-start {
    justify-self: start;
  }

  .xl\:justify-self-end {
    justify-self: end;
  }

  .xl\:justify-self-center {
    justify-self: center;
  }

  .xl\:justify-self-stretch {
    justify-self: stretch;
  }

  .xl\:overflow-auto {
    overflow: auto;
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }

  .xl\:overflow-visible {
    overflow: visible;
  }

  .xl\:overflow-scroll {
    overflow: scroll;
  }

  .xl\:overflow-x-auto {
    overflow-x: auto;
  }

  .xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .xl\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .xl\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .xl\:overflow-x-visible {
    overflow-x: visible;
  }

  .xl\:overflow-y-visible {
    overflow-y: visible;
  }

  .xl\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .xl\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .xl\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .xl\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .xl\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .xl\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .xl\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .xl\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .xl\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .xl\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .xl\:overflow-clip {
    text-overflow: clip;
  }

  .xl\:whitespace-normal {
    white-space: normal;
  }

  .xl\:whitespace-nowrap {
    white-space: nowrap;
  }

  .xl\:whitespace-pre {
    white-space: pre;
  }

  .xl\:whitespace-pre-line {
    white-space: pre-line;
  }

  .xl\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xl\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .xl\:break-words {
    overflow-wrap: break-word;
  }

  .xl\:break-all {
    word-break: break-all;
  }

  .xl\:rounded-none {
    border-radius: 0px;
  }

  .xl\:rounded-sm {
    border-radius: 0.125rem;
  }

  .xl\:rounded {
    border-radius: 0.25rem;
  }

  .xl\:rounded-md {
    border-radius: 0.375rem;
  }

  .xl\:rounded-lg {
    border-radius: 0.5rem;
  }

  .xl\:rounded-xl {
    border-radius: 0.75rem;
  }

  .xl\:rounded-2xl {
    border-radius: 1rem;
  }

  .xl\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .xl\:rounded-full {
    border-radius: 9999px;
  }

  .xl\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .xl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xl\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .xl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xl\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .xl\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .xl\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .xl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .xl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xl\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .xl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .xl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-tl-none {
    border-top-left-radius: 0px;
  }

  .xl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .xl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .xl\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .xl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .xl\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .xl\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .xl\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .xl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xl\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .xl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .xl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .xl\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .xl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .xl\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .xl\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .xl\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .xl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }

  .xl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .xl\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }

  .xl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xl\:border-0 {
    border-width: 0px;
  }

  .xl\:border-2 {
    border-width: 2px;
  }

  .xl\:border-4 {
    border-width: 4px;
  }

  .xl\:border-8 {
    border-width: 8px;
  }

  .xl\:border {
    border-width: 1px;
  }

  .xl\:border-t-0 {
    border-top-width: 0px;
  }

  .xl\:border-t-2 {
    border-top-width: 2px;
  }

  .xl\:border-t-4 {
    border-top-width: 4px;
  }

  .xl\:border-t-8 {
    border-top-width: 8px;
  }

  .xl\:border-t {
    border-top-width: 1px;
  }

  .xl\:border-r-0 {
    border-right-width: 0px;
  }

  .xl\:border-r-2 {
    border-right-width: 2px;
  }

  .xl\:border-r-4 {
    border-right-width: 4px;
  }

  .xl\:border-r-8 {
    border-right-width: 8px;
  }

  .xl\:border-r {
    border-right-width: 1px;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0px;
  }

  .xl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .xl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .xl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .xl\:border-b {
    border-bottom-width: 1px;
  }

  .xl\:border-l-0 {
    border-left-width: 0px;
  }

  .xl\:border-l-2 {
    border-left-width: 2px;
  }

  .xl\:border-l-4 {
    border-left-width: 4px;
  }

  .xl\:border-l-8 {
    border-left-width: 8px;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:border-solid {
    border-style: solid;
  }

  .xl\:border-dashed {
    border-style: dashed;
  }

  .xl\:border-dotted {
    border-style: dotted;
  }

  .xl\:border-double {
    border-style: double;
  }

  .xl\:border-none {
    border-style: none;
  }

  .xl\:border-transparent {
    border-color: transparent;
  }

  .xl\:border-current {
    border-color: currentColor;
  }

  .xl\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .xl\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .xl\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .xl\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .xl\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .xl\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .xl\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .xl\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .xl\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .xl\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .xl\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .xl\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .xl\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .xl\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .xl\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .xl\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .xl\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .xl\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .xl\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .xl\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .xl\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .xl\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .xl\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .xl\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .xl\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .xl\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .xl\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .xl\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .xl\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .xl\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .xl\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .xl\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .xl\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .xl\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .xl\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .xl\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .xl\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .xl\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .xl\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .xl\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .xl\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .xl\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .xl\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .xl\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .xl\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .xl\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .xl\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .xl\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .xl\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .xl\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .xl\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .xl\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .xl\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .xl\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .xl\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .xl\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .xl\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .xl\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .xl\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .xl\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .xl\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .xl\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .xl\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .xl\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .xl\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .xl\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .xl\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .xl\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .xl\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .xl\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .xl\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .xl\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .xl\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .xl\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .xl\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .xl\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .xl\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .xl\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .xl\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .xl\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .xl\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .xl\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-transparent {
    border-color: transparent;
  }

  .group:hover .xl\:group-hover\:border-current {
    border-color: currentColor;
  }

  .group:hover .xl\:group-hover\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .group:hover .xl\:group-hover\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-transparent:focus-within {
    border-color: transparent;
  }

  .xl\:focus-within\:border-current:focus-within {
    border-color: currentColor;
  }

  .xl\:focus-within\:border-black:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-white:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-gray-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-red-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-yellow-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-green-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-blue-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-indigo-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-purple-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .xl\:focus-within\:border-pink-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .xl\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .xl\:hover\:border-current:hover {
    border-color: currentColor;
  }

  .xl\:hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .xl\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .xl\:hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .xl\:hover\:border-yellow-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .xl\:hover\:border-green-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .xl\:hover\:border-blue-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .xl\:hover\:border-indigo-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .xl\:hover\:border-purple-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .xl\:hover\:border-pink-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .xl\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .xl\:focus\:border-current:focus {
    border-color: currentColor;
  }

  .xl\:focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .xl\:focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .xl\:focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .xl\:focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .xl\:focus\:border-yellow-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .xl\:focus\:border-green-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .xl\:focus\:border-blue-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .xl\:focus\:border-indigo-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .xl\:focus\:border-purple-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .xl\:focus\:border-pink-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .xl\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .xl\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .xl\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .xl\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .xl\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .xl\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .xl\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .xl\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .xl\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .xl\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .xl\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .xl\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .xl\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .xl\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .xl\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .group:hover .xl\:group-hover\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .group:hover .xl\:group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .group:hover .xl\:group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .group:hover .xl\:group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .group:hover .xl\:group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .group:hover .xl\:group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .group:hover .xl\:group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .group:hover .xl\:group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .group:hover .xl\:group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .group:hover .xl\:group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .group:hover .xl\:group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .group:hover .xl\:group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .group:hover .xl\:group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .group:hover .xl\:group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .group:hover .xl\:group-hover\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .xl\:focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0;
  }

  .xl\:focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05;
  }

  .xl\:focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1;
  }

  .xl\:focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2;
  }

  .xl\:focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25;
  }

  .xl\:focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3;
  }

  .xl\:focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4;
  }

  .xl\:focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5;
  }

  .xl\:focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6;
  }

  .xl\:focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7;
  }

  .xl\:focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75;
  }

  .xl\:focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8;
  }

  .xl\:focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9;
  }

  .xl\:focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95;
  }

  .xl\:focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1;
  }

  .xl\:hover\:border-opacity-0:hover {
    --tw-border-opacity: 0;
  }

  .xl\:hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05;
  }

  .xl\:hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1;
  }

  .xl\:hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2;
  }

  .xl\:hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25;
  }

  .xl\:hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3;
  }

  .xl\:hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4;
  }

  .xl\:hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5;
  }

  .xl\:hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6;
  }

  .xl\:hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7;
  }

  .xl\:hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75;
  }

  .xl\:hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8;
  }

  .xl\:hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9;
  }

  .xl\:hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95;
  }

  .xl\:hover\:border-opacity-100:hover {
    --tw-border-opacity: 1;
  }

  .xl\:focus\:border-opacity-0:focus {
    --tw-border-opacity: 0;
  }

  .xl\:focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05;
  }

  .xl\:focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1;
  }

  .xl\:focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2;
  }

  .xl\:focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25;
  }

  .xl\:focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3;
  }

  .xl\:focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4;
  }

  .xl\:focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5;
  }

  .xl\:focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6;
  }

  .xl\:focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7;
  }

  .xl\:focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75;
  }

  .xl\:focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8;
  }

  .xl\:focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9;
  }

  .xl\:focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95;
  }

  .xl\:focus\:border-opacity-100:focus {
    --tw-border-opacity: 1;
  }

  .xl\:bg-transparent {
    background-color: transparent;
  }

  .xl\:bg-current {
    background-color: currentColor;
  }

  .xl\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .xl\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .xl\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .xl\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .xl\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .xl\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .xl\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .xl\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .xl\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .xl\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .xl\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .xl\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .xl\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .xl\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .xl\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .xl\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .xl\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .xl\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .xl\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .xl\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .xl\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .xl\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .xl\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .xl\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .xl\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .xl\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .xl\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .xl\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-transparent {
    background-color: transparent;
  }

  .group:hover .xl\:group-hover\:bg-current {
    background-color: currentColor;
  }

  .group:hover .xl\:group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .group:hover .xl\:group-hover\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-transparent:focus-within {
    background-color: transparent;
  }

  .xl\:focus-within\:bg-current:focus-within {
    background-color: currentColor;
  }

  .xl\:focus-within\:bg-black:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-white:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-gray-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-red-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-yellow-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-green-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-blue-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-indigo-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-purple-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .xl\:focus-within\:bg-pink-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .xl\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  .xl\:hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-green-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-purple-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .xl\:hover\:bg-pink-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .xl\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  .xl\:focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-gray-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-red-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-yellow-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-green-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-indigo-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-purple-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .xl\:focus\:bg-pink-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .xl\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .xl\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .xl\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .xl\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .xl\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .xl\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .xl\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .xl\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .xl\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .xl\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .xl\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .xl\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .xl\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .xl\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .xl\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .group:hover .xl\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .group:hover .xl\:group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .group:hover .xl\:group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .group:hover .xl\:group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .group:hover .xl\:group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .group:hover .xl\:group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .group:hover .xl\:group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .group:hover .xl\:group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .group:hover .xl\:group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .group:hover .xl\:group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .group:hover .xl\:group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .group:hover .xl\:group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .group:hover .xl\:group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .group:hover .xl\:group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .group:hover .xl\:group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .xl\:focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0;
  }

  .xl\:focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05;
  }

  .xl\:focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1;
  }

  .xl\:focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2;
  }

  .xl\:focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25;
  }

  .xl\:focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3;
  }

  .xl\:focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4;
  }

  .xl\:focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5;
  }

  .xl\:focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6;
  }

  .xl\:focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7;
  }

  .xl\:focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75;
  }

  .xl\:focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8;
  }

  .xl\:focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9;
  }

  .xl\:focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95;
  }

  .xl\:focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1;
  }

  .xl\:hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0;
  }

  .xl\:hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
  }

  .xl\:hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
  }

  .xl\:hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
  }

  .xl\:hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25;
  }

  .xl\:hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3;
  }

  .xl\:hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4;
  }

  .xl\:hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5;
  }

  .xl\:hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6;
  }

  .xl\:hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7;
  }

  .xl\:hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75;
  }

  .xl\:hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8;
  }

  .xl\:hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9;
  }

  .xl\:hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95;
  }

  .xl\:hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1;
  }

  .xl\:focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0;
  }

  .xl\:focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05;
  }

  .xl\:focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1;
  }

  .xl\:focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2;
  }

  .xl\:focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25;
  }

  .xl\:focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3;
  }

  .xl\:focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4;
  }

  .xl\:focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5;
  }

  .xl\:focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6;
  }

  .xl\:focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7;
  }

  .xl\:focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75;
  }

  .xl\:focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8;
  }

  .xl\:focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9;
  }

  .xl\:focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95;
  }

  .xl\:focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1;
  }

  .xl\:bg-none {
    background-image: none;
  }

  .xl\:bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-tr {
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-r {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-bl {
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-l {
    background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }

  .xl\:bg-gradient-to-tl {
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
  }

  .xl\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:from-current {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:from-black {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:from-gray-50 {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .xl\:from-gray-100 {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .xl\:from-gray-200 {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .xl\:from-gray-300 {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .xl\:from-gray-400 {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .xl\:from-gray-500 {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .xl\:from-gray-600 {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .xl\:from-gray-700 {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .xl\:from-gray-800 {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .xl\:from-gray-900 {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .xl\:from-red-50 {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .xl\:from-red-100 {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .xl\:from-red-200 {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .xl\:from-red-300 {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .xl\:from-red-400 {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .xl\:from-red-500 {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .xl\:from-red-600 {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .xl\:from-red-700 {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .xl\:from-red-800 {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .xl\:from-red-900 {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .xl\:from-yellow-50 {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .xl\:from-yellow-100 {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .xl\:from-yellow-200 {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .xl\:from-yellow-300 {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .xl\:from-yellow-400 {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .xl\:from-yellow-500 {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .xl\:from-yellow-600 {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .xl\:from-yellow-700 {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .xl\:from-yellow-800 {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .xl\:from-yellow-900 {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .xl\:from-green-50 {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .xl\:from-green-100 {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .xl\:from-green-200 {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .xl\:from-green-300 {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .xl\:from-green-400 {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .xl\:from-green-500 {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .xl\:from-green-600 {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .xl\:from-green-700 {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .xl\:from-green-800 {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .xl\:from-green-900 {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .xl\:from-blue-50 {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .xl\:from-blue-100 {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .xl\:from-blue-200 {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .xl\:from-blue-300 {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .xl\:from-blue-400 {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .xl\:from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .xl\:from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .xl\:from-blue-700 {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .xl\:from-blue-800 {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .xl\:from-blue-900 {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .xl\:from-indigo-50 {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .xl\:from-indigo-100 {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .xl\:from-indigo-200 {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .xl\:from-indigo-300 {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .xl\:from-indigo-400 {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .xl\:from-indigo-500 {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .xl\:from-indigo-600 {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .xl\:from-indigo-700 {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .xl\:from-indigo-800 {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .xl\:from-indigo-900 {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .xl\:from-purple-50 {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .xl\:from-purple-100 {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .xl\:from-purple-200 {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .xl\:from-purple-300 {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .xl\:from-purple-400 {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .xl\:from-purple-500 {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .xl\:from-purple-600 {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .xl\:from-purple-700 {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .xl\:from-purple-800 {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .xl\:from-purple-900 {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .xl\:from-pink-50 {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .xl\:from-pink-100 {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .xl\:from-pink-200 {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .xl\:from-pink-300 {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .xl\:from-pink-400 {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .xl\:from-pink-500 {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .xl\:from-pink-600 {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .xl\:from-pink-700 {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .xl\:from-pink-800 {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .xl\:from-pink-900 {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .xl\:hover\:from-transparent:hover {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-current:hover {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-black:hover {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-white:hover {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-gray-50:hover {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .xl\:hover\:from-gray-100:hover {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .xl\:hover\:from-gray-200:hover {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .xl\:hover\:from-gray-300:hover {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .xl\:hover\:from-gray-400:hover {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .xl\:hover\:from-gray-500:hover {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .xl\:hover\:from-gray-600:hover {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .xl\:hover\:from-gray-700:hover {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .xl\:hover\:from-gray-800:hover {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .xl\:hover\:from-gray-900:hover {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .xl\:hover\:from-red-50:hover {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .xl\:hover\:from-red-100:hover {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .xl\:hover\:from-red-200:hover {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .xl\:hover\:from-red-300:hover {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .xl\:hover\:from-red-400:hover {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .xl\:hover\:from-red-500:hover {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .xl\:hover\:from-red-600:hover {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .xl\:hover\:from-red-700:hover {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .xl\:hover\:from-red-800:hover {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .xl\:hover\:from-red-900:hover {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .xl\:hover\:from-yellow-50:hover {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .xl\:hover\:from-yellow-100:hover {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .xl\:hover\:from-yellow-200:hover {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .xl\:hover\:from-yellow-300:hover {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .xl\:hover\:from-yellow-400:hover {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .xl\:hover\:from-yellow-500:hover {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .xl\:hover\:from-yellow-600:hover {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .xl\:hover\:from-yellow-700:hover {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .xl\:hover\:from-yellow-800:hover {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .xl\:hover\:from-yellow-900:hover {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .xl\:hover\:from-green-50:hover {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .xl\:hover\:from-green-100:hover {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .xl\:hover\:from-green-200:hover {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .xl\:hover\:from-green-300:hover {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .xl\:hover\:from-green-400:hover {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .xl\:hover\:from-green-500:hover {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .xl\:hover\:from-green-600:hover {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .xl\:hover\:from-green-700:hover {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .xl\:hover\:from-green-800:hover {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .xl\:hover\:from-green-900:hover {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .xl\:hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .xl\:hover\:from-blue-100:hover {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .xl\:hover\:from-blue-200:hover {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .xl\:hover\:from-blue-300:hover {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .xl\:hover\:from-blue-400:hover {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .xl\:hover\:from-blue-500:hover {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .xl\:hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .xl\:hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .xl\:hover\:from-blue-800:hover {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .xl\:hover\:from-blue-900:hover {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .xl\:hover\:from-indigo-50:hover {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .xl\:hover\:from-indigo-100:hover {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .xl\:hover\:from-indigo-200:hover {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .xl\:hover\:from-indigo-300:hover {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .xl\:hover\:from-indigo-400:hover {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .xl\:hover\:from-indigo-500:hover {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .xl\:hover\:from-indigo-600:hover {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .xl\:hover\:from-indigo-700:hover {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .xl\:hover\:from-indigo-800:hover {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .xl\:hover\:from-indigo-900:hover {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .xl\:hover\:from-purple-50:hover {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .xl\:hover\:from-purple-100:hover {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .xl\:hover\:from-purple-200:hover {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .xl\:hover\:from-purple-300:hover {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .xl\:hover\:from-purple-400:hover {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .xl\:hover\:from-purple-500:hover {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .xl\:hover\:from-purple-600:hover {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .xl\:hover\:from-purple-700:hover {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .xl\:hover\:from-purple-800:hover {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .xl\:hover\:from-purple-900:hover {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .xl\:hover\:from-pink-50:hover {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .xl\:hover\:from-pink-100:hover {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .xl\:hover\:from-pink-200:hover {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .xl\:hover\:from-pink-300:hover {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .xl\:hover\:from-pink-400:hover {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .xl\:hover\:from-pink-500:hover {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .xl\:hover\:from-pink-600:hover {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .xl\:hover\:from-pink-700:hover {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .xl\:hover\:from-pink-800:hover {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .xl\:hover\:from-pink-900:hover {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .xl\:focus\:from-transparent:focus {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-current:focus {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-black:focus {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-white:focus {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-gray-50:focus {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .xl\:focus\:from-gray-100:focus {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .xl\:focus\:from-gray-200:focus {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .xl\:focus\:from-gray-300:focus {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .xl\:focus\:from-gray-400:focus {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .xl\:focus\:from-gray-500:focus {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .xl\:focus\:from-gray-600:focus {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .xl\:focus\:from-gray-700:focus {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .xl\:focus\:from-gray-800:focus {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .xl\:focus\:from-gray-900:focus {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .xl\:focus\:from-red-50:focus {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .xl\:focus\:from-red-100:focus {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .xl\:focus\:from-red-200:focus {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .xl\:focus\:from-red-300:focus {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .xl\:focus\:from-red-400:focus {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .xl\:focus\:from-red-500:focus {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .xl\:focus\:from-red-600:focus {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .xl\:focus\:from-red-700:focus {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .xl\:focus\:from-red-800:focus {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .xl\:focus\:from-red-900:focus {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .xl\:focus\:from-yellow-50:focus {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .xl\:focus\:from-yellow-100:focus {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .xl\:focus\:from-yellow-200:focus {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .xl\:focus\:from-yellow-300:focus {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .xl\:focus\:from-yellow-400:focus {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .xl\:focus\:from-yellow-500:focus {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .xl\:focus\:from-yellow-600:focus {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .xl\:focus\:from-yellow-700:focus {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .xl\:focus\:from-yellow-800:focus {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .xl\:focus\:from-yellow-900:focus {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .xl\:focus\:from-green-50:focus {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .xl\:focus\:from-green-100:focus {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .xl\:focus\:from-green-200:focus {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .xl\:focus\:from-green-300:focus {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .xl\:focus\:from-green-400:focus {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .xl\:focus\:from-green-500:focus {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .xl\:focus\:from-green-600:focus {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .xl\:focus\:from-green-700:focus {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .xl\:focus\:from-green-800:focus {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .xl\:focus\:from-green-900:focus {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .xl\:focus\:from-blue-50:focus {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .xl\:focus\:from-blue-100:focus {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .xl\:focus\:from-blue-200:focus {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .xl\:focus\:from-blue-300:focus {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .xl\:focus\:from-blue-400:focus {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .xl\:focus\:from-blue-500:focus {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .xl\:focus\:from-blue-600:focus {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .xl\:focus\:from-blue-700:focus {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .xl\:focus\:from-blue-800:focus {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .xl\:focus\:from-blue-900:focus {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .xl\:focus\:from-indigo-50:focus {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .xl\:focus\:from-indigo-100:focus {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .xl\:focus\:from-indigo-200:focus {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .xl\:focus\:from-indigo-300:focus {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .xl\:focus\:from-indigo-400:focus {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .xl\:focus\:from-indigo-500:focus {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .xl\:focus\:from-indigo-600:focus {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .xl\:focus\:from-indigo-700:focus {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .xl\:focus\:from-indigo-800:focus {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .xl\:focus\:from-indigo-900:focus {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .xl\:focus\:from-purple-50:focus {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .xl\:focus\:from-purple-100:focus {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .xl\:focus\:from-purple-200:focus {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .xl\:focus\:from-purple-300:focus {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .xl\:focus\:from-purple-400:focus {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .xl\:focus\:from-purple-500:focus {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .xl\:focus\:from-purple-600:focus {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .xl\:focus\:from-purple-700:focus {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .xl\:focus\:from-purple-800:focus {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .xl\:focus\:from-purple-900:focus {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .xl\:focus\:from-pink-50:focus {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .xl\:focus\:from-pink-100:focus {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .xl\:focus\:from-pink-200:focus {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .xl\:focus\:from-pink-300:focus {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .xl\:focus\:from-pink-400:focus {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .xl\:focus\:from-pink-500:focus {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .xl\:focus\:from-pink-600:focus {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .xl\:focus\:from-pink-700:focus {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .xl\:focus\:from-pink-800:focus {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .xl\:focus\:from-pink-900:focus {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .xl\:via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:via-current {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:via-black {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:via-gray-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .xl\:via-gray-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .xl\:via-gray-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .xl\:via-gray-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .xl\:via-gray-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .xl\:via-gray-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .xl\:via-gray-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .xl\:via-gray-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .xl\:via-gray-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .xl\:via-gray-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .xl\:via-red-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .xl\:via-red-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .xl\:via-red-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .xl\:via-red-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .xl\:via-red-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .xl\:via-red-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .xl\:via-red-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .xl\:via-red-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .xl\:via-red-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .xl\:via-red-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .xl\:via-yellow-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .xl\:via-yellow-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .xl\:via-yellow-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .xl\:via-yellow-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .xl\:via-yellow-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .xl\:via-yellow-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .xl\:via-yellow-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .xl\:via-yellow-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .xl\:via-yellow-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .xl\:via-yellow-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .xl\:via-green-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .xl\:via-green-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .xl\:via-green-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .xl\:via-green-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .xl\:via-green-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .xl\:via-green-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .xl\:via-green-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .xl\:via-green-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .xl\:via-green-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .xl\:via-green-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .xl\:via-blue-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .xl\:via-blue-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .xl\:via-blue-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .xl\:via-blue-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .xl\:via-blue-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .xl\:via-blue-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .xl\:via-blue-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .xl\:via-blue-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .xl\:via-blue-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .xl\:via-blue-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .xl\:via-indigo-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .xl\:via-indigo-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .xl\:via-indigo-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .xl\:via-indigo-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .xl\:via-indigo-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .xl\:via-indigo-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .xl\:via-indigo-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .xl\:via-indigo-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .xl\:via-indigo-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .xl\:via-indigo-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .xl\:via-purple-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .xl\:via-purple-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .xl\:via-purple-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .xl\:via-purple-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .xl\:via-purple-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .xl\:via-purple-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .xl\:via-purple-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .xl\:via-purple-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .xl\:via-purple-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .xl\:via-purple-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .xl\:via-pink-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .xl\:via-pink-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .xl\:via-pink-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .xl\:via-pink-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .xl\:via-pink-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .xl\:via-pink-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .xl\:via-pink-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .xl\:via-pink-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .xl\:via-pink-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .xl\:via-pink-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .xl\:hover\:via-transparent:hover {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-current:hover {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-black:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-gray-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .xl\:hover\:via-gray-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .xl\:hover\:via-gray-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .xl\:hover\:via-gray-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .xl\:hover\:via-gray-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .xl\:hover\:via-gray-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .xl\:hover\:via-gray-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .xl\:hover\:via-gray-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .xl\:hover\:via-gray-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .xl\:hover\:via-gray-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .xl\:hover\:via-red-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .xl\:hover\:via-red-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .xl\:hover\:via-red-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .xl\:hover\:via-red-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .xl\:hover\:via-red-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .xl\:hover\:via-red-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .xl\:hover\:via-red-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .xl\:hover\:via-red-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .xl\:hover\:via-red-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .xl\:hover\:via-red-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .xl\:hover\:via-yellow-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .xl\:hover\:via-yellow-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .xl\:hover\:via-yellow-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .xl\:hover\:via-yellow-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .xl\:hover\:via-yellow-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .xl\:hover\:via-yellow-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .xl\:hover\:via-yellow-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .xl\:hover\:via-yellow-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .xl\:hover\:via-yellow-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .xl\:hover\:via-yellow-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .xl\:hover\:via-green-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .xl\:hover\:via-green-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .xl\:hover\:via-green-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .xl\:hover\:via-green-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .xl\:hover\:via-green-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .xl\:hover\:via-green-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .xl\:hover\:via-green-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .xl\:hover\:via-green-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .xl\:hover\:via-green-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .xl\:hover\:via-green-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .xl\:hover\:via-blue-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .xl\:hover\:via-blue-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .xl\:hover\:via-blue-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .xl\:hover\:via-blue-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .xl\:hover\:via-blue-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .xl\:hover\:via-blue-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .xl\:hover\:via-blue-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .xl\:hover\:via-blue-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .xl\:hover\:via-blue-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .xl\:hover\:via-blue-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .xl\:hover\:via-indigo-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .xl\:hover\:via-indigo-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .xl\:hover\:via-indigo-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .xl\:hover\:via-indigo-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .xl\:hover\:via-indigo-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .xl\:hover\:via-indigo-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .xl\:hover\:via-indigo-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .xl\:hover\:via-indigo-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .xl\:hover\:via-indigo-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .xl\:hover\:via-indigo-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .xl\:hover\:via-purple-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .xl\:hover\:via-purple-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .xl\:hover\:via-purple-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .xl\:hover\:via-purple-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .xl\:hover\:via-purple-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .xl\:hover\:via-purple-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .xl\:hover\:via-purple-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .xl\:hover\:via-purple-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .xl\:hover\:via-purple-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .xl\:hover\:via-purple-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .xl\:hover\:via-pink-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .xl\:hover\:via-pink-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .xl\:hover\:via-pink-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .xl\:hover\:via-pink-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .xl\:hover\:via-pink-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .xl\:hover\:via-pink-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .xl\:hover\:via-pink-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .xl\:hover\:via-pink-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .xl\:hover\:via-pink-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .xl\:hover\:via-pink-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .xl\:focus\:via-transparent:focus {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-current:focus {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-black:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-gray-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .xl\:focus\:via-gray-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .xl\:focus\:via-gray-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .xl\:focus\:via-gray-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .xl\:focus\:via-gray-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .xl\:focus\:via-gray-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .xl\:focus\:via-gray-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .xl\:focus\:via-gray-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .xl\:focus\:via-gray-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .xl\:focus\:via-gray-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .xl\:focus\:via-red-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .xl\:focus\:via-red-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .xl\:focus\:via-red-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .xl\:focus\:via-red-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .xl\:focus\:via-red-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .xl\:focus\:via-red-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .xl\:focus\:via-red-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .xl\:focus\:via-red-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .xl\:focus\:via-red-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .xl\:focus\:via-red-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .xl\:focus\:via-yellow-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .xl\:focus\:via-yellow-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .xl\:focus\:via-yellow-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .xl\:focus\:via-yellow-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .xl\:focus\:via-yellow-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .xl\:focus\:via-yellow-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .xl\:focus\:via-yellow-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .xl\:focus\:via-yellow-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .xl\:focus\:via-yellow-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .xl\:focus\:via-yellow-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .xl\:focus\:via-green-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .xl\:focus\:via-green-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .xl\:focus\:via-green-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .xl\:focus\:via-green-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .xl\:focus\:via-green-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .xl\:focus\:via-green-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .xl\:focus\:via-green-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .xl\:focus\:via-green-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .xl\:focus\:via-green-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .xl\:focus\:via-green-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .xl\:focus\:via-blue-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .xl\:focus\:via-blue-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .xl\:focus\:via-blue-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .xl\:focus\:via-blue-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .xl\:focus\:via-blue-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .xl\:focus\:via-blue-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .xl\:focus\:via-blue-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .xl\:focus\:via-blue-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .xl\:focus\:via-blue-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .xl\:focus\:via-blue-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .xl\:focus\:via-indigo-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .xl\:focus\:via-indigo-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .xl\:focus\:via-indigo-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .xl\:focus\:via-indigo-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .xl\:focus\:via-indigo-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .xl\:focus\:via-indigo-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .xl\:focus\:via-indigo-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .xl\:focus\:via-indigo-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .xl\:focus\:via-indigo-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .xl\:focus\:via-indigo-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .xl\:focus\:via-purple-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .xl\:focus\:via-purple-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .xl\:focus\:via-purple-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .xl\:focus\:via-purple-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .xl\:focus\:via-purple-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .xl\:focus\:via-purple-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .xl\:focus\:via-purple-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .xl\:focus\:via-purple-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .xl\:focus\:via-purple-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .xl\:focus\:via-purple-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .xl\:focus\:via-pink-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .xl\:focus\:via-pink-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .xl\:focus\:via-pink-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .xl\:focus\:via-pink-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .xl\:focus\:via-pink-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .xl\:focus\:via-pink-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .xl\:focus\:via-pink-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .xl\:focus\:via-pink-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .xl\:focus\:via-pink-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .xl\:focus\:via-pink-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .xl\:to-transparent {
    --tw-gradient-to: transparent;
  }

  .xl\:to-current {
    --tw-gradient-to: currentColor;
  }

  .xl\:to-black {
    --tw-gradient-to: #000;
  }

  .xl\:to-white {
    --tw-gradient-to: #fff;
  }

  .xl\:to-gray-50 {
    --tw-gradient-to: #f9fafb;
  }

  .xl\:to-gray-100 {
    --tw-gradient-to: #f3f4f6;
  }

  .xl\:to-gray-200 {
    --tw-gradient-to: #e5e7eb;
  }

  .xl\:to-gray-300 {
    --tw-gradient-to: #d1d5db;
  }

  .xl\:to-gray-400 {
    --tw-gradient-to: #9ca3af;
  }

  .xl\:to-gray-500 {
    --tw-gradient-to: #6b7280;
  }

  .xl\:to-gray-600 {
    --tw-gradient-to: #4b5563;
  }

  .xl\:to-gray-700 {
    --tw-gradient-to: #374151;
  }

  .xl\:to-gray-800 {
    --tw-gradient-to: #1f2937;
  }

  .xl\:to-gray-900 {
    --tw-gradient-to: #111827;
  }

  .xl\:to-red-50 {
    --tw-gradient-to: #fef2f2;
  }

  .xl\:to-red-100 {
    --tw-gradient-to: #fee2e2;
  }

  .xl\:to-red-200 {
    --tw-gradient-to: #fecaca;
  }

  .xl\:to-red-300 {
    --tw-gradient-to: #fca5a5;
  }

  .xl\:to-red-400 {
    --tw-gradient-to: #f87171;
  }

  .xl\:to-red-500 {
    --tw-gradient-to: #ef4444;
  }

  .xl\:to-red-600 {
    --tw-gradient-to: #dc2626;
  }

  .xl\:to-red-700 {
    --tw-gradient-to: #b91c1c;
  }

  .xl\:to-red-800 {
    --tw-gradient-to: #991b1b;
  }

  .xl\:to-red-900 {
    --tw-gradient-to: #7f1d1d;
  }

  .xl\:to-yellow-50 {
    --tw-gradient-to: #fffbeb;
  }

  .xl\:to-yellow-100 {
    --tw-gradient-to: #fef3c7;
  }

  .xl\:to-yellow-200 {
    --tw-gradient-to: #fde68a;
  }

  .xl\:to-yellow-300 {
    --tw-gradient-to: #fcd34d;
  }

  .xl\:to-yellow-400 {
    --tw-gradient-to: #fbbf24;
  }

  .xl\:to-yellow-500 {
    --tw-gradient-to: #f59e0b;
  }

  .xl\:to-yellow-600 {
    --tw-gradient-to: #d97706;
  }

  .xl\:to-yellow-700 {
    --tw-gradient-to: #b45309;
  }

  .xl\:to-yellow-800 {
    --tw-gradient-to: #92400e;
  }

  .xl\:to-yellow-900 {
    --tw-gradient-to: #78350f;
  }

  .xl\:to-green-50 {
    --tw-gradient-to: #ecfdf5;
  }

  .xl\:to-green-100 {
    --tw-gradient-to: #d1fae5;
  }

  .xl\:to-green-200 {
    --tw-gradient-to: #a7f3d0;
  }

  .xl\:to-green-300 {
    --tw-gradient-to: #6ee7b7;
  }

  .xl\:to-green-400 {
    --tw-gradient-to: #34d399;
  }

  .xl\:to-green-500 {
    --tw-gradient-to: #10b981;
  }

  .xl\:to-green-600 {
    --tw-gradient-to: #059669;
  }

  .xl\:to-green-700 {
    --tw-gradient-to: #047857;
  }

  .xl\:to-green-800 {
    --tw-gradient-to: #065f46;
  }

  .xl\:to-green-900 {
    --tw-gradient-to: #064e3b;
  }

  .xl\:to-blue-50 {
    --tw-gradient-to: #eff6ff;
  }

  .xl\:to-blue-100 {
    --tw-gradient-to: #dbeafe;
  }

  .xl\:to-blue-200 {
    --tw-gradient-to: #bfdbfe;
  }

  .xl\:to-blue-300 {
    --tw-gradient-to: #93c5fd;
  }

  .xl\:to-blue-400 {
    --tw-gradient-to: #60a5fa;
  }

  .xl\:to-blue-500 {
    --tw-gradient-to: #3b82f6;
  }

  .xl\:to-blue-600 {
    --tw-gradient-to: #2563eb;
  }

  .xl\:to-blue-700 {
    --tw-gradient-to: #1d4ed8;
  }

  .xl\:to-blue-800 {
    --tw-gradient-to: #1e40af;
  }

  .xl\:to-blue-900 {
    --tw-gradient-to: #1e3a8a;
  }

  .xl\:to-indigo-50 {
    --tw-gradient-to: #eef2ff;
  }

  .xl\:to-indigo-100 {
    --tw-gradient-to: #e0e7ff;
  }

  .xl\:to-indigo-200 {
    --tw-gradient-to: #c7d2fe;
  }

  .xl\:to-indigo-300 {
    --tw-gradient-to: #a5b4fc;
  }

  .xl\:to-indigo-400 {
    --tw-gradient-to: #818cf8;
  }

  .xl\:to-indigo-500 {
    --tw-gradient-to: #6366f1;
  }

  .xl\:to-indigo-600 {
    --tw-gradient-to: #4f46e5;
  }

  .xl\:to-indigo-700 {
    --tw-gradient-to: #4338ca;
  }

  .xl\:to-indigo-800 {
    --tw-gradient-to: #3730a3;
  }

  .xl\:to-indigo-900 {
    --tw-gradient-to: #312e81;
  }

  .xl\:to-purple-50 {
    --tw-gradient-to: #f5f3ff;
  }

  .xl\:to-purple-100 {
    --tw-gradient-to: #ede9fe;
  }

  .xl\:to-purple-200 {
    --tw-gradient-to: #ddd6fe;
  }

  .xl\:to-purple-300 {
    --tw-gradient-to: #c4b5fd;
  }

  .xl\:to-purple-400 {
    --tw-gradient-to: #a78bfa;
  }

  .xl\:to-purple-500 {
    --tw-gradient-to: #8b5cf6;
  }

  .xl\:to-purple-600 {
    --tw-gradient-to: #7c3aed;
  }

  .xl\:to-purple-700 {
    --tw-gradient-to: #6d28d9;
  }

  .xl\:to-purple-800 {
    --tw-gradient-to: #5b21b6;
  }

  .xl\:to-purple-900 {
    --tw-gradient-to: #4c1d95;
  }

  .xl\:to-pink-50 {
    --tw-gradient-to: #fdf2f8;
  }

  .xl\:to-pink-100 {
    --tw-gradient-to: #fce7f3;
  }

  .xl\:to-pink-200 {
    --tw-gradient-to: #fbcfe8;
  }

  .xl\:to-pink-300 {
    --tw-gradient-to: #f9a8d4;
  }

  .xl\:to-pink-400 {
    --tw-gradient-to: #f472b6;
  }

  .xl\:to-pink-500 {
    --tw-gradient-to: #ec4899;
  }

  .xl\:to-pink-600 {
    --tw-gradient-to: #db2777;
  }

  .xl\:to-pink-700 {
    --tw-gradient-to: #be185d;
  }

  .xl\:to-pink-800 {
    --tw-gradient-to: #9d174d;
  }

  .xl\:to-pink-900 {
    --tw-gradient-to: #831843;
  }

  .xl\:hover\:to-transparent:hover {
    --tw-gradient-to: transparent;
  }

  .xl\:hover\:to-current:hover {
    --tw-gradient-to: currentColor;
  }

  .xl\:hover\:to-black:hover {
    --tw-gradient-to: #000;
  }

  .xl\:hover\:to-white:hover {
    --tw-gradient-to: #fff;
  }

  .xl\:hover\:to-gray-50:hover {
    --tw-gradient-to: #f9fafb;
  }

  .xl\:hover\:to-gray-100:hover {
    --tw-gradient-to: #f3f4f6;
  }

  .xl\:hover\:to-gray-200:hover {
    --tw-gradient-to: #e5e7eb;
  }

  .xl\:hover\:to-gray-300:hover {
    --tw-gradient-to: #d1d5db;
  }

  .xl\:hover\:to-gray-400:hover {
    --tw-gradient-to: #9ca3af;
  }

  .xl\:hover\:to-gray-500:hover {
    --tw-gradient-to: #6b7280;
  }

  .xl\:hover\:to-gray-600:hover {
    --tw-gradient-to: #4b5563;
  }

  .xl\:hover\:to-gray-700:hover {
    --tw-gradient-to: #374151;
  }

  .xl\:hover\:to-gray-800:hover {
    --tw-gradient-to: #1f2937;
  }

  .xl\:hover\:to-gray-900:hover {
    --tw-gradient-to: #111827;
  }

  .xl\:hover\:to-red-50:hover {
    --tw-gradient-to: #fef2f2;
  }

  .xl\:hover\:to-red-100:hover {
    --tw-gradient-to: #fee2e2;
  }

  .xl\:hover\:to-red-200:hover {
    --tw-gradient-to: #fecaca;
  }

  .xl\:hover\:to-red-300:hover {
    --tw-gradient-to: #fca5a5;
  }

  .xl\:hover\:to-red-400:hover {
    --tw-gradient-to: #f87171;
  }

  .xl\:hover\:to-red-500:hover {
    --tw-gradient-to: #ef4444;
  }

  .xl\:hover\:to-red-600:hover {
    --tw-gradient-to: #dc2626;
  }

  .xl\:hover\:to-red-700:hover {
    --tw-gradient-to: #b91c1c;
  }

  .xl\:hover\:to-red-800:hover {
    --tw-gradient-to: #991b1b;
  }

  .xl\:hover\:to-red-900:hover {
    --tw-gradient-to: #7f1d1d;
  }

  .xl\:hover\:to-yellow-50:hover {
    --tw-gradient-to: #fffbeb;
  }

  .xl\:hover\:to-yellow-100:hover {
    --tw-gradient-to: #fef3c7;
  }

  .xl\:hover\:to-yellow-200:hover {
    --tw-gradient-to: #fde68a;
  }

  .xl\:hover\:to-yellow-300:hover {
    --tw-gradient-to: #fcd34d;
  }

  .xl\:hover\:to-yellow-400:hover {
    --tw-gradient-to: #fbbf24;
  }

  .xl\:hover\:to-yellow-500:hover {
    --tw-gradient-to: #f59e0b;
  }

  .xl\:hover\:to-yellow-600:hover {
    --tw-gradient-to: #d97706;
  }

  .xl\:hover\:to-yellow-700:hover {
    --tw-gradient-to: #b45309;
  }

  .xl\:hover\:to-yellow-800:hover {
    --tw-gradient-to: #92400e;
  }

  .xl\:hover\:to-yellow-900:hover {
    --tw-gradient-to: #78350f;
  }

  .xl\:hover\:to-green-50:hover {
    --tw-gradient-to: #ecfdf5;
  }

  .xl\:hover\:to-green-100:hover {
    --tw-gradient-to: #d1fae5;
  }

  .xl\:hover\:to-green-200:hover {
    --tw-gradient-to: #a7f3d0;
  }

  .xl\:hover\:to-green-300:hover {
    --tw-gradient-to: #6ee7b7;
  }

  .xl\:hover\:to-green-400:hover {
    --tw-gradient-to: #34d399;
  }

  .xl\:hover\:to-green-500:hover {
    --tw-gradient-to: #10b981;
  }

  .xl\:hover\:to-green-600:hover {
    --tw-gradient-to: #059669;
  }

  .xl\:hover\:to-green-700:hover {
    --tw-gradient-to: #047857;
  }

  .xl\:hover\:to-green-800:hover {
    --tw-gradient-to: #065f46;
  }

  .xl\:hover\:to-green-900:hover {
    --tw-gradient-to: #064e3b;
  }

  .xl\:hover\:to-blue-50:hover {
    --tw-gradient-to: #eff6ff;
  }

  .xl\:hover\:to-blue-100:hover {
    --tw-gradient-to: #dbeafe;
  }

  .xl\:hover\:to-blue-200:hover {
    --tw-gradient-to: #bfdbfe;
  }

  .xl\:hover\:to-blue-300:hover {
    --tw-gradient-to: #93c5fd;
  }

  .xl\:hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa;
  }

  .xl\:hover\:to-blue-500:hover {
    --tw-gradient-to: #3b82f6;
  }

  .xl\:hover\:to-blue-600:hover {
    --tw-gradient-to: #2563eb;
  }

  .xl\:hover\:to-blue-700:hover {
    --tw-gradient-to: #1d4ed8;
  }

  .xl\:hover\:to-blue-800:hover {
    --tw-gradient-to: #1e40af;
  }

  .xl\:hover\:to-blue-900:hover {
    --tw-gradient-to: #1e3a8a;
  }

  .xl\:hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff;
  }

  .xl\:hover\:to-indigo-100:hover {
    --tw-gradient-to: #e0e7ff;
  }

  .xl\:hover\:to-indigo-200:hover {
    --tw-gradient-to: #c7d2fe;
  }

  .xl\:hover\:to-indigo-300:hover {
    --tw-gradient-to: #a5b4fc;
  }

  .xl\:hover\:to-indigo-400:hover {
    --tw-gradient-to: #818cf8;
  }

  .xl\:hover\:to-indigo-500:hover {
    --tw-gradient-to: #6366f1;
  }

  .xl\:hover\:to-indigo-600:hover {
    --tw-gradient-to: #4f46e5;
  }

  .xl\:hover\:to-indigo-700:hover {
    --tw-gradient-to: #4338ca;
  }

  .xl\:hover\:to-indigo-800:hover {
    --tw-gradient-to: #3730a3;
  }

  .xl\:hover\:to-indigo-900:hover {
    --tw-gradient-to: #312e81;
  }

  .xl\:hover\:to-purple-50:hover {
    --tw-gradient-to: #f5f3ff;
  }

  .xl\:hover\:to-purple-100:hover {
    --tw-gradient-to: #ede9fe;
  }

  .xl\:hover\:to-purple-200:hover {
    --tw-gradient-to: #ddd6fe;
  }

  .xl\:hover\:to-purple-300:hover {
    --tw-gradient-to: #c4b5fd;
  }

  .xl\:hover\:to-purple-400:hover {
    --tw-gradient-to: #a78bfa;
  }

  .xl\:hover\:to-purple-500:hover {
    --tw-gradient-to: #8b5cf6;
  }

  .xl\:hover\:to-purple-600:hover {
    --tw-gradient-to: #7c3aed;
  }

  .xl\:hover\:to-purple-700:hover {
    --tw-gradient-to: #6d28d9;
  }

  .xl\:hover\:to-purple-800:hover {
    --tw-gradient-to: #5b21b6;
  }

  .xl\:hover\:to-purple-900:hover {
    --tw-gradient-to: #4c1d95;
  }

  .xl\:hover\:to-pink-50:hover {
    --tw-gradient-to: #fdf2f8;
  }

  .xl\:hover\:to-pink-100:hover {
    --tw-gradient-to: #fce7f3;
  }

  .xl\:hover\:to-pink-200:hover {
    --tw-gradient-to: #fbcfe8;
  }

  .xl\:hover\:to-pink-300:hover {
    --tw-gradient-to: #f9a8d4;
  }

  .xl\:hover\:to-pink-400:hover {
    --tw-gradient-to: #f472b6;
  }

  .xl\:hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899;
  }

  .xl\:hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777;
  }

  .xl\:hover\:to-pink-700:hover {
    --tw-gradient-to: #be185d;
  }

  .xl\:hover\:to-pink-800:hover {
    --tw-gradient-to: #9d174d;
  }

  .xl\:hover\:to-pink-900:hover {
    --tw-gradient-to: #831843;
  }

  .xl\:focus\:to-transparent:focus {
    --tw-gradient-to: transparent;
  }

  .xl\:focus\:to-current:focus {
    --tw-gradient-to: currentColor;
  }

  .xl\:focus\:to-black:focus {
    --tw-gradient-to: #000;
  }

  .xl\:focus\:to-white:focus {
    --tw-gradient-to: #fff;
  }

  .xl\:focus\:to-gray-50:focus {
    --tw-gradient-to: #f9fafb;
  }

  .xl\:focus\:to-gray-100:focus {
    --tw-gradient-to: #f3f4f6;
  }

  .xl\:focus\:to-gray-200:focus {
    --tw-gradient-to: #e5e7eb;
  }

  .xl\:focus\:to-gray-300:focus {
    --tw-gradient-to: #d1d5db;
  }

  .xl\:focus\:to-gray-400:focus {
    --tw-gradient-to: #9ca3af;
  }

  .xl\:focus\:to-gray-500:focus {
    --tw-gradient-to: #6b7280;
  }

  .xl\:focus\:to-gray-600:focus {
    --tw-gradient-to: #4b5563;
  }

  .xl\:focus\:to-gray-700:focus {
    --tw-gradient-to: #374151;
  }

  .xl\:focus\:to-gray-800:focus {
    --tw-gradient-to: #1f2937;
  }

  .xl\:focus\:to-gray-900:focus {
    --tw-gradient-to: #111827;
  }

  .xl\:focus\:to-red-50:focus {
    --tw-gradient-to: #fef2f2;
  }

  .xl\:focus\:to-red-100:focus {
    --tw-gradient-to: #fee2e2;
  }

  .xl\:focus\:to-red-200:focus {
    --tw-gradient-to: #fecaca;
  }

  .xl\:focus\:to-red-300:focus {
    --tw-gradient-to: #fca5a5;
  }

  .xl\:focus\:to-red-400:focus {
    --tw-gradient-to: #f87171;
  }

  .xl\:focus\:to-red-500:focus {
    --tw-gradient-to: #ef4444;
  }

  .xl\:focus\:to-red-600:focus {
    --tw-gradient-to: #dc2626;
  }

  .xl\:focus\:to-red-700:focus {
    --tw-gradient-to: #b91c1c;
  }

  .xl\:focus\:to-red-800:focus {
    --tw-gradient-to: #991b1b;
  }

  .xl\:focus\:to-red-900:focus {
    --tw-gradient-to: #7f1d1d;
  }

  .xl\:focus\:to-yellow-50:focus {
    --tw-gradient-to: #fffbeb;
  }

  .xl\:focus\:to-yellow-100:focus {
    --tw-gradient-to: #fef3c7;
  }

  .xl\:focus\:to-yellow-200:focus {
    --tw-gradient-to: #fde68a;
  }

  .xl\:focus\:to-yellow-300:focus {
    --tw-gradient-to: #fcd34d;
  }

  .xl\:focus\:to-yellow-400:focus {
    --tw-gradient-to: #fbbf24;
  }

  .xl\:focus\:to-yellow-500:focus {
    --tw-gradient-to: #f59e0b;
  }

  .xl\:focus\:to-yellow-600:focus {
    --tw-gradient-to: #d97706;
  }

  .xl\:focus\:to-yellow-700:focus {
    --tw-gradient-to: #b45309;
  }

  .xl\:focus\:to-yellow-800:focus {
    --tw-gradient-to: #92400e;
  }

  .xl\:focus\:to-yellow-900:focus {
    --tw-gradient-to: #78350f;
  }

  .xl\:focus\:to-green-50:focus {
    --tw-gradient-to: #ecfdf5;
  }

  .xl\:focus\:to-green-100:focus {
    --tw-gradient-to: #d1fae5;
  }

  .xl\:focus\:to-green-200:focus {
    --tw-gradient-to: #a7f3d0;
  }

  .xl\:focus\:to-green-300:focus {
    --tw-gradient-to: #6ee7b7;
  }

  .xl\:focus\:to-green-400:focus {
    --tw-gradient-to: #34d399;
  }

  .xl\:focus\:to-green-500:focus {
    --tw-gradient-to: #10b981;
  }

  .xl\:focus\:to-green-600:focus {
    --tw-gradient-to: #059669;
  }

  .xl\:focus\:to-green-700:focus {
    --tw-gradient-to: #047857;
  }

  .xl\:focus\:to-green-800:focus {
    --tw-gradient-to: #065f46;
  }

  .xl\:focus\:to-green-900:focus {
    --tw-gradient-to: #064e3b;
  }

  .xl\:focus\:to-blue-50:focus {
    --tw-gradient-to: #eff6ff;
  }

  .xl\:focus\:to-blue-100:focus {
    --tw-gradient-to: #dbeafe;
  }

  .xl\:focus\:to-blue-200:focus {
    --tw-gradient-to: #bfdbfe;
  }

  .xl\:focus\:to-blue-300:focus {
    --tw-gradient-to: #93c5fd;
  }

  .xl\:focus\:to-blue-400:focus {
    --tw-gradient-to: #60a5fa;
  }

  .xl\:focus\:to-blue-500:focus {
    --tw-gradient-to: #3b82f6;
  }

  .xl\:focus\:to-blue-600:focus {
    --tw-gradient-to: #2563eb;
  }

  .xl\:focus\:to-blue-700:focus {
    --tw-gradient-to: #1d4ed8;
  }

  .xl\:focus\:to-blue-800:focus {
    --tw-gradient-to: #1e40af;
  }

  .xl\:focus\:to-blue-900:focus {
    --tw-gradient-to: #1e3a8a;
  }

  .xl\:focus\:to-indigo-50:focus {
    --tw-gradient-to: #eef2ff;
  }

  .xl\:focus\:to-indigo-100:focus {
    --tw-gradient-to: #e0e7ff;
  }

  .xl\:focus\:to-indigo-200:focus {
    --tw-gradient-to: #c7d2fe;
  }

  .xl\:focus\:to-indigo-300:focus {
    --tw-gradient-to: #a5b4fc;
  }

  .xl\:focus\:to-indigo-400:focus {
    --tw-gradient-to: #818cf8;
  }

  .xl\:focus\:to-indigo-500:focus {
    --tw-gradient-to: #6366f1;
  }

  .xl\:focus\:to-indigo-600:focus {
    --tw-gradient-to: #4f46e5;
  }

  .xl\:focus\:to-indigo-700:focus {
    --tw-gradient-to: #4338ca;
  }

  .xl\:focus\:to-indigo-800:focus {
    --tw-gradient-to: #3730a3;
  }

  .xl\:focus\:to-indigo-900:focus {
    --tw-gradient-to: #312e81;
  }

  .xl\:focus\:to-purple-50:focus {
    --tw-gradient-to: #f5f3ff;
  }

  .xl\:focus\:to-purple-100:focus {
    --tw-gradient-to: #ede9fe;
  }

  .xl\:focus\:to-purple-200:focus {
    --tw-gradient-to: #ddd6fe;
  }

  .xl\:focus\:to-purple-300:focus {
    --tw-gradient-to: #c4b5fd;
  }

  .xl\:focus\:to-purple-400:focus {
    --tw-gradient-to: #a78bfa;
  }

  .xl\:focus\:to-purple-500:focus {
    --tw-gradient-to: #8b5cf6;
  }

  .xl\:focus\:to-purple-600:focus {
    --tw-gradient-to: #7c3aed;
  }

  .xl\:focus\:to-purple-700:focus {
    --tw-gradient-to: #6d28d9;
  }

  .xl\:focus\:to-purple-800:focus {
    --tw-gradient-to: #5b21b6;
  }

  .xl\:focus\:to-purple-900:focus {
    --tw-gradient-to: #4c1d95;
  }

  .xl\:focus\:to-pink-50:focus {
    --tw-gradient-to: #fdf2f8;
  }

  .xl\:focus\:to-pink-100:focus {
    --tw-gradient-to: #fce7f3;
  }

  .xl\:focus\:to-pink-200:focus {
    --tw-gradient-to: #fbcfe8;
  }

  .xl\:focus\:to-pink-300:focus {
    --tw-gradient-to: #f9a8d4;
  }

  .xl\:focus\:to-pink-400:focus {
    --tw-gradient-to: #f472b6;
  }

  .xl\:focus\:to-pink-500:focus {
    --tw-gradient-to: #ec4899;
  }

  .xl\:focus\:to-pink-600:focus {
    --tw-gradient-to: #db2777;
  }

  .xl\:focus\:to-pink-700:focus {
    --tw-gradient-to: #be185d;
  }

  .xl\:focus\:to-pink-800:focus {
    --tw-gradient-to: #9d174d;
  }

  .xl\:focus\:to-pink-900:focus {
    --tw-gradient-to: #831843;
  }

  .xl\:decoration-slice {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
  }

  .xl\:decoration-clone {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }

  .xl\:bg-auto {
    background-size: auto;
  }

  .xl\:bg-cover {
    background-size: cover;
  }

  .xl\:bg-contain {
    background-size: contain;
  }

  .xl\:bg-fixed {
    background-attachment: fixed;
  }

  .xl\:bg-local {
    background-attachment: local;
  }

  .xl\:bg-scroll {
    background-attachment: scroll;
  }

  .xl\:bg-clip-border {
    background-clip: border-box;
  }

  .xl\:bg-clip-padding {
    background-clip: padding-box;
  }

  .xl\:bg-clip-content {
    background-clip: content-box;
  }

  .xl\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .xl\:bg-bottom {
    background-position: bottom;
  }

  .xl\:bg-center {
    background-position: center;
  }

  .xl\:bg-left {
    background-position: left;
  }

  .xl\:bg-left-bottom {
    background-position: left bottom;
  }

  .xl\:bg-left-top {
    background-position: left top;
  }

  .xl\:bg-right {
    background-position: right;
  }

  .xl\:bg-right-bottom {
    background-position: right bottom;
  }

  .xl\:bg-right-top {
    background-position: right top;
  }

  .xl\:bg-top {
    background-position: top;
  }

  .xl\:bg-repeat {
    background-repeat: repeat;
  }

  .xl\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xl\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xl\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xl\:bg-repeat-round {
    background-repeat: round;
  }

  .xl\:bg-repeat-space {
    background-repeat: space;
  }

  .xl\:bg-origin-border {
    background-origin: border-box;
  }

  .xl\:bg-origin-padding {
    background-origin: padding-box;
  }

  .xl\:bg-origin-content {
    background-origin: content-box;
  }

  .xl\:fill-current {
    fill: currentColor;
  }

  .xl\:stroke-current {
    stroke: currentColor;
  }

  .xl\:stroke-0 {
    stroke-width: 0;
  }

  .xl\:stroke-1 {
    stroke-width: 1;
  }

  .xl\:stroke-2 {
    stroke-width: 2;
  }

  .xl\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .xl\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .xl\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .xl\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .xl\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .xl\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  .xl\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .xl\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  .xl\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .xl\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  .xl\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  .xl\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .xl\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  .xl\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .xl\:p-0 {
    padding: 0px;
  }

  .xl\:p-1 {
    padding: 0.25rem;
  }

  .xl\:p-2 {
    padding: 0.5rem;
  }

  .xl\:p-3 {
    padding: 0.75rem;
  }

  .xl\:p-4 {
    padding: 1rem;
  }

  .xl\:p-5 {
    padding: 1.25rem;
  }

  .xl\:p-6 {
    padding: 1.5rem;
  }

  .xl\:p-7 {
    padding: 1.75rem;
  }

  .xl\:p-8 {
    padding: 2rem;
  }

  .xl\:p-9 {
    padding: 2.25rem;
  }

  .xl\:p-10 {
    padding: 2.5rem;
  }

  .xl\:p-11 {
    padding: 2.75rem;
  }

  .xl\:p-12 {
    padding: 3rem;
  }

  .xl\:p-14 {
    padding: 3.5rem;
  }

  .xl\:p-16 {
    padding: 4rem;
  }

  .xl\:p-20 {
    padding: 5rem;
  }

  .xl\:p-24 {
    padding: 6rem;
  }

  .xl\:p-28 {
    padding: 7rem;
  }

  .xl\:p-32 {
    padding: 8rem;
  }

  .xl\:p-36 {
    padding: 9rem;
  }

  .xl\:p-40 {
    padding: 10rem;
  }

  .xl\:p-44 {
    padding: 11rem;
  }

  .xl\:p-48 {
    padding: 12rem;
  }

  .xl\:p-52 {
    padding: 13rem;
  }

  .xl\:p-56 {
    padding: 14rem;
  }

  .xl\:p-60 {
    padding: 15rem;
  }

  .xl\:p-64 {
    padding: 16rem;
  }

  .xl\:p-72 {
    padding: 18rem;
  }

  .xl\:p-80 {
    padding: 20rem;
  }

  .xl\:p-96 {
    padding: 24rem;
  }

  .xl\:p-px {
    padding: 1px;
  }

  .xl\:p-0\.5 {
    padding: 0.125rem;
  }

  .xl\:p-1\.5 {
    padding: 0.375rem;
  }

  .xl\:p-2\.5 {
    padding: 0.625rem;
  }

  .xl\:p-3\.5 {
    padding: 0.875rem;
  }

  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .xl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:px-44 {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .xl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xl\:px-52 {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .xl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xl\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .xl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xl\:px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .xl\:px-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .xl\:px-96 {
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .xl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .xl\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .xl\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .xl\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .xl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .xl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .xl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .xl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .xl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .xl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .xl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xl\:py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }

  .xl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xl\:py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .xl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .xl\:py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .xl\:py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }

  .xl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .xl\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .xl\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .xl\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .xl\:pt-0 {
    padding-top: 0px;
  }

  .xl\:pt-1 {
    padding-top: 0.25rem;
  }

  .xl\:pt-2 {
    padding-top: 0.5rem;
  }

  .xl\:pt-3 {
    padding-top: 0.75rem;
  }

  .xl\:pt-4 {
    padding-top: 1rem;
  }

  .xl\:pt-5 {
    padding-top: 1.25rem;
  }

  .xl\:pt-6 {
    padding-top: 1.5rem;
  }

  .xl\:pt-7 {
    padding-top: 1.75rem;
  }

  .xl\:pt-8 {
    padding-top: 2rem;
  }

  .xl\:pt-9 {
    padding-top: 2.25rem;
  }

  .xl\:pt-10 {
    padding-top: 2.5rem;
  }

  .xl\:pt-11 {
    padding-top: 2.75rem;
  }

  .xl\:pt-12 {
    padding-top: 3rem;
  }

  .xl\:pt-14 {
    padding-top: 3.5rem;
  }

  .xl\:pt-16 {
    padding-top: 4rem;
  }

  .xl\:pt-20 {
    padding-top: 5rem;
  }

  .xl\:pt-24 {
    padding-top: 6rem;
  }

  .xl\:pt-28 {
    padding-top: 7rem;
  }

  .xl\:pt-32 {
    padding-top: 8rem;
  }

  .xl\:pt-36 {
    padding-top: 9rem;
  }

  .xl\:pt-40 {
    padding-top: 10rem;
  }

  .xl\:pt-44 {
    padding-top: 11rem;
  }

  .xl\:pt-48 {
    padding-top: 12rem;
  }

  .xl\:pt-52 {
    padding-top: 13rem;
  }

  .xl\:pt-56 {
    padding-top: 14rem;
  }

  .xl\:pt-60 {
    padding-top: 15rem;
  }

  .xl\:pt-64 {
    padding-top: 16rem;
  }

  .xl\:pt-72 {
    padding-top: 18rem;
  }

  .xl\:pt-80 {
    padding-top: 20rem;
  }

  .xl\:pt-96 {
    padding-top: 24rem;
  }

  .xl\:pt-px {
    padding-top: 1px;
  }

  .xl\:pt-0\.5 {
    padding-top: 0.125rem;
  }

  .xl\:pt-1\.5 {
    padding-top: 0.375rem;
  }

  .xl\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .xl\:pt-3\.5 {
    padding-top: 0.875rem;
  }

  .xl\:pr-0 {
    padding-right: 0px;
  }

  .xl\:pr-1 {
    padding-right: 0.25rem;
  }

  .xl\:pr-2 {
    padding-right: 0.5rem;
  }

  .xl\:pr-3 {
    padding-right: 0.75rem;
  }

  .xl\:pr-4 {
    padding-right: 1rem;
  }

  .xl\:pr-5 {
    padding-right: 1.25rem;
  }

  .xl\:pr-6 {
    padding-right: 1.5rem;
  }

  .xl\:pr-7 {
    padding-right: 1.75rem;
  }

  .xl\:pr-8 {
    padding-right: 2rem;
  }

  .xl\:pr-9 {
    padding-right: 2.25rem;
  }

  .xl\:pr-10 {
    padding-right: 2.5rem;
  }

  .xl\:pr-11 {
    padding-right: 2.75rem;
  }

  .xl\:pr-12 {
    padding-right: 3rem;
  }

  .xl\:pr-14 {
    padding-right: 3.5rem;
  }

  .xl\:pr-16 {
    padding-right: 4rem;
  }

  .xl\:pr-20 {
    padding-right: 5rem;
  }

  .xl\:pr-24 {
    padding-right: 6rem;
  }

  .xl\:pr-28 {
    padding-right: 7rem;
  }

  .xl\:pr-32 {
    padding-right: 8rem;
  }

  .xl\:pr-36 {
    padding-right: 9rem;
  }

  .xl\:pr-40 {
    padding-right: 10rem;
  }

  .xl\:pr-44 {
    padding-right: 11rem;
  }

  .xl\:pr-48 {
    padding-right: 12rem;
  }

  .xl\:pr-52 {
    padding-right: 13rem;
  }

  .xl\:pr-56 {
    padding-right: 14rem;
  }

  .xl\:pr-60 {
    padding-right: 15rem;
  }

  .xl\:pr-64 {
    padding-right: 16rem;
  }

  .xl\:pr-72 {
    padding-right: 18rem;
  }

  .xl\:pr-80 {
    padding-right: 20rem;
  }

  .xl\:pr-96 {
    padding-right: 24rem;
  }

  .xl\:pr-px {
    padding-right: 1px;
  }

  .xl\:pr-0\.5 {
    padding-right: 0.125rem;
  }

  .xl\:pr-1\.5 {
    padding-right: 0.375rem;
  }

  .xl\:pr-2\.5 {
    padding-right: 0.625rem;
  }

  .xl\:pr-3\.5 {
    padding-right: 0.875rem;
  }

  .xl\:pb-0 {
    padding-bottom: 0px;
  }

  .xl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .xl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .xl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .xl\:pb-4 {
    padding-bottom: 1rem;
  }

  .xl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .xl\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .xl\:pb-8 {
    padding-bottom: 2rem;
  }

  .xl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xl\:pb-11 {
    padding-bottom: 2.75rem;
  }

  .xl\:pb-12 {
    padding-bottom: 3rem;
  }

  .xl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .xl\:pb-16 {
    padding-bottom: 4rem;
  }

  .xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:pb-24 {
    padding-bottom: 6rem;
  }

  .xl\:pb-28 {
    padding-bottom: 7rem;
  }

  .xl\:pb-32 {
    padding-bottom: 8rem;
  }

  .xl\:pb-36 {
    padding-bottom: 9rem;
  }

  .xl\:pb-40 {
    padding-bottom: 10rem;
  }

  .xl\:pb-44 {
    padding-bottom: 11rem;
  }

  .xl\:pb-48 {
    padding-bottom: 12rem;
  }

  .xl\:pb-52 {
    padding-bottom: 13rem;
  }

  .xl\:pb-56 {
    padding-bottom: 14rem;
  }

  .xl\:pb-60 {
    padding-bottom: 15rem;
  }

  .xl\:pb-64 {
    padding-bottom: 16rem;
  }

  .xl\:pb-72 {
    padding-bottom: 18rem;
  }

  .xl\:pb-80 {
    padding-bottom: 20rem;
  }

  .xl\:pb-96 {
    padding-bottom: 24rem;
  }

  .xl\:pb-px {
    padding-bottom: 1px;
  }

  .xl\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }

  .xl\:pb-1\.5 {
    padding-bottom: 0.375rem;
  }

  .xl\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }

  .xl\:pb-3\.5 {
    padding-bottom: 0.875rem;
  }

  .xl\:pl-0 {
    padding-left: 0px;
  }

  .xl\:pl-1 {
    padding-left: 0.25rem;
  }

  .xl\:pl-2 {
    padding-left: 0.5rem;
  }

  .xl\:pl-3 {
    padding-left: 0.75rem;
  }

  .xl\:pl-4 {
    padding-left: 1rem;
  }

  .xl\:pl-5 {
    padding-left: 1.25rem;
  }

  .xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:pl-7 {
    padding-left: 1.75rem;
  }

  .xl\:pl-8 {
    padding-left: 2rem;
  }

  .xl\:pl-9 {
    padding-left: 2.25rem;
  }

  .xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .xl\:pl-11 {
    padding-left: 2.75rem;
  }

  .xl\:pl-12 {
    padding-left: 3rem;
  }

  .xl\:pl-14 {
    padding-left: 3.5rem;
  }

  .xl\:pl-16 {
    padding-left: 4rem;
  }

  .xl\:pl-20 {
    padding-left: 5rem;
  }

  .xl\:pl-24 {
    padding-left: 6rem;
  }

  .xl\:pl-28 {
    padding-left: 7rem;
  }

  .xl\:pl-32 {
    padding-left: 8rem;
  }

  .xl\:pl-36 {
    padding-left: 9rem;
  }

  .xl\:pl-40 {
    padding-left: 10rem;
  }

  .xl\:pl-44 {
    padding-left: 11rem;
  }

  .xl\:pl-48 {
    padding-left: 12rem;
  }

  .xl\:pl-52 {
    padding-left: 13rem;
  }

  .xl\:pl-56 {
    padding-left: 14rem;
  }

  .xl\:pl-60 {
    padding-left: 15rem;
  }

  .xl\:pl-64 {
    padding-left: 16rem;
  }

  .xl\:pl-72 {
    padding-left: 18rem;
  }

  .xl\:pl-80 {
    padding-left: 20rem;
  }

  .xl\:pl-96 {
    padding-left: 24rem;
  }

  .xl\:pl-px {
    padding-left: 1px;
  }

  .xl\:pl-0\.5 {
    padding-left: 0.125rem;
  }

  .xl\:pl-1\.5 {
    padding-left: 0.375rem;
  }

  .xl\:pl-2\.5 {
    padding-left: 0.625rem;
  }

  .xl\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .xl\:text-left {
    text-align: left;
  }

  .xl\:text-center {
    text-align: center;
  }

  .xl\:text-right {
    text-align: right;
  }

  .xl\:text-justify {
    text-align: justify;
  }

  .xl\:align-baseline {
    vertical-align: baseline;
  }

  .xl\:align-top {
    vertical-align: top;
  }

  .xl\:align-middle {
    vertical-align: middle;
  }

  .xl\:align-bottom {
    vertical-align: bottom;
  }

  .xl\:align-text-top {
    vertical-align: text-top;
  }

  .xl\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .xl\:font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .xl\:font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .xl\:font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .xl\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .xl\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .xl\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .xl\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .xl\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

  .xl\:font-thin {
    font-weight: 100;
  }

  .xl\:font-extralight {
    font-weight: 200;
  }

  .xl\:font-light {
    font-weight: 300;
  }

  .xl\:font-normal {
    font-weight: 400;
  }

  .xl\:font-medium {
    font-weight: 500;
  }

  .xl\:font-semibold {
    font-weight: 600;
  }

  .xl\:font-bold {
    font-weight: 700;
  }

  .xl\:font-extrabold {
    font-weight: 800;
  }

  .xl\:font-black {
    font-weight: 900;
  }

  .xl\:uppercase {
    text-transform: uppercase;
  }

  .xl\:lowercase {
    text-transform: lowercase;
  }

  .xl\:capitalize {
    text-transform: capitalize;
  }

  .xl\:normal-case {
    text-transform: none;
  }

  .xl\:italic {
    font-style: italic;
  }

  .xl\:not-italic {
    font-style: normal;
  }

  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }

  .xl\:normal-nums {
    font-variant-numeric: normal;
  }

  .xl\:ordinal {
    --tw-ordinal: ordinal;
  }

  .xl\:slashed-zero {
    --tw-slashed-zero: slashed-zero;
  }

  .xl\:lining-nums {
    --tw-numeric-figure: lining-nums;
  }

  .xl\:oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
  }

  .xl\:proportional-nums {
    --tw-numeric-spacing: proportional-nums;
  }

  .xl\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
  }

  .xl\:diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
  }

  .xl\:stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
  }

  .xl\:leading-3 {
    line-height: .75rem;
  }

  .xl\:leading-4 {
    line-height: 1rem;
  }

  .xl\:leading-5 {
    line-height: 1.25rem;
  }

  .xl\:leading-6 {
    line-height: 1.5rem;
  }

  .xl\:leading-7 {
    line-height: 1.75rem;
  }

  .xl\:leading-8 {
    line-height: 2rem;
  }

  .xl\:leading-9 {
    line-height: 2.25rem;
  }

  .xl\:leading-10 {
    line-height: 2.5rem;
  }

  .xl\:leading-none {
    line-height: 1;
  }

  .xl\:leading-tight {
    line-height: 1.25;
  }

  .xl\:leading-snug {
    line-height: 1.375;
  }

  .xl\:leading-normal {
    line-height: 1.5;
  }

  .xl\:leading-relaxed {
    line-height: 1.625;
  }

  .xl\:leading-loose {
    line-height: 2;
  }

  .xl\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .xl\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .xl\:tracking-normal {
    letter-spacing: 0em;
  }

  .xl\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .xl\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .xl\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .xl\:text-transparent {
    color: transparent;
  }

  .xl\:text-current {
    color: currentColor;
  }

  .xl\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .xl\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .xl\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .xl\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .xl\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .xl\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .xl\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .xl\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .xl\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .xl\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .xl\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .xl\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .xl\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .xl\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .xl\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .xl\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .xl\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .xl\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .xl\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .xl\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .xl\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .xl\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .xl\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .xl\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .xl\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .xl\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .xl\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .xl\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .xl\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .xl\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .xl\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .xl\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .xl\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .xl\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .xl\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .xl\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .xl\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .xl\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .xl\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .xl\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .xl\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .xl\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .xl\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .xl\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .xl\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .xl\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .xl\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .xl\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .xl\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .xl\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .xl\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .xl\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .xl\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .xl\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .xl\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .xl\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .xl\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .xl\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .xl\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .xl\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .xl\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .xl\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .xl\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .xl\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .xl\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .xl\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .xl\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .xl\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .xl\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .xl\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .xl\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .xl\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .xl\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .xl\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .xl\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .xl\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .xl\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .xl\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .xl\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .xl\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .xl\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .xl\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-transparent {
    color: transparent;
  }

  .group:hover .xl\:group-hover\:text-current {
    color: currentColor;
  }

  .group:hover .xl\:group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .group:hover .xl\:group-hover\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-transparent:focus-within {
    color: transparent;
  }

  .xl\:focus-within\:text-current:focus-within {
    color: currentColor;
  }

  .xl\:focus-within\:text-black:focus-within {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-white:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-gray-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-red-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-yellow-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-green-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-blue-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-indigo-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-purple-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .xl\:focus-within\:text-pink-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .xl\:hover\:text-transparent:hover {
    color: transparent;
  }

  .xl\:hover\:text-current:hover {
    color: currentColor;
  }

  .xl\:hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .xl\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-50:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .xl\:hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .xl\:hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-50:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-700:hover {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-800:hover {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .xl\:hover\:text-yellow-900:hover {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-300:hover {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-800:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .xl\:hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-50:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .xl\:hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-200:hover {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-800:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .xl\:hover\:text-indigo-900:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-50:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-100:hover {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-800:hover {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .xl\:hover\:text-purple-900:hover {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-50:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-100:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-200:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-300:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-400:hover {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-800:hover {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .xl\:hover\:text-pink-900:hover {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .xl\:focus\:text-transparent:focus {
    color: transparent;
  }

  .xl\:focus\:text-current:focus {
    color: currentColor;
  }

  .xl\:focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .xl\:focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-200:focus {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-300:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .xl\:focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-50:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-200:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-400:focus {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-500:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-700:focus {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-800:focus {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .xl\:focus\:text-red-900:focus {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-50:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-200:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-400:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-500:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-600:focus {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-700:focus {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-800:focus {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .xl\:focus\:text-yellow-900:focus {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-50:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-100:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-200:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-300:focus {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-400:focus {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-500:focus {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-600:focus {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-700:focus {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-800:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .xl\:focus\:text-green-900:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-50:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-100:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-200:focus {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-300:focus {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-400:focus {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-500:focus {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-800:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .xl\:focus\:text-blue-900:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-50:focus {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-100:focus {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-200:focus {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-300:focus {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-400:focus {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-500:focus {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-600:focus {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-700:focus {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .xl\:focus\:text-indigo-900:focus {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-50:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-100:focus {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-200:focus {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-300:focus {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-400:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-500:focus {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-600:focus {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-700:focus {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-800:focus {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .xl\:focus\:text-purple-900:focus {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-50:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-100:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-200:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-300:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-400:focus {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-500:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-600:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-700:focus {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-800:focus {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .xl\:focus\:text-pink-900:focus {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .xl\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .xl\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .xl\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .xl\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .xl\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .xl\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .xl\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .xl\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .xl\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .xl\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .xl\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .xl\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .xl\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .xl\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .xl\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .group:hover .xl\:group-hover\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .group:hover .xl\:group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .group:hover .xl\:group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .group:hover .xl\:group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .group:hover .xl\:group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .group:hover .xl\:group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .group:hover .xl\:group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .group:hover .xl\:group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .group:hover .xl\:group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .group:hover .xl\:group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .group:hover .xl\:group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .group:hover .xl\:group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .group:hover .xl\:group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .group:hover .xl\:group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .group:hover .xl\:group-hover\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .xl\:focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0;
  }

  .xl\:focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05;
  }

  .xl\:focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1;
  }

  .xl\:focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2;
  }

  .xl\:focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25;
  }

  .xl\:focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3;
  }

  .xl\:focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4;
  }

  .xl\:focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5;
  }

  .xl\:focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6;
  }

  .xl\:focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7;
  }

  .xl\:focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75;
  }

  .xl\:focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8;
  }

  .xl\:focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9;
  }

  .xl\:focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95;
  }

  .xl\:focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1;
  }

  .xl\:hover\:text-opacity-0:hover {
    --tw-text-opacity: 0;
  }

  .xl\:hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05;
  }

  .xl\:hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1;
  }

  .xl\:hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2;
  }

  .xl\:hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25;
  }

  .xl\:hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3;
  }

  .xl\:hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4;
  }

  .xl\:hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5;
  }

  .xl\:hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6;
  }

  .xl\:hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7;
  }

  .xl\:hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75;
  }

  .xl\:hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8;
  }

  .xl\:hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9;
  }

  .xl\:hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95;
  }

  .xl\:hover\:text-opacity-100:hover {
    --tw-text-opacity: 1;
  }

  .xl\:focus\:text-opacity-0:focus {
    --tw-text-opacity: 0;
  }

  .xl\:focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05;
  }

  .xl\:focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1;
  }

  .xl\:focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2;
  }

  .xl\:focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25;
  }

  .xl\:focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3;
  }

  .xl\:focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4;
  }

  .xl\:focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5;
  }

  .xl\:focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6;
  }

  .xl\:focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7;
  }

  .xl\:focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75;
  }

  .xl\:focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8;
  }

  .xl\:focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9;
  }

  .xl\:focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95;
  }

  .xl\:focus\:text-opacity-100:focus {
    --tw-text-opacity: 1;
  }

  .xl\:underline {
    text-decoration: underline;
  }

  .xl\:line-through {
    text-decoration: line-through;
  }

  .xl\:no-underline {
    text-decoration: none;
  }

  .group:hover .xl\:group-hover\:underline {
    text-decoration: underline;
  }

  .group:hover .xl\:group-hover\:line-through {
    text-decoration: line-through;
  }

  .group:hover .xl\:group-hover\:no-underline {
    text-decoration: none;
  }

  .xl\:focus-within\:underline:focus-within {
    text-decoration: underline;
  }

  .xl\:focus-within\:line-through:focus-within {
    text-decoration: line-through;
  }

  .xl\:focus-within\:no-underline:focus-within {
    text-decoration: none;
  }

  .xl\:hover\:underline:hover {
    text-decoration: underline;
  }

  .xl\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .xl\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .xl\:focus\:underline:focus {
    text-decoration: underline;
  }

  .xl\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .xl\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .xl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:placeholder-transparent::-webkit-input-placeholder {
    color: transparent;
  }

  .xl\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  .xl\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .xl\:placeholder-transparent::-ms-input-placeholder {
    color: transparent;
  }

  .xl\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .xl\:placeholder-current::-webkit-input-placeholder {
    color: currentColor;
  }

  .xl\:placeholder-current::-moz-placeholder {
    color: currentColor;
  }

  .xl\:placeholder-current:-ms-input-placeholder {
    color: currentColor;
  }

  .xl\:placeholder-current::-ms-input-placeholder {
    color: currentColor;
  }

  .xl\:placeholder-current::placeholder {
    color: currentColor;
  }

  .xl\:placeholder-black::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-black:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-black::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-white::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-white:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-white::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-gray-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-red-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-yellow-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-green-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-blue-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-indigo-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-purple-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-pink-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
    color: currentColor;
  }

  .xl\:focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor;
  }

  .xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
    color: currentColor;
  }

  .xl\:focus\:placeholder-current:focus::-ms-input-placeholder {
    color: currentColor;
  }

  .xl\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  .xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-black:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-black:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:focus\:placeholder-pink-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .xl\:placeholder-opacity-0::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-0::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-0:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-0::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-5::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:placeholder-opacity-5::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:placeholder-opacity-5:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:placeholder-opacity-5::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:placeholder-opacity-10::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:placeholder-opacity-10::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:placeholder-opacity-10:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:placeholder-opacity-10::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:placeholder-opacity-20::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:placeholder-opacity-20::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:placeholder-opacity-20:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:placeholder-opacity-20::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:placeholder-opacity-25::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-25::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-25:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-25::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-30::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:placeholder-opacity-30::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:placeholder-opacity-30:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:placeholder-opacity-30::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:placeholder-opacity-40::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:placeholder-opacity-40::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:placeholder-opacity-40:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:placeholder-opacity-40::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:placeholder-opacity-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-50::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:placeholder-opacity-60:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:placeholder-opacity-60::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:placeholder-opacity-70::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:placeholder-opacity-70::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:placeholder-opacity-70:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:placeholder-opacity-70::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:placeholder-opacity-75::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-75::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-75:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-75::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-80::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:placeholder-opacity-80::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:placeholder-opacity-80:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:placeholder-opacity-80::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:placeholder-opacity-90::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:placeholder-opacity-90::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:placeholder-opacity-90:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:placeholder-opacity-90::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:placeholder-opacity-95::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:placeholder-opacity-95::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:placeholder-opacity-95:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:placeholder-opacity-95::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:placeholder-opacity-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:placeholder-opacity-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:placeholder-opacity-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:placeholder-opacity-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .xl\:opacity-0 {
    opacity: 0;
  }

  .xl\:opacity-5 {
    opacity: 0.05;
  }

  .xl\:opacity-10 {
    opacity: 0.1;
  }

  .xl\:opacity-20 {
    opacity: 0.2;
  }

  .xl\:opacity-25 {
    opacity: 0.25;
  }

  .xl\:opacity-30 {
    opacity: 0.3;
  }

  .xl\:opacity-40 {
    opacity: 0.4;
  }

  .xl\:opacity-50 {
    opacity: 0.5;
  }

  .xl\:opacity-60 {
    opacity: 0.6;
  }

  .xl\:opacity-70 {
    opacity: 0.7;
  }

  .xl\:opacity-75 {
    opacity: 0.75;
  }

  .xl\:opacity-80 {
    opacity: 0.8;
  }

  .xl\:opacity-90 {
    opacity: 0.9;
  }

  .xl\:opacity-95 {
    opacity: 0.95;
  }

  .xl\:opacity-100 {
    opacity: 1;
  }

  .group:hover .xl\:group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .xl\:group-hover\:opacity-5 {
    opacity: 0.05;
  }

  .group:hover .xl\:group-hover\:opacity-10 {
    opacity: 0.1;
  }

  .group:hover .xl\:group-hover\:opacity-20 {
    opacity: 0.2;
  }

  .group:hover .xl\:group-hover\:opacity-25 {
    opacity: 0.25;
  }

  .group:hover .xl\:group-hover\:opacity-30 {
    opacity: 0.3;
  }

  .group:hover .xl\:group-hover\:opacity-40 {
    opacity: 0.4;
  }

  .group:hover .xl\:group-hover\:opacity-50 {
    opacity: 0.5;
  }

  .group:hover .xl\:group-hover\:opacity-60 {
    opacity: 0.6;
  }

  .group:hover .xl\:group-hover\:opacity-70 {
    opacity: 0.7;
  }

  .group:hover .xl\:group-hover\:opacity-75 {
    opacity: 0.75;
  }

  .group:hover .xl\:group-hover\:opacity-80 {
    opacity: 0.8;
  }

  .group:hover .xl\:group-hover\:opacity-90 {
    opacity: 0.9;
  }

  .group:hover .xl\:group-hover\:opacity-95 {
    opacity: 0.95;
  }

  .group:hover .xl\:group-hover\:opacity-100 {
    opacity: 1;
  }

  .xl\:focus-within\:opacity-0:focus-within {
    opacity: 0;
  }

  .xl\:focus-within\:opacity-5:focus-within {
    opacity: 0.05;
  }

  .xl\:focus-within\:opacity-10:focus-within {
    opacity: 0.1;
  }

  .xl\:focus-within\:opacity-20:focus-within {
    opacity: 0.2;
  }

  .xl\:focus-within\:opacity-25:focus-within {
    opacity: 0.25;
  }

  .xl\:focus-within\:opacity-30:focus-within {
    opacity: 0.3;
  }

  .xl\:focus-within\:opacity-40:focus-within {
    opacity: 0.4;
  }

  .xl\:focus-within\:opacity-50:focus-within {
    opacity: 0.5;
  }

  .xl\:focus-within\:opacity-60:focus-within {
    opacity: 0.6;
  }

  .xl\:focus-within\:opacity-70:focus-within {
    opacity: 0.7;
  }

  .xl\:focus-within\:opacity-75:focus-within {
    opacity: 0.75;
  }

  .xl\:focus-within\:opacity-80:focus-within {
    opacity: 0.8;
  }

  .xl\:focus-within\:opacity-90:focus-within {
    opacity: 0.9;
  }

  .xl\:focus-within\:opacity-95:focus-within {
    opacity: 0.95;
  }

  .xl\:focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .xl\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .xl\:hover\:opacity-5:hover {
    opacity: 0.05;
  }

  .xl\:hover\:opacity-10:hover {
    opacity: 0.1;
  }

  .xl\:hover\:opacity-20:hover {
    opacity: 0.2;
  }

  .xl\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .xl\:hover\:opacity-30:hover {
    opacity: 0.3;
  }

  .xl\:hover\:opacity-40:hover {
    opacity: 0.4;
  }

  .xl\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .xl\:hover\:opacity-60:hover {
    opacity: 0.6;
  }

  .xl\:hover\:opacity-70:hover {
    opacity: 0.7;
  }

  .xl\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .xl\:hover\:opacity-80:hover {
    opacity: 0.8;
  }

  .xl\:hover\:opacity-90:hover {
    opacity: 0.9;
  }

  .xl\:hover\:opacity-95:hover {
    opacity: 0.95;
  }

  .xl\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .xl\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .xl\:focus\:opacity-5:focus {
    opacity: 0.05;
  }

  .xl\:focus\:opacity-10:focus {
    opacity: 0.1;
  }

  .xl\:focus\:opacity-20:focus {
    opacity: 0.2;
  }

  .xl\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .xl\:focus\:opacity-30:focus {
    opacity: 0.3;
  }

  .xl\:focus\:opacity-40:focus {
    opacity: 0.4;
  }

  .xl\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .xl\:focus\:opacity-60:focus {
    opacity: 0.6;
  }

  .xl\:focus\:opacity-70:focus {
    opacity: 0.7;
  }

  .xl\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .xl\:focus\:opacity-80:focus {
    opacity: 0.8;
  }

  .xl\:focus\:opacity-90:focus {
    opacity: 0.9;
  }

  .xl\:focus\:opacity-95:focus {
    opacity: 0.95;
  }

  .xl\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .xl\:bg-blend-normal {
    background-blend-mode: normal;
  }

  .xl\:bg-blend-multiply {
    background-blend-mode: multiply;
  }

  .xl\:bg-blend-screen {
    background-blend-mode: screen;
  }

  .xl\:bg-blend-overlay {
    background-blend-mode: overlay;
  }

  .xl\:bg-blend-darken {
    background-blend-mode: darken;
  }

  .xl\:bg-blend-lighten {
    background-blend-mode: lighten;
  }

  .xl\:bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .xl\:bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .xl\:bg-blend-hard-light {
    background-blend-mode: hard-light;
  }

  .xl\:bg-blend-soft-light {
    background-blend-mode: soft-light;
  }

  .xl\:bg-blend-difference {
    background-blend-mode: difference;
  }

  .xl\:bg-blend-exclusion {
    background-blend-mode: exclusion;
  }

  .xl\:bg-blend-hue {
    background-blend-mode: hue;
  }

  .xl\:bg-blend-saturation {
    background-blend-mode: saturation;
  }

  .xl\:bg-blend-color {
    background-blend-mode: color;
  }

  .xl\:bg-blend-luminosity {
    background-blend-mode: luminosity;
  }

  .xl\:mix-blend-normal {
    mix-blend-mode: normal;
  }

  .xl\:mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .xl\:mix-blend-screen {
    mix-blend-mode: screen;
  }

  .xl\:mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .xl\:mix-blend-darken {
    mix-blend-mode: darken;
  }

  .xl\:mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .xl\:mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .xl\:mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .xl\:mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  .xl\:mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .xl\:mix-blend-difference {
    mix-blend-mode: difference;
  }

  .xl\:mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }

  .xl\:mix-blend-hue {
    mix-blend-mode: hue;
  }

  .xl\:mix-blend-saturation {
    mix-blend-mode: saturation;
  }

  .xl\:mix-blend-color {
    mix-blend-mode: color;
  }

  .xl\:mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .xl\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .xl\:group-hover\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow:focus-within {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-xl:focus-within {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-2xl:focus-within {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-inner:focus-within {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus-within\:shadow-none:focus-within {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-2xl:focus {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-inner:focus {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:focus-within\:outline-white:focus-within {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:focus-within\:outline-black:focus-within {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:ring-8 {
    --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .xl\:ring-inset {
    --tw-ring-inset: inset;
  }

  .xl\:focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset;
  }

  .xl\:focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .xl\:ring-transparent {
    --tw-ring-color: transparent;
  }

  .xl\:ring-current {
    --tw-ring-color: currentColor;
  }

  .xl\:ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .xl\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .xl\:ring-gray-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .xl\:ring-red-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .xl\:ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .xl\:ring-red-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .xl\:ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .xl\:ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .xl\:ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .xl\:ring-red-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .xl\:ring-red-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .xl\:ring-red-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .xl\:ring-red-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .xl\:ring-yellow-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .xl\:ring-green-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .xl\:ring-green-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .xl\:ring-green-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .xl\:ring-green-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .xl\:ring-green-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .xl\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .xl\:ring-green-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .xl\:ring-green-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .xl\:ring-green-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .xl\:ring-green-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .xl\:ring-blue-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .xl\:ring-indigo-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .xl\:ring-purple-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .xl\:ring-pink-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }

  .xl\:focus-within\:ring-current:focus-within {
    --tw-ring-color: currentColor;
  }

  .xl\:focus-within\:ring-black:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-white:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-gray-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-red-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-yellow-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-green-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-blue-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-indigo-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-purple-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .xl\:focus-within\:ring-pink-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }

  .xl\:focus\:ring-current:focus {
    --tw-ring-color: currentColor;
  }

  .xl\:focus\:ring-black:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-green-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-blue-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-indigo-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .xl\:focus\:ring-pink-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .xl\:ring-opacity-0 {
    --tw-ring-opacity: 0;
  }

  .xl\:ring-opacity-5 {
    --tw-ring-opacity: 0.05;
  }

  .xl\:ring-opacity-10 {
    --tw-ring-opacity: 0.1;
  }

  .xl\:ring-opacity-20 {
    --tw-ring-opacity: 0.2;
  }

  .xl\:ring-opacity-25 {
    --tw-ring-opacity: 0.25;
  }

  .xl\:ring-opacity-30 {
    --tw-ring-opacity: 0.3;
  }

  .xl\:ring-opacity-40 {
    --tw-ring-opacity: 0.4;
  }

  .xl\:ring-opacity-50 {
    --tw-ring-opacity: 0.5;
  }

  .xl\:ring-opacity-60 {
    --tw-ring-opacity: 0.6;
  }

  .xl\:ring-opacity-70 {
    --tw-ring-opacity: 0.7;
  }

  .xl\:ring-opacity-75 {
    --tw-ring-opacity: 0.75;
  }

  .xl\:ring-opacity-80 {
    --tw-ring-opacity: 0.8;
  }

  .xl\:ring-opacity-90 {
    --tw-ring-opacity: 0.9;
  }

  .xl\:ring-opacity-95 {
    --tw-ring-opacity: 0.95;
  }

  .xl\:ring-opacity-100 {
    --tw-ring-opacity: 1;
  }

  .xl\:focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0;
  }

  .xl\:focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05;
  }

  .xl\:focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1;
  }

  .xl\:focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2;
  }

  .xl\:focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25;
  }

  .xl\:focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3;
  }

  .xl\:focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4;
  }

  .xl\:focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5;
  }

  .xl\:focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6;
  }

  .xl\:focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7;
  }

  .xl\:focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75;
  }

  .xl\:focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8;
  }

  .xl\:focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9;
  }

  .xl\:focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95;
  }

  .xl\:focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1;
  }

  .xl\:focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0;
  }

  .xl\:focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05;
  }

  .xl\:focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1;
  }

  .xl\:focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2;
  }

  .xl\:focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25;
  }

  .xl\:focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3;
  }

  .xl\:focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4;
  }

  .xl\:focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
  }

  .xl\:focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6;
  }

  .xl\:focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7;
  }

  .xl\:focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75;
  }

  .xl\:focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8;
  }

  .xl\:focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9;
  }

  .xl\:focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95;
  }

  .xl\:focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1;
  }

  .xl\:ring-offset-0 {
    --tw-ring-offset-width: 0px;
  }

  .xl\:ring-offset-1 {
    --tw-ring-offset-width: 1px;
  }

  .xl\:ring-offset-2 {
    --tw-ring-offset-width: 2px;
  }

  .xl\:ring-offset-4 {
    --tw-ring-offset-width: 4px;
  }

  .xl\:ring-offset-8 {
    --tw-ring-offset-width: 8px;
  }

  .xl\:focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px;
  }

  .xl\:focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px;
  }

  .xl\:focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
  }

  .xl\:focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px;
  }

  .xl\:focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px;
  }

  .xl\:focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
  }

  .xl\:focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
  }

  .xl\:focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }

  .xl\:focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px;
  }

  .xl\:focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px;
  }

  .xl\:ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }

  .xl\:ring-offset-current {
    --tw-ring-offset-color: currentColor;
  }

  .xl\:ring-offset-black {
    --tw-ring-offset-color: #000;
  }

  .xl\:ring-offset-white {
    --tw-ring-offset-color: #fff;
  }

  .xl\:ring-offset-gray-50 {
    --tw-ring-offset-color: #f9fafb;
  }

  .xl\:ring-offset-gray-100 {
    --tw-ring-offset-color: #f3f4f6;
  }

  .xl\:ring-offset-gray-200 {
    --tw-ring-offset-color: #e5e7eb;
  }

  .xl\:ring-offset-gray-300 {
    --tw-ring-offset-color: #d1d5db;
  }

  .xl\:ring-offset-gray-400 {
    --tw-ring-offset-color: #9ca3af;
  }

  .xl\:ring-offset-gray-500 {
    --tw-ring-offset-color: #6b7280;
  }

  .xl\:ring-offset-gray-600 {
    --tw-ring-offset-color: #4b5563;
  }

  .xl\:ring-offset-gray-700 {
    --tw-ring-offset-color: #374151;
  }

  .xl\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937;
  }

  .xl\:ring-offset-gray-900 {
    --tw-ring-offset-color: #111827;
  }

  .xl\:ring-offset-red-50 {
    --tw-ring-offset-color: #fef2f2;
  }

  .xl\:ring-offset-red-100 {
    --tw-ring-offset-color: #fee2e2;
  }

  .xl\:ring-offset-red-200 {
    --tw-ring-offset-color: #fecaca;
  }

  .xl\:ring-offset-red-300 {
    --tw-ring-offset-color: #fca5a5;
  }

  .xl\:ring-offset-red-400 {
    --tw-ring-offset-color: #f87171;
  }

  .xl\:ring-offset-red-500 {
    --tw-ring-offset-color: #ef4444;
  }

  .xl\:ring-offset-red-600 {
    --tw-ring-offset-color: #dc2626;
  }

  .xl\:ring-offset-red-700 {
    --tw-ring-offset-color: #b91c1c;
  }

  .xl\:ring-offset-red-800 {
    --tw-ring-offset-color: #991b1b;
  }

  .xl\:ring-offset-red-900 {
    --tw-ring-offset-color: #7f1d1d;
  }

  .xl\:ring-offset-yellow-50 {
    --tw-ring-offset-color: #fffbeb;
  }

  .xl\:ring-offset-yellow-100 {
    --tw-ring-offset-color: #fef3c7;
  }

  .xl\:ring-offset-yellow-200 {
    --tw-ring-offset-color: #fde68a;
  }

  .xl\:ring-offset-yellow-300 {
    --tw-ring-offset-color: #fcd34d;
  }

  .xl\:ring-offset-yellow-400 {
    --tw-ring-offset-color: #fbbf24;
  }

  .xl\:ring-offset-yellow-500 {
    --tw-ring-offset-color: #f59e0b;
  }

  .xl\:ring-offset-yellow-600 {
    --tw-ring-offset-color: #d97706;
  }

  .xl\:ring-offset-yellow-700 {
    --tw-ring-offset-color: #b45309;
  }

  .xl\:ring-offset-yellow-800 {
    --tw-ring-offset-color: #92400e;
  }

  .xl\:ring-offset-yellow-900 {
    --tw-ring-offset-color: #78350f;
  }

  .xl\:ring-offset-green-50 {
    --tw-ring-offset-color: #ecfdf5;
  }

  .xl\:ring-offset-green-100 {
    --tw-ring-offset-color: #d1fae5;
  }

  .xl\:ring-offset-green-200 {
    --tw-ring-offset-color: #a7f3d0;
  }

  .xl\:ring-offset-green-300 {
    --tw-ring-offset-color: #6ee7b7;
  }

  .xl\:ring-offset-green-400 {
    --tw-ring-offset-color: #34d399;
  }

  .xl\:ring-offset-green-500 {
    --tw-ring-offset-color: #10b981;
  }

  .xl\:ring-offset-green-600 {
    --tw-ring-offset-color: #059669;
  }

  .xl\:ring-offset-green-700 {
    --tw-ring-offset-color: #047857;
  }

  .xl\:ring-offset-green-800 {
    --tw-ring-offset-color: #065f46;
  }

  .xl\:ring-offset-green-900 {
    --tw-ring-offset-color: #064e3b;
  }

  .xl\:ring-offset-blue-50 {
    --tw-ring-offset-color: #eff6ff;
  }

  .xl\:ring-offset-blue-100 {
    --tw-ring-offset-color: #dbeafe;
  }

  .xl\:ring-offset-blue-200 {
    --tw-ring-offset-color: #bfdbfe;
  }

  .xl\:ring-offset-blue-300 {
    --tw-ring-offset-color: #93c5fd;
  }

  .xl\:ring-offset-blue-400 {
    --tw-ring-offset-color: #60a5fa;
  }

  .xl\:ring-offset-blue-500 {
    --tw-ring-offset-color: #3b82f6;
  }

  .xl\:ring-offset-blue-600 {
    --tw-ring-offset-color: #2563eb;
  }

  .xl\:ring-offset-blue-700 {
    --tw-ring-offset-color: #1d4ed8;
  }

  .xl\:ring-offset-blue-800 {
    --tw-ring-offset-color: #1e40af;
  }

  .xl\:ring-offset-blue-900 {
    --tw-ring-offset-color: #1e3a8a;
  }

  .xl\:ring-offset-indigo-50 {
    --tw-ring-offset-color: #eef2ff;
  }

  .xl\:ring-offset-indigo-100 {
    --tw-ring-offset-color: #e0e7ff;
  }

  .xl\:ring-offset-indigo-200 {
    --tw-ring-offset-color: #c7d2fe;
  }

  .xl\:ring-offset-indigo-300 {
    --tw-ring-offset-color: #a5b4fc;
  }

  .xl\:ring-offset-indigo-400 {
    --tw-ring-offset-color: #818cf8;
  }

  .xl\:ring-offset-indigo-500 {
    --tw-ring-offset-color: #6366f1;
  }

  .xl\:ring-offset-indigo-600 {
    --tw-ring-offset-color: #4f46e5;
  }

  .xl\:ring-offset-indigo-700 {
    --tw-ring-offset-color: #4338ca;
  }

  .xl\:ring-offset-indigo-800 {
    --tw-ring-offset-color: #3730a3;
  }

  .xl\:ring-offset-indigo-900 {
    --tw-ring-offset-color: #312e81;
  }

  .xl\:ring-offset-purple-50 {
    --tw-ring-offset-color: #f5f3ff;
  }

  .xl\:ring-offset-purple-100 {
    --tw-ring-offset-color: #ede9fe;
  }

  .xl\:ring-offset-purple-200 {
    --tw-ring-offset-color: #ddd6fe;
  }

  .xl\:ring-offset-purple-300 {
    --tw-ring-offset-color: #c4b5fd;
  }

  .xl\:ring-offset-purple-400 {
    --tw-ring-offset-color: #a78bfa;
  }

  .xl\:ring-offset-purple-500 {
    --tw-ring-offset-color: #8b5cf6;
  }

  .xl\:ring-offset-purple-600 {
    --tw-ring-offset-color: #7c3aed;
  }

  .xl\:ring-offset-purple-700 {
    --tw-ring-offset-color: #6d28d9;
  }

  .xl\:ring-offset-purple-800 {
    --tw-ring-offset-color: #5b21b6;
  }

  .xl\:ring-offset-purple-900 {
    --tw-ring-offset-color: #4c1d95;
  }

  .xl\:ring-offset-pink-50 {
    --tw-ring-offset-color: #fdf2f8;
  }

  .xl\:ring-offset-pink-100 {
    --tw-ring-offset-color: #fce7f3;
  }

  .xl\:ring-offset-pink-200 {
    --tw-ring-offset-color: #fbcfe8;
  }

  .xl\:ring-offset-pink-300 {
    --tw-ring-offset-color: #f9a8d4;
  }

  .xl\:ring-offset-pink-400 {
    --tw-ring-offset-color: #f472b6;
  }

  .xl\:ring-offset-pink-500 {
    --tw-ring-offset-color: #ec4899;
  }

  .xl\:ring-offset-pink-600 {
    --tw-ring-offset-color: #db2777;
  }

  .xl\:ring-offset-pink-700 {
    --tw-ring-offset-color: #be185d;
  }

  .xl\:ring-offset-pink-800 {
    --tw-ring-offset-color: #9d174d;
  }

  .xl\:ring-offset-pink-900 {
    --tw-ring-offset-color: #831843;
  }

  .xl\:focus-within\:ring-offset-transparent:focus-within {
    --tw-ring-offset-color: transparent;
  }

  .xl\:focus-within\:ring-offset-current:focus-within {
    --tw-ring-offset-color: currentColor;
  }

  .xl\:focus-within\:ring-offset-black:focus-within {
    --tw-ring-offset-color: #000;
  }

  .xl\:focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: #fff;
  }

  .xl\:focus-within\:ring-offset-gray-50:focus-within {
    --tw-ring-offset-color: #f9fafb;
  }

  .xl\:focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6;
  }

  .xl\:focus-within\:ring-offset-gray-200:focus-within {
    --tw-ring-offset-color: #e5e7eb;
  }

  .xl\:focus-within\:ring-offset-gray-300:focus-within {
    --tw-ring-offset-color: #d1d5db;
  }

  .xl\:focus-within\:ring-offset-gray-400:focus-within {
    --tw-ring-offset-color: #9ca3af;
  }

  .xl\:focus-within\:ring-offset-gray-500:focus-within {
    --tw-ring-offset-color: #6b7280;
  }

  .xl\:focus-within\:ring-offset-gray-600:focus-within {
    --tw-ring-offset-color: #4b5563;
  }

  .xl\:focus-within\:ring-offset-gray-700:focus-within {
    --tw-ring-offset-color: #374151;
  }

  .xl\:focus-within\:ring-offset-gray-800:focus-within {
    --tw-ring-offset-color: #1f2937;
  }

  .xl\:focus-within\:ring-offset-gray-900:focus-within {
    --tw-ring-offset-color: #111827;
  }

  .xl\:focus-within\:ring-offset-red-50:focus-within {
    --tw-ring-offset-color: #fef2f2;
  }

  .xl\:focus-within\:ring-offset-red-100:focus-within {
    --tw-ring-offset-color: #fee2e2;
  }

  .xl\:focus-within\:ring-offset-red-200:focus-within {
    --tw-ring-offset-color: #fecaca;
  }

  .xl\:focus-within\:ring-offset-red-300:focus-within {
    --tw-ring-offset-color: #fca5a5;
  }

  .xl\:focus-within\:ring-offset-red-400:focus-within {
    --tw-ring-offset-color: #f87171;
  }

  .xl\:focus-within\:ring-offset-red-500:focus-within {
    --tw-ring-offset-color: #ef4444;
  }

  .xl\:focus-within\:ring-offset-red-600:focus-within {
    --tw-ring-offset-color: #dc2626;
  }

  .xl\:focus-within\:ring-offset-red-700:focus-within {
    --tw-ring-offset-color: #b91c1c;
  }

  .xl\:focus-within\:ring-offset-red-800:focus-within {
    --tw-ring-offset-color: #991b1b;
  }

  .xl\:focus-within\:ring-offset-red-900:focus-within {
    --tw-ring-offset-color: #7f1d1d;
  }

  .xl\:focus-within\:ring-offset-yellow-50:focus-within {
    --tw-ring-offset-color: #fffbeb;
  }

  .xl\:focus-within\:ring-offset-yellow-100:focus-within {
    --tw-ring-offset-color: #fef3c7;
  }

  .xl\:focus-within\:ring-offset-yellow-200:focus-within {
    --tw-ring-offset-color: #fde68a;
  }

  .xl\:focus-within\:ring-offset-yellow-300:focus-within {
    --tw-ring-offset-color: #fcd34d;
  }

  .xl\:focus-within\:ring-offset-yellow-400:focus-within {
    --tw-ring-offset-color: #fbbf24;
  }

  .xl\:focus-within\:ring-offset-yellow-500:focus-within {
    --tw-ring-offset-color: #f59e0b;
  }

  .xl\:focus-within\:ring-offset-yellow-600:focus-within {
    --tw-ring-offset-color: #d97706;
  }

  .xl\:focus-within\:ring-offset-yellow-700:focus-within {
    --tw-ring-offset-color: #b45309;
  }

  .xl\:focus-within\:ring-offset-yellow-800:focus-within {
    --tw-ring-offset-color: #92400e;
  }

  .xl\:focus-within\:ring-offset-yellow-900:focus-within {
    --tw-ring-offset-color: #78350f;
  }

  .xl\:focus-within\:ring-offset-green-50:focus-within {
    --tw-ring-offset-color: #ecfdf5;
  }

  .xl\:focus-within\:ring-offset-green-100:focus-within {
    --tw-ring-offset-color: #d1fae5;
  }

  .xl\:focus-within\:ring-offset-green-200:focus-within {
    --tw-ring-offset-color: #a7f3d0;
  }

  .xl\:focus-within\:ring-offset-green-300:focus-within {
    --tw-ring-offset-color: #6ee7b7;
  }

  .xl\:focus-within\:ring-offset-green-400:focus-within {
    --tw-ring-offset-color: #34d399;
  }

  .xl\:focus-within\:ring-offset-green-500:focus-within {
    --tw-ring-offset-color: #10b981;
  }

  .xl\:focus-within\:ring-offset-green-600:focus-within {
    --tw-ring-offset-color: #059669;
  }

  .xl\:focus-within\:ring-offset-green-700:focus-within {
    --tw-ring-offset-color: #047857;
  }

  .xl\:focus-within\:ring-offset-green-800:focus-within {
    --tw-ring-offset-color: #065f46;
  }

  .xl\:focus-within\:ring-offset-green-900:focus-within {
    --tw-ring-offset-color: #064e3b;
  }

  .xl\:focus-within\:ring-offset-blue-50:focus-within {
    --tw-ring-offset-color: #eff6ff;
  }

  .xl\:focus-within\:ring-offset-blue-100:focus-within {
    --tw-ring-offset-color: #dbeafe;
  }

  .xl\:focus-within\:ring-offset-blue-200:focus-within {
    --tw-ring-offset-color: #bfdbfe;
  }

  .xl\:focus-within\:ring-offset-blue-300:focus-within {
    --tw-ring-offset-color: #93c5fd;
  }

  .xl\:focus-within\:ring-offset-blue-400:focus-within {
    --tw-ring-offset-color: #60a5fa;
  }

  .xl\:focus-within\:ring-offset-blue-500:focus-within {
    --tw-ring-offset-color: #3b82f6;
  }

  .xl\:focus-within\:ring-offset-blue-600:focus-within {
    --tw-ring-offset-color: #2563eb;
  }

  .xl\:focus-within\:ring-offset-blue-700:focus-within {
    --tw-ring-offset-color: #1d4ed8;
  }

  .xl\:focus-within\:ring-offset-blue-800:focus-within {
    --tw-ring-offset-color: #1e40af;
  }

  .xl\:focus-within\:ring-offset-blue-900:focus-within {
    --tw-ring-offset-color: #1e3a8a;
  }

  .xl\:focus-within\:ring-offset-indigo-50:focus-within {
    --tw-ring-offset-color: #eef2ff;
  }

  .xl\:focus-within\:ring-offset-indigo-100:focus-within {
    --tw-ring-offset-color: #e0e7ff;
  }

  .xl\:focus-within\:ring-offset-indigo-200:focus-within {
    --tw-ring-offset-color: #c7d2fe;
  }

  .xl\:focus-within\:ring-offset-indigo-300:focus-within {
    --tw-ring-offset-color: #a5b4fc;
  }

  .xl\:focus-within\:ring-offset-indigo-400:focus-within {
    --tw-ring-offset-color: #818cf8;
  }

  .xl\:focus-within\:ring-offset-indigo-500:focus-within {
    --tw-ring-offset-color: #6366f1;
  }

  .xl\:focus-within\:ring-offset-indigo-600:focus-within {
    --tw-ring-offset-color: #4f46e5;
  }

  .xl\:focus-within\:ring-offset-indigo-700:focus-within {
    --tw-ring-offset-color: #4338ca;
  }

  .xl\:focus-within\:ring-offset-indigo-800:focus-within {
    --tw-ring-offset-color: #3730a3;
  }

  .xl\:focus-within\:ring-offset-indigo-900:focus-within {
    --tw-ring-offset-color: #312e81;
  }

  .xl\:focus-within\:ring-offset-purple-50:focus-within {
    --tw-ring-offset-color: #f5f3ff;
  }

  .xl\:focus-within\:ring-offset-purple-100:focus-within {
    --tw-ring-offset-color: #ede9fe;
  }

  .xl\:focus-within\:ring-offset-purple-200:focus-within {
    --tw-ring-offset-color: #ddd6fe;
  }

  .xl\:focus-within\:ring-offset-purple-300:focus-within {
    --tw-ring-offset-color: #c4b5fd;
  }

  .xl\:focus-within\:ring-offset-purple-400:focus-within {
    --tw-ring-offset-color: #a78bfa;
  }

  .xl\:focus-within\:ring-offset-purple-500:focus-within {
    --tw-ring-offset-color: #8b5cf6;
  }

  .xl\:focus-within\:ring-offset-purple-600:focus-within {
    --tw-ring-offset-color: #7c3aed;
  }

  .xl\:focus-within\:ring-offset-purple-700:focus-within {
    --tw-ring-offset-color: #6d28d9;
  }

  .xl\:focus-within\:ring-offset-purple-800:focus-within {
    --tw-ring-offset-color: #5b21b6;
  }

  .xl\:focus-within\:ring-offset-purple-900:focus-within {
    --tw-ring-offset-color: #4c1d95;
  }

  .xl\:focus-within\:ring-offset-pink-50:focus-within {
    --tw-ring-offset-color: #fdf2f8;
  }

  .xl\:focus-within\:ring-offset-pink-100:focus-within {
    --tw-ring-offset-color: #fce7f3;
  }

  .xl\:focus-within\:ring-offset-pink-200:focus-within {
    --tw-ring-offset-color: #fbcfe8;
  }

  .xl\:focus-within\:ring-offset-pink-300:focus-within {
    --tw-ring-offset-color: #f9a8d4;
  }

  .xl\:focus-within\:ring-offset-pink-400:focus-within {
    --tw-ring-offset-color: #f472b6;
  }

  .xl\:focus-within\:ring-offset-pink-500:focus-within {
    --tw-ring-offset-color: #ec4899;
  }

  .xl\:focus-within\:ring-offset-pink-600:focus-within {
    --tw-ring-offset-color: #db2777;
  }

  .xl\:focus-within\:ring-offset-pink-700:focus-within {
    --tw-ring-offset-color: #be185d;
  }

  .xl\:focus-within\:ring-offset-pink-800:focus-within {
    --tw-ring-offset-color: #9d174d;
  }

  .xl\:focus-within\:ring-offset-pink-900:focus-within {
    --tw-ring-offset-color: #831843;
  }

  .xl\:focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent;
  }

  .xl\:focus\:ring-offset-current:focus {
    --tw-ring-offset-color: currentColor;
  }

  .xl\:focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000;
  }

  .xl\:focus\:ring-offset-white:focus {
    --tw-ring-offset-color: #fff;
  }

  .xl\:focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb;
  }

  .xl\:focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: #f3f4f6;
  }

  .xl\:focus\:ring-offset-gray-200:focus {
    --tw-ring-offset-color: #e5e7eb;
  }

  .xl\:focus\:ring-offset-gray-300:focus {
    --tw-ring-offset-color: #d1d5db;
  }

  .xl\:focus\:ring-offset-gray-400:focus {
    --tw-ring-offset-color: #9ca3af;
  }

  .xl\:focus\:ring-offset-gray-500:focus {
    --tw-ring-offset-color: #6b7280;
  }

  .xl\:focus\:ring-offset-gray-600:focus {
    --tw-ring-offset-color: #4b5563;
  }

  .xl\:focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151;
  }

  .xl\:focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1f2937;
  }

  .xl\:focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color: #111827;
  }

  .xl\:focus\:ring-offset-red-50:focus {
    --tw-ring-offset-color: #fef2f2;
  }

  .xl\:focus\:ring-offset-red-100:focus {
    --tw-ring-offset-color: #fee2e2;
  }

  .xl\:focus\:ring-offset-red-200:focus {
    --tw-ring-offset-color: #fecaca;
  }

  .xl\:focus\:ring-offset-red-300:focus {
    --tw-ring-offset-color: #fca5a5;
  }

  .xl\:focus\:ring-offset-red-400:focus {
    --tw-ring-offset-color: #f87171;
  }

  .xl\:focus\:ring-offset-red-500:focus {
    --tw-ring-offset-color: #ef4444;
  }

  .xl\:focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626;
  }

  .xl\:focus\:ring-offset-red-700:focus {
    --tw-ring-offset-color: #b91c1c;
  }

  .xl\:focus\:ring-offset-red-800:focus {
    --tw-ring-offset-color: #991b1b;
  }

  .xl\:focus\:ring-offset-red-900:focus {
    --tw-ring-offset-color: #7f1d1d;
  }

  .xl\:focus\:ring-offset-yellow-50:focus {
    --tw-ring-offset-color: #fffbeb;
  }

  .xl\:focus\:ring-offset-yellow-100:focus {
    --tw-ring-offset-color: #fef3c7;
  }

  .xl\:focus\:ring-offset-yellow-200:focus {
    --tw-ring-offset-color: #fde68a;
  }

  .xl\:focus\:ring-offset-yellow-300:focus {
    --tw-ring-offset-color: #fcd34d;
  }

  .xl\:focus\:ring-offset-yellow-400:focus {
    --tw-ring-offset-color: #fbbf24;
  }

  .xl\:focus\:ring-offset-yellow-500:focus {
    --tw-ring-offset-color: #f59e0b;
  }

  .xl\:focus\:ring-offset-yellow-600:focus {
    --tw-ring-offset-color: #d97706;
  }

  .xl\:focus\:ring-offset-yellow-700:focus {
    --tw-ring-offset-color: #b45309;
  }

  .xl\:focus\:ring-offset-yellow-800:focus {
    --tw-ring-offset-color: #92400e;
  }

  .xl\:focus\:ring-offset-yellow-900:focus {
    --tw-ring-offset-color: #78350f;
  }

  .xl\:focus\:ring-offset-green-50:focus {
    --tw-ring-offset-color: #ecfdf5;
  }

  .xl\:focus\:ring-offset-green-100:focus {
    --tw-ring-offset-color: #d1fae5;
  }

  .xl\:focus\:ring-offset-green-200:focus {
    --tw-ring-offset-color: #a7f3d0;
  }

  .xl\:focus\:ring-offset-green-300:focus {
    --tw-ring-offset-color: #6ee7b7;
  }

  .xl\:focus\:ring-offset-green-400:focus {
    --tw-ring-offset-color: #34d399;
  }

  .xl\:focus\:ring-offset-green-500:focus {
    --tw-ring-offset-color: #10b981;
  }

  .xl\:focus\:ring-offset-green-600:focus {
    --tw-ring-offset-color: #059669;
  }

  .xl\:focus\:ring-offset-green-700:focus {
    --tw-ring-offset-color: #047857;
  }

  .xl\:focus\:ring-offset-green-800:focus {
    --tw-ring-offset-color: #065f46;
  }

  .xl\:focus\:ring-offset-green-900:focus {
    --tw-ring-offset-color: #064e3b;
  }

  .xl\:focus\:ring-offset-blue-50:focus {
    --tw-ring-offset-color: #eff6ff;
  }

  .xl\:focus\:ring-offset-blue-100:focus {
    --tw-ring-offset-color: #dbeafe;
  }

  .xl\:focus\:ring-offset-blue-200:focus {
    --tw-ring-offset-color: #bfdbfe;
  }

  .xl\:focus\:ring-offset-blue-300:focus {
    --tw-ring-offset-color: #93c5fd;
  }

  .xl\:focus\:ring-offset-blue-400:focus {
    --tw-ring-offset-color: #60a5fa;
  }

  .xl\:focus\:ring-offset-blue-500:focus {
    --tw-ring-offset-color: #3b82f6;
  }

  .xl\:focus\:ring-offset-blue-600:focus {
    --tw-ring-offset-color: #2563eb;
  }

  .xl\:focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8;
  }

  .xl\:focus\:ring-offset-blue-800:focus {
    --tw-ring-offset-color: #1e40af;
  }

  .xl\:focus\:ring-offset-blue-900:focus {
    --tw-ring-offset-color: #1e3a8a;
  }

  .xl\:focus\:ring-offset-indigo-50:focus {
    --tw-ring-offset-color: #eef2ff;
  }

  .xl\:focus\:ring-offset-indigo-100:focus {
    --tw-ring-offset-color: #e0e7ff;
  }

  .xl\:focus\:ring-offset-indigo-200:focus {
    --tw-ring-offset-color: #c7d2fe;
  }

  .xl\:focus\:ring-offset-indigo-300:focus {
    --tw-ring-offset-color: #a5b4fc;
  }

  .xl\:focus\:ring-offset-indigo-400:focus {
    --tw-ring-offset-color: #818cf8;
  }

  .xl\:focus\:ring-offset-indigo-500:focus {
    --tw-ring-offset-color: #6366f1;
  }

  .xl\:focus\:ring-offset-indigo-600:focus {
    --tw-ring-offset-color: #4f46e5;
  }

  .xl\:focus\:ring-offset-indigo-700:focus {
    --tw-ring-offset-color: #4338ca;
  }

  .xl\:focus\:ring-offset-indigo-800:focus {
    --tw-ring-offset-color: #3730a3;
  }

  .xl\:focus\:ring-offset-indigo-900:focus {
    --tw-ring-offset-color: #312e81;
  }

  .xl\:focus\:ring-offset-purple-50:focus {
    --tw-ring-offset-color: #f5f3ff;
  }

  .xl\:focus\:ring-offset-purple-100:focus {
    --tw-ring-offset-color: #ede9fe;
  }

  .xl\:focus\:ring-offset-purple-200:focus {
    --tw-ring-offset-color: #ddd6fe;
  }

  .xl\:focus\:ring-offset-purple-300:focus {
    --tw-ring-offset-color: #c4b5fd;
  }

  .xl\:focus\:ring-offset-purple-400:focus {
    --tw-ring-offset-color: #a78bfa;
  }

  .xl\:focus\:ring-offset-purple-500:focus {
    --tw-ring-offset-color: #8b5cf6;
  }

  .xl\:focus\:ring-offset-purple-600:focus {
    --tw-ring-offset-color: #7c3aed;
  }

  .xl\:focus\:ring-offset-purple-700:focus {
    --tw-ring-offset-color: #6d28d9;
  }

  .xl\:focus\:ring-offset-purple-800:focus {
    --tw-ring-offset-color: #5b21b6;
  }

  .xl\:focus\:ring-offset-purple-900:focus {
    --tw-ring-offset-color: #4c1d95;
  }

  .xl\:focus\:ring-offset-pink-50:focus {
    --tw-ring-offset-color: #fdf2f8;
  }

  .xl\:focus\:ring-offset-pink-100:focus {
    --tw-ring-offset-color: #fce7f3;
  }

  .xl\:focus\:ring-offset-pink-200:focus {
    --tw-ring-offset-color: #fbcfe8;
  }

  .xl\:focus\:ring-offset-pink-300:focus {
    --tw-ring-offset-color: #f9a8d4;
  }

  .xl\:focus\:ring-offset-pink-400:focus {
    --tw-ring-offset-color: #f472b6;
  }

  .xl\:focus\:ring-offset-pink-500:focus {
    --tw-ring-offset-color: #ec4899;
  }

  .xl\:focus\:ring-offset-pink-600:focus {
    --tw-ring-offset-color: #db2777;
  }

  .xl\:focus\:ring-offset-pink-700:focus {
    --tw-ring-offset-color: #be185d;
  }

  .xl\:focus\:ring-offset-pink-800:focus {
    --tw-ring-offset-color: #9d174d;
  }

  .xl\:focus\:ring-offset-pink-900:focus {
    --tw-ring-offset-color: #831843;
  }

  .xl\:filter {
    --tw-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
    -webkit-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: 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);
  }

  .xl\:filter-none {
    -webkit-filter: none;
            filter: none;
  }

  .xl\:blur-0 {
    --tw-blur: blur(0);
  }

  .xl\:blur-none {
    --tw-blur: blur(0);
  }

  .xl\:blur-sm {
    --tw-blur: blur(4px);
  }

  .xl\:blur {
    --tw-blur: blur(8px);
  }

  .xl\:blur-md {
    --tw-blur: blur(12px);
  }

  .xl\:blur-lg {
    --tw-blur: blur(16px);
  }

  .xl\:blur-xl {
    --tw-blur: blur(24px);
  }

  .xl\:blur-2xl {
    --tw-blur: blur(40px);
  }

  .xl\:blur-3xl {
    --tw-blur: blur(64px);
  }

  .xl\:brightness-0 {
    --tw-brightness: brightness(0);
  }

  .xl\:brightness-50 {
    --tw-brightness: brightness(.5);
  }

  .xl\:brightness-75 {
    --tw-brightness: brightness(.75);
  }

  .xl\:brightness-90 {
    --tw-brightness: brightness(.9);
  }

  .xl\:brightness-95 {
    --tw-brightness: brightness(.95);
  }

  .xl\:brightness-100 {
    --tw-brightness: brightness(1);
  }

  .xl\:brightness-105 {
    --tw-brightness: brightness(1.05);
  }

  .xl\:brightness-110 {
    --tw-brightness: brightness(1.1);
  }

  .xl\:brightness-125 {
    --tw-brightness: brightness(1.25);
  }

  .xl\:brightness-150 {
    --tw-brightness: brightness(1.5);
  }

  .xl\:brightness-200 {
    --tw-brightness: brightness(2);
  }

  .xl\:contrast-0 {
    --tw-contrast: contrast(0);
  }

  .xl\:contrast-50 {
    --tw-contrast: contrast(.5);
  }

  .xl\:contrast-75 {
    --tw-contrast: contrast(.75);
  }

  .xl\:contrast-100 {
    --tw-contrast: contrast(1);
  }

  .xl\:contrast-125 {
    --tw-contrast: contrast(1.25);
  }

  .xl\:contrast-150 {
    --tw-contrast: contrast(1.5);
  }

  .xl\:contrast-200 {
    --tw-contrast: contrast(2);
  }

  .xl\:drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
  }

  .xl\:drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
  }

  .xl\:drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
  }

  .xl\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
  }

  .xl\:drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  }

  .xl\:drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  }

  .xl\:drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
  }

  .xl\:grayscale-0 {
    --tw-grayscale: grayscale(0);
  }

  .xl\:grayscale {
    --tw-grayscale: grayscale(100%);
  }

  .xl\:hue-rotate-0 {
    --tw-hue-rotate: hue-rotate(0deg);
  }

  .xl\:hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(15deg);
  }

  .xl\:hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg);
  }

  .xl\:hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(60deg);
  }

  .xl\:hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(90deg);
  }

  .xl\:hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg);
  }

  .xl\:-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(-180deg);
  }

  .xl\:-hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(-90deg);
  }

  .xl\:-hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(-60deg);
  }

  .xl\:-hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(-30deg);
  }

  .xl\:-hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(-15deg);
  }

  .xl\:invert-0 {
    --tw-invert: invert(0);
  }

  .xl\:invert {
    --tw-invert: invert(100%);
  }

  .xl\:saturate-0 {
    --tw-saturate: saturate(0);
  }

  .xl\:saturate-50 {
    --tw-saturate: saturate(.5);
  }

  .xl\:saturate-100 {
    --tw-saturate: saturate(1);
  }

  .xl\:saturate-150 {
    --tw-saturate: saturate(1.5);
  }

  .xl\:saturate-200 {
    --tw-saturate: saturate(2);
  }

  .xl\:sepia-0 {
    --tw-sepia: sepia(0);
  }

  .xl\:sepia {
    --tw-sepia: sepia(100%);
  }

  .xl\:backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
    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);
  }

  .xl\:backdrop-filter-none {
    backdrop-filter: none;
  }

  .xl\:backdrop-blur-0 {
    --tw-backdrop-blur: blur(0);
  }

  .xl\:backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
  }

  .xl\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
  }

  .xl\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
  }

  .xl\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
  }

  .xl\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
  }

  .xl\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
  }

  .xl\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
  }

  .xl\:backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
  }

  .xl\:backdrop-brightness-0 {
    --tw-backdrop-brightness: brightness(0);
  }

  .xl\:backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
  }

  .xl\:backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75);
  }

  .xl\:backdrop-brightness-90 {
    --tw-backdrop-brightness: brightness(.9);
  }

  .xl\:backdrop-brightness-95 {
    --tw-backdrop-brightness: brightness(.95);
  }

  .xl\:backdrop-brightness-100 {
    --tw-backdrop-brightness: brightness(1);
  }

  .xl\:backdrop-brightness-105 {
    --tw-backdrop-brightness: brightness(1.05);
  }

  .xl\:backdrop-brightness-110 {
    --tw-backdrop-brightness: brightness(1.1);
  }

  .xl\:backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(1.25);
  }

  .xl\:backdrop-brightness-150 {
    --tw-backdrop-brightness: brightness(1.5);
  }

  .xl\:backdrop-brightness-200 {
    --tw-backdrop-brightness: brightness(2);
  }

  .xl\:backdrop-contrast-0 {
    --tw-backdrop-contrast: contrast(0);
  }

  .xl\:backdrop-contrast-50 {
    --tw-backdrop-contrast: contrast(.5);
  }

  .xl\:backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75);
  }

  .xl\:backdrop-contrast-100 {
    --tw-backdrop-contrast: contrast(1);
  }

  .xl\:backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(1.25);
  }

  .xl\:backdrop-contrast-150 {
    --tw-backdrop-contrast: contrast(1.5);
  }

  .xl\:backdrop-contrast-200 {
    --tw-backdrop-contrast: contrast(2);
  }

  .xl\:backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0);
  }

  .xl\:backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
  }

  .xl\:backdrop-hue-rotate-0 {
    --tw-backdrop-hue-rotate: hue-rotate(0deg);
  }

  .xl\:backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(15deg);
  }

  .xl\:backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(30deg);
  }

  .xl\:backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(60deg);
  }

  .xl\:backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(90deg);
  }

  .xl\:backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(180deg);
  }

  .xl\:-backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(-180deg);
  }

  .xl\:-backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(-90deg);
  }

  .xl\:-backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(-60deg);
  }

  .xl\:-backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(-30deg);
  }

  .xl\:-backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(-15deg);
  }

  .xl\:backdrop-invert-0 {
    --tw-backdrop-invert: invert(0);
  }

  .xl\:backdrop-invert {
    --tw-backdrop-invert: invert(100%);
  }

  .xl\:backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0);
  }

  .xl\:backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05);
  }

  .xl\:backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1);
  }

  .xl\:backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2);
  }

  .xl\:backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25);
  }

  .xl\:backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3);
  }

  .xl\:backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4);
  }

  .xl\:backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5);
  }

  .xl\:backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6);
  }

  .xl\:backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7);
  }

  .xl\:backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75);
  }

  .xl\:backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8);
  }

  .xl\:backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9);
  }

  .xl\:backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95);
  }

  .xl\:backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1);
  }

  .xl\:backdrop-saturate-0 {
    --tw-backdrop-saturate: saturate(0);
  }

  .xl\:backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5);
  }

  .xl\:backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(1);
  }

  .xl\:backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5);
  }

  .xl\:backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
  }

  .xl\:backdrop-sepia-0 {
    --tw-backdrop-sepia: sepia(0);
  }

  .xl\:backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
  }

  .xl\:transition-none {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .xl\:transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:transition-colors {
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:transition-shadow {
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:delay-75 {
    -webkit-transition-delay: 75ms;
            transition-delay: 75ms;
  }

  .xl\:delay-100 {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
  }

  .xl\:delay-150 {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
  }

  .xl\:delay-200 {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }

  .xl\:delay-300 {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }

  .xl\:delay-500 {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }

  .xl\:delay-700 {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
  }

  .xl\:delay-1000 {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }

  .xl\:duration-75 {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
  }

  .xl\:duration-100 {
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
  }

  .xl\:duration-150 {
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .xl\:duration-200 {
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  .xl\:duration-300 {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }

  .xl\:duration-500 {
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }

  .xl\:duration-700 {
    -webkit-transition-duration: 700ms;
            transition-duration: 700ms;
  }

  .xl\:duration-1000 {
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
  }

  .xl\:ease-linear {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }

  .xl\:ease-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .xl\:ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .xl\:ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media (min-width: 1536px) {
  .\32xl\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .\32xl\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .\32xl\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .\32xl\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .\32xl\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .\32xl\:container {
      max-width: 1536px;
    }
  }

  .\32xl\: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;
  }

  .\32xl\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .\32xl\:focus-within\:sr-only:focus-within {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .\32xl\:focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .\32xl\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .\32xl\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .\32xl\:pointer-events-none {
    pointer-events: none;
  }

  .\32xl\:pointer-events-auto {
    pointer-events: auto;
  }

  .\32xl\:visible {
    visibility: visible;
  }

  .\32xl\:invisible {
    visibility: hidden;
  }

  .\32xl\:static {
    position: static;
  }

  .\32xl\:fixed {
    position: fixed;
  }

  .\32xl\:absolute {
    position: absolute;
  }

  .\32xl\:relative {
    position: relative;
  }

  .\32xl\:sticky {
    position: sticky;
  }

  .\32xl\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .\32xl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  .\32xl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  .\32xl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .\32xl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .\32xl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  .\32xl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .\32xl\:inset-7 {
    top: 1.75rem;
    right: 1.75rem;
    bottom: 1.75rem;
    left: 1.75rem;
  }

  .\32xl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  .\32xl\:inset-9 {
    top: 2.25rem;
    right: 2.25rem;
    bottom: 2.25rem;
    left: 2.25rem;
  }

  .\32xl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  .\32xl\:inset-11 {
    top: 2.75rem;
    right: 2.75rem;
    bottom: 2.75rem;
    left: 2.75rem;
  }

  .\32xl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  .\32xl\:inset-14 {
    top: 3.5rem;
    right: 3.5rem;
    bottom: 3.5rem;
    left: 3.5rem;
  }

  .\32xl\:inset-16 {
    top: 4rem;
    right: 4rem;
    bottom: 4rem;
    left: 4rem;
  }

  .\32xl\:inset-20 {
    top: 5rem;
    right: 5rem;
    bottom: 5rem;
    left: 5rem;
  }

  .\32xl\:inset-24 {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
  }

  .\32xl\:inset-28 {
    top: 7rem;
    right: 7rem;
    bottom: 7rem;
    left: 7rem;
  }

  .\32xl\:inset-32 {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
  }

  .\32xl\:inset-36 {
    top: 9rem;
    right: 9rem;
    bottom: 9rem;
    left: 9rem;
  }

  .\32xl\:inset-40 {
    top: 10rem;
    right: 10rem;
    bottom: 10rem;
    left: 10rem;
  }

  .\32xl\:inset-44 {
    top: 11rem;
    right: 11rem;
    bottom: 11rem;
    left: 11rem;
  }

  .\32xl\:inset-48 {
    top: 12rem;
    right: 12rem;
    bottom: 12rem;
    left: 12rem;
  }

  .\32xl\:inset-52 {
    top: 13rem;
    right: 13rem;
    bottom: 13rem;
    left: 13rem;
  }

  .\32xl\:inset-56 {
    top: 14rem;
    right: 14rem;
    bottom: 14rem;
    left: 14rem;
  }

  .\32xl\:inset-60 {
    top: 15rem;
    right: 15rem;
    bottom: 15rem;
    left: 15rem;
  }

  .\32xl\:inset-64 {
    top: 16rem;
    right: 16rem;
    bottom: 16rem;
    left: 16rem;
  }

  .\32xl\:inset-72 {
    top: 18rem;
    right: 18rem;
    bottom: 18rem;
    left: 18rem;
  }

  .\32xl\:inset-80 {
    top: 20rem;
    right: 20rem;
    bottom: 20rem;
    left: 20rem;
  }

  .\32xl\:inset-96 {
    top: 24rem;
    right: 24rem;
    bottom: 24rem;
    left: 24rem;
  }

  .\32xl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .\32xl\:inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
  }

  .\32xl\:inset-0\.5 {
    top: 0.125rem;
    right: 0.125rem;
    bottom: 0.125rem;
    left: 0.125rem;
  }

  .\32xl\:inset-1\.5 {
    top: 0.375rem;
    right: 0.375rem;
    bottom: 0.375rem;
    left: 0.375rem;
  }

  .\32xl\:inset-2\.5 {
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    left: 0.625rem;
  }

  .\32xl\:inset-3\.5 {
    top: 0.875rem;
    right: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
  }

  .\32xl\:-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }

  .\32xl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  .\32xl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  .\32xl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  .\32xl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  .\32xl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .\32xl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .\32xl\:-inset-7 {
    top: -1.75rem;
    right: -1.75rem;
    bottom: -1.75rem;
    left: -1.75rem;
  }

  .\32xl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  .\32xl\:-inset-9 {
    top: -2.25rem;
    right: -2.25rem;
    bottom: -2.25rem;
    left: -2.25rem;
  }

  .\32xl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  .\32xl\:-inset-11 {
    top: -2.75rem;
    right: -2.75rem;
    bottom: -2.75rem;
    left: -2.75rem;
  }

  .\32xl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  .\32xl\:-inset-14 {
    top: -3.5rem;
    right: -3.5rem;
    bottom: -3.5rem;
    left: -3.5rem;
  }

  .\32xl\:-inset-16 {
    top: -4rem;
    right: -4rem;
    bottom: -4rem;
    left: -4rem;
  }

  .\32xl\:-inset-20 {
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    left: -5rem;
  }

  .\32xl\:-inset-24 {
    top: -6rem;
    right: -6rem;
    bottom: -6rem;
    left: -6rem;
  }

  .\32xl\:-inset-28 {
    top: -7rem;
    right: -7rem;
    bottom: -7rem;
    left: -7rem;
  }

  .\32xl\:-inset-32 {
    top: -8rem;
    right: -8rem;
    bottom: -8rem;
    left: -8rem;
  }

  .\32xl\:-inset-36 {
    top: -9rem;
    right: -9rem;
    bottom: -9rem;
    left: -9rem;
  }

  .\32xl\:-inset-40 {
    top: -10rem;
    right: -10rem;
    bottom: -10rem;
    left: -10rem;
  }

  .\32xl\:-inset-44 {
    top: -11rem;
    right: -11rem;
    bottom: -11rem;
    left: -11rem;
  }

  .\32xl\:-inset-48 {
    top: -12rem;
    right: -12rem;
    bottom: -12rem;
    left: -12rem;
  }

  .\32xl\:-inset-52 {
    top: -13rem;
    right: -13rem;
    bottom: -13rem;
    left: -13rem;
  }

  .\32xl\:-inset-56 {
    top: -14rem;
    right: -14rem;
    bottom: -14rem;
    left: -14rem;
  }

  .\32xl\:-inset-60 {
    top: -15rem;
    right: -15rem;
    bottom: -15rem;
    left: -15rem;
  }

  .\32xl\:-inset-64 {
    top: -16rem;
    right: -16rem;
    bottom: -16rem;
    left: -16rem;
  }

  .\32xl\:-inset-72 {
    top: -18rem;
    right: -18rem;
    bottom: -18rem;
    left: -18rem;
  }

  .\32xl\:-inset-80 {
    top: -20rem;
    right: -20rem;
    bottom: -20rem;
    left: -20rem;
  }

  .\32xl\:-inset-96 {
    top: -24rem;
    right: -24rem;
    bottom: -24rem;
    left: -24rem;
  }

  .\32xl\:-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }

  .\32xl\:-inset-0\.5 {
    top: -0.125rem;
    right: -0.125rem;
    bottom: -0.125rem;
    left: -0.125rem;
  }

  .\32xl\:-inset-1\.5 {
    top: -0.375rem;
    right: -0.375rem;
    bottom: -0.375rem;
    left: -0.375rem;
  }

  .\32xl\:-inset-2\.5 {
    top: -0.625rem;
    right: -0.625rem;
    bottom: -0.625rem;
    left: -0.625rem;
  }

  .\32xl\:-inset-3\.5 {
    top: -0.875rem;
    right: -0.875rem;
    bottom: -0.875rem;
    left: -0.875rem;
  }

  .\32xl\:inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .\32xl\:inset-1\/3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%;
  }

  .\32xl\:inset-2\/3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%;
  }

  .\32xl\:inset-1\/4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
  }

  .\32xl\:inset-2\/4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }

  .\32xl\:inset-3\/4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%;
  }

  .\32xl\:inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%;
  }

  .\32xl\:-inset-1\/2 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .\32xl\:-inset-1\/3 {
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
    left: -33.333333%;
  }

  .\32xl\:-inset-2\/3 {
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
    left: -66.666667%;
  }

  .\32xl\:-inset-1\/4 {
    top: -25%;
    right: -25%;
    bottom: -25%;
    left: -25%;
  }

  .\32xl\:-inset-2\/4 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
  }

  .\32xl\:-inset-3\/4 {
    top: -75%;
    right: -75%;
    bottom: -75%;
    left: -75%;
  }

  .\32xl\:-inset-full {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
  }

  .\32xl\:inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .\32xl\:inset-x-1 {
    left: 0.25rem;
    right: 0.25rem;
  }

  .\32xl\:inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
  }

  .\32xl\:inset-x-3 {
    left: 0.75rem;
    right: 0.75rem;
  }

  .\32xl\:inset-x-4 {
    left: 1rem;
    right: 1rem;
  }

  .\32xl\:inset-x-5 {
    left: 1.25rem;
    right: 1.25rem;
  }

  .\32xl\:inset-x-6 {
    left: 1.5rem;
    right: 1.5rem;
  }

  .\32xl\:inset-x-7 {
    left: 1.75rem;
    right: 1.75rem;
  }

  .\32xl\:inset-x-8 {
    left: 2rem;
    right: 2rem;
  }

  .\32xl\:inset-x-9 {
    left: 2.25rem;
    right: 2.25rem;
  }

  .\32xl\:inset-x-10 {
    left: 2.5rem;
    right: 2.5rem;
  }

  .\32xl\:inset-x-11 {
    left: 2.75rem;
    right: 2.75rem;
  }

  .\32xl\:inset-x-12 {
    left: 3rem;
    right: 3rem;
  }

  .\32xl\:inset-x-14 {
    left: 3.5rem;
    right: 3.5rem;
  }

  .\32xl\:inset-x-16 {
    left: 4rem;
    right: 4rem;
  }

  .\32xl\:inset-x-20 {
    left: 5rem;
    right: 5rem;
  }

  .\32xl\:inset-x-24 {
    left: 6rem;
    right: 6rem;
  }

  .\32xl\:inset-x-28 {
    left: 7rem;
    right: 7rem;
  }

  .\32xl\:inset-x-32 {
    left: 8rem;
    right: 8rem;
  }

  .\32xl\:inset-x-36 {
    left: 9rem;
    right: 9rem;
  }

  .\32xl\:inset-x-40 {
    left: 10rem;
    right: 10rem;
  }

  .\32xl\:inset-x-44 {
    left: 11rem;
    right: 11rem;
  }

  .\32xl\:inset-x-48 {
    left: 12rem;
    right: 12rem;
  }

  .\32xl\:inset-x-52 {
    left: 13rem;
    right: 13rem;
  }

  .\32xl\:inset-x-56 {
    left: 14rem;
    right: 14rem;
  }

  .\32xl\:inset-x-60 {
    left: 15rem;
    right: 15rem;
  }

  .\32xl\:inset-x-64 {
    left: 16rem;
    right: 16rem;
  }

  .\32xl\:inset-x-72 {
    left: 18rem;
    right: 18rem;
  }

  .\32xl\:inset-x-80 {
    left: 20rem;
    right: 20rem;
  }

  .\32xl\:inset-x-96 {
    left: 24rem;
    right: 24rem;
  }

  .\32xl\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .\32xl\:inset-x-px {
    left: 1px;
    right: 1px;
  }

  .\32xl\:inset-x-0\.5 {
    left: 0.125rem;
    right: 0.125rem;
  }

  .\32xl\:inset-x-1\.5 {
    left: 0.375rem;
    right: 0.375rem;
  }

  .\32xl\:inset-x-2\.5 {
    left: 0.625rem;
    right: 0.625rem;
  }

  .\32xl\:inset-x-3\.5 {
    left: 0.875rem;
    right: 0.875rem;
  }

  .\32xl\:-inset-x-0 {
    left: 0px;
    right: 0px;
  }

  .\32xl\:-inset-x-1 {
    left: -0.25rem;
    right: -0.25rem;
  }

  .\32xl\:-inset-x-2 {
    left: -0.5rem;
    right: -0.5rem;
  }

  .\32xl\:-inset-x-3 {
    left: -0.75rem;
    right: -0.75rem;
  }

  .\32xl\:-inset-x-4 {
    left: -1rem;
    right: -1rem;
  }

  .\32xl\:-inset-x-5 {
    left: -1.25rem;
    right: -1.25rem;
  }

  .\32xl\:-inset-x-6 {
    left: -1.5rem;
    right: -1.5rem;
  }

  .\32xl\:-inset-x-7 {
    left: -1.75rem;
    right: -1.75rem;
  }

  .\32xl\:-inset-x-8 {
    left: -2rem;
    right: -2rem;
  }

  .\32xl\:-inset-x-9 {
    left: -2.25rem;
    right: -2.25rem;
  }

  .\32xl\:-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem;
  }

  .\32xl\:-inset-x-11 {
    left: -2.75rem;
    right: -2.75rem;
  }

  .\32xl\:-inset-x-12 {
    left: -3rem;
    right: -3rem;
  }

  .\32xl\:-inset-x-14 {
    left: -3.5rem;
    right: -3.5rem;
  }

  .\32xl\:-inset-x-16 {
    left: -4rem;
    right: -4rem;
  }

  .\32xl\:-inset-x-20 {
    left: -5rem;
    right: -5rem;
  }

  .\32xl\:-inset-x-24 {
    left: -6rem;
    right: -6rem;
  }

  .\32xl\:-inset-x-28 {
    left: -7rem;
    right: -7rem;
  }

  .\32xl\:-inset-x-32 {
    left: -8rem;
    right: -8rem;
  }

  .\32xl\:-inset-x-36 {
    left: -9rem;
    right: -9rem;
  }

  .\32xl\:-inset-x-40 {
    left: -10rem;
    right: -10rem;
  }

  .\32xl\:-inset-x-44 {
    left: -11rem;
    right: -11rem;
  }

  .\32xl\:-inset-x-48 {
    left: -12rem;
    right: -12rem;
  }

  .\32xl\:-inset-x-52 {
    left: -13rem;
    right: -13rem;
  }

  .\32xl\:-inset-x-56 {
    left: -14rem;
    right: -14rem;
  }

  .\32xl\:-inset-x-60 {
    left: -15rem;
    right: -15rem;
  }

  .\32xl\:-inset-x-64 {
    left: -16rem;
    right: -16rem;
  }

  .\32xl\:-inset-x-72 {
    left: -18rem;
    right: -18rem;
  }

  .\32xl\:-inset-x-80 {
    left: -20rem;
    right: -20rem;
  }

  .\32xl\:-inset-x-96 {
    left: -24rem;
    right: -24rem;
  }

  .\32xl\:-inset-x-px {
    left: -1px;
    right: -1px;
  }

  .\32xl\:-inset-x-0\.5 {
    left: -0.125rem;
    right: -0.125rem;
  }

  .\32xl\:-inset-x-1\.5 {
    left: -0.375rem;
    right: -0.375rem;
  }

  .\32xl\:-inset-x-2\.5 {
    left: -0.625rem;
    right: -0.625rem;
  }

  .\32xl\:-inset-x-3\.5 {
    left: -0.875rem;
    right: -0.875rem;
  }

  .\32xl\:inset-x-1\/2 {
    left: 50%;
    right: 50%;
  }

  .\32xl\:inset-x-1\/3 {
    left: 33.333333%;
    right: 33.333333%;
  }

  .\32xl\:inset-x-2\/3 {
    left: 66.666667%;
    right: 66.666667%;
  }

  .\32xl\:inset-x-1\/4 {
    left: 25%;
    right: 25%;
  }

  .\32xl\:inset-x-2\/4 {
    left: 50%;
    right: 50%;
  }

  .\32xl\:inset-x-3\/4 {
    left: 75%;
    right: 75%;
  }

  .\32xl\:inset-x-full {
    left: 100%;
    right: 100%;
  }

  .\32xl\:-inset-x-1\/2 {
    left: -50%;
    right: -50%;
  }

  .\32xl\:-inset-x-1\/3 {
    left: -33.333333%;
    right: -33.333333%;
  }

  .\32xl\:-inset-x-2\/3 {
    left: -66.666667%;
    right: -66.666667%;
  }

  .\32xl\:-inset-x-1\/4 {
    left: -25%;
    right: -25%;
  }

  .\32xl\:-inset-x-2\/4 {
    left: -50%;
    right: -50%;
  }

  .\32xl\:-inset-x-3\/4 {
    left: -75%;
    right: -75%;
  }

  .\32xl\:-inset-x-full {
    left: -100%;
    right: -100%;
  }

  .\32xl\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .\32xl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  .\32xl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .\32xl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  .\32xl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  .\32xl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  .\32xl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  .\32xl\:inset-y-7 {
    top: 1.75rem;
    bottom: 1.75rem;
  }

  .\32xl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  .\32xl\:inset-y-9 {
    top: 2.25rem;
    bottom: 2.25rem;
  }

  .\32xl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  .\32xl\:inset-y-11 {
    top: 2.75rem;
    bottom: 2.75rem;
  }

  .\32xl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  .\32xl\:inset-y-14 {
    top: 3.5rem;
    bottom: 3.5rem;
  }

  .\32xl\:inset-y-16 {
    top: 4rem;
    bottom: 4rem;
  }

  .\32xl\:inset-y-20 {
    top: 5rem;
    bottom: 5rem;
  }

  .\32xl\:inset-y-24 {
    top: 6rem;
    bottom: 6rem;
  }

  .\32xl\:inset-y-28 {
    top: 7rem;
    bottom: 7rem;
  }

  .\32xl\:inset-y-32 {
    top: 8rem;
    bottom: 8rem;
  }

  .\32xl\:inset-y-36 {
    top: 9rem;
    bottom: 9rem;
  }

  .\32xl\:inset-y-40 {
    top: 10rem;
    bottom: 10rem;
  }

  .\32xl\:inset-y-44 {
    top: 11rem;
    bottom: 11rem;
  }

  .\32xl\:inset-y-48 {
    top: 12rem;
    bottom: 12rem;
  }

  .\32xl\:inset-y-52 {
    top: 13rem;
    bottom: 13rem;
  }

  .\32xl\:inset-y-56 {
    top: 14rem;
    bottom: 14rem;
  }

  .\32xl\:inset-y-60 {
    top: 15rem;
    bottom: 15rem;
  }

  .\32xl\:inset-y-64 {
    top: 16rem;
    bottom: 16rem;
  }

  .\32xl\:inset-y-72 {
    top: 18rem;
    bottom: 18rem;
  }

  .\32xl\:inset-y-80 {
    top: 20rem;
    bottom: 20rem;
  }

  .\32xl\:inset-y-96 {
    top: 24rem;
    bottom: 24rem;
  }

  .\32xl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .\32xl\:inset-y-px {
    top: 1px;
    bottom: 1px;
  }

  .\32xl\:inset-y-0\.5 {
    top: 0.125rem;
    bottom: 0.125rem;
  }

  .\32xl\:inset-y-1\.5 {
    top: 0.375rem;
    bottom: 0.375rem;
  }

  .\32xl\:inset-y-2\.5 {
    top: 0.625rem;
    bottom: 0.625rem;
  }

  .\32xl\:inset-y-3\.5 {
    top: 0.875rem;
    bottom: 0.875rem;
  }

  .\32xl\:-inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .\32xl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  .\32xl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  .\32xl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  .\32xl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  .\32xl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  .\32xl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  .\32xl\:-inset-y-7 {
    top: -1.75rem;
    bottom: -1.75rem;
  }

  .\32xl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  .\32xl\:-inset-y-9 {
    top: -2.25rem;
    bottom: -2.25rem;
  }

  .\32xl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  .\32xl\:-inset-y-11 {
    top: -2.75rem;
    bottom: -2.75rem;
  }

  .\32xl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  .\32xl\:-inset-y-14 {
    top: -3.5rem;
    bottom: -3.5rem;
  }

  .\32xl\:-inset-y-16 {
    top: -4rem;
    bottom: -4rem;
  }

  .\32xl\:-inset-y-20 {
    top: -5rem;
    bottom: -5rem;
  }

  .\32xl\:-inset-y-24 {
    top: -6rem;
    bottom: -6rem;
  }

  .\32xl\:-inset-y-28 {
    top: -7rem;
    bottom: -7rem;
  }

  .\32xl\:-inset-y-32 {
    top: -8rem;
    bottom: -8rem;
  }

  .\32xl\:-inset-y-36 {
    top: -9rem;
    bottom: -9rem;
  }

  .\32xl\:-inset-y-40 {
    top: -10rem;
    bottom: -10rem;
  }

  .\32xl\:-inset-y-44 {
    top: -11rem;
    bottom: -11rem;
  }

  .\32xl\:-inset-y-48 {
    top: -12rem;
    bottom: -12rem;
  }

  .\32xl\:-inset-y-52 {
    top: -13rem;
    bottom: -13rem;
  }

  .\32xl\:-inset-y-56 {
    top: -14rem;
    bottom: -14rem;
  }

  .\32xl\:-inset-y-60 {
    top: -15rem;
    bottom: -15rem;
  }

  .\32xl\:-inset-y-64 {
    top: -16rem;
    bottom: -16rem;
  }

  .\32xl\:-inset-y-72 {
    top: -18rem;
    bottom: -18rem;
  }

  .\32xl\:-inset-y-80 {
    top: -20rem;
    bottom: -20rem;
  }

  .\32xl\:-inset-y-96 {
    top: -24rem;
    bottom: -24rem;
  }

  .\32xl\:-inset-y-px {
    top: -1px;
    bottom: -1px;
  }

  .\32xl\:-inset-y-0\.5 {
    top: -0.125rem;
    bottom: -0.125rem;
  }

  .\32xl\:-inset-y-1\.5 {
    top: -0.375rem;
    bottom: -0.375rem;
  }

  .\32xl\:-inset-y-2\.5 {
    top: -0.625rem;
    bottom: -0.625rem;
  }

  .\32xl\:-inset-y-3\.5 {
    top: -0.875rem;
    bottom: -0.875rem;
  }

  .\32xl\:inset-y-1\/2 {
    top: 50%;
    bottom: 50%;
  }

  .\32xl\:inset-y-1\/3 {
    top: 33.333333%;
    bottom: 33.333333%;
  }

  .\32xl\:inset-y-2\/3 {
    top: 66.666667%;
    bottom: 66.666667%;
  }

  .\32xl\:inset-y-1\/4 {
    top: 25%;
    bottom: 25%;
  }

  .\32xl\:inset-y-2\/4 {
    top: 50%;
    bottom: 50%;
  }

  .\32xl\:inset-y-3\/4 {
    top: 75%;
    bottom: 75%;
  }

  .\32xl\:inset-y-full {
    top: 100%;
    bottom: 100%;
  }

  .\32xl\:-inset-y-1\/2 {
    top: -50%;
    bottom: -50%;
  }

  .\32xl\:-inset-y-1\/3 {
    top: -33.333333%;
    bottom: -33.333333%;
  }

  .\32xl\:-inset-y-2\/3 {
    top: -66.666667%;
    bottom: -66.666667%;
  }

  .\32xl\:-inset-y-1\/4 {
    top: -25%;
    bottom: -25%;
  }

  .\32xl\:-inset-y-2\/4 {
    top: -50%;
    bottom: -50%;
  }

  .\32xl\:-inset-y-3\/4 {
    top: -75%;
    bottom: -75%;
  }

  .\32xl\:-inset-y-full {
    top: -100%;
    bottom: -100%;
  }

  .\32xl\:top-0 {
    top: 0px;
  }

  .\32xl\:top-1 {
    top: 0.25rem;
  }

  .\32xl\:top-2 {
    top: 0.5rem;
  }

  .\32xl\:top-3 {
    top: 0.75rem;
  }

  .\32xl\:top-4 {
    top: 1rem;
  }

  .\32xl\:top-5 {
    top: 1.25rem;
  }

  .\32xl\:top-6 {
    top: 1.5rem;
  }

  .\32xl\:top-7 {
    top: 1.75rem;
  }

  .\32xl\:top-8 {
    top: 2rem;
  }

  .\32xl\:top-9 {
    top: 2.25rem;
  }

  .\32xl\:top-10 {
    top: 2.5rem;
  }

  .\32xl\:top-11 {
    top: 2.75rem;
  }

  .\32xl\:top-12 {
    top: 3rem;
  }

  .\32xl\:top-14 {
    top: 3.5rem;
  }

  .\32xl\:top-16 {
    top: 4rem;
  }

  .\32xl\:top-20 {
    top: 5rem;
  }

  .\32xl\:top-24 {
    top: 6rem;
  }

  .\32xl\:top-28 {
    top: 7rem;
  }

  .\32xl\:top-32 {
    top: 8rem;
  }

  .\32xl\:top-36 {
    top: 9rem;
  }

  .\32xl\:top-40 {
    top: 10rem;
  }

  .\32xl\:top-44 {
    top: 11rem;
  }

  .\32xl\:top-48 {
    top: 12rem;
  }

  .\32xl\:top-52 {
    top: 13rem;
  }

  .\32xl\:top-56 {
    top: 14rem;
  }

  .\32xl\:top-60 {
    top: 15rem;
  }

  .\32xl\:top-64 {
    top: 16rem;
  }

  .\32xl\:top-72 {
    top: 18rem;
  }

  .\32xl\:top-80 {
    top: 20rem;
  }

  .\32xl\:top-96 {
    top: 24rem;
  }

  .\32xl\:top-auto {
    top: auto;
  }

  .\32xl\:top-px {
    top: 1px;
  }

  .\32xl\:top-0\.5 {
    top: 0.125rem;
  }

  .\32xl\:top-1\.5 {
    top: 0.375rem;
  }

  .\32xl\:top-2\.5 {
    top: 0.625rem;
  }

  .\32xl\:top-3\.5 {
    top: 0.875rem;
  }

  .\32xl\:-top-0 {
    top: 0px;
  }

  .\32xl\:-top-1 {
    top: -0.25rem;
  }

  .\32xl\:-top-2 {
    top: -0.5rem;
  }

  .\32xl\:-top-3 {
    top: -0.75rem;
  }

  .\32xl\:-top-4 {
    top: -1rem;
  }

  .\32xl\:-top-5 {
    top: -1.25rem;
  }

  .\32xl\:-top-6 {
    top: -1.5rem;
  }

  .\32xl\:-top-7 {
    top: -1.75rem;
  }

  .\32xl\:-top-8 {
    top: -2rem;
  }

  .\32xl\:-top-9 {
    top: -2.25rem;
  }

  .\32xl\:-top-10 {
    top: -2.5rem;
  }

  .\32xl\:-top-11 {
    top: -2.75rem;
  }

  .\32xl\:-top-12 {
    top: -3rem;
  }

  .\32xl\:-top-14 {
    top: -3.5rem;
  }

  .\32xl\:-top-16 {
    top: -4rem;
  }

  .\32xl\:-top-20 {
    top: -5rem;
  }

  .\32xl\:-top-24 {
    top: -6rem;
  }

  .\32xl\:-top-28 {
    top: -7rem;
  }

  .\32xl\:-top-32 {
    top: -8rem;
  }

  .\32xl\:-top-36 {
    top: -9rem;
  }

  .\32xl\:-top-40 {
    top: -10rem;
  }

  .\32xl\:-top-44 {
    top: -11rem;
  }

  .\32xl\:-top-48 {
    top: -12rem;
  }

  .\32xl\:-top-52 {
    top: -13rem;
  }

  .\32xl\:-top-56 {
    top: -14rem;
  }

  .\32xl\:-top-60 {
    top: -15rem;
  }

  .\32xl\:-top-64 {
    top: -16rem;
  }

  .\32xl\:-top-72 {
    top: -18rem;
  }

  .\32xl\:-top-80 {
    top: -20rem;
  }

  .\32xl\:-top-96 {
    top: -24rem;
  }

  .\32xl\:-top-px {
    top: -1px;
  }

  .\32xl\:-top-0\.5 {
    top: -0.125rem;
  }

  .\32xl\:-top-1\.5 {
    top: -0.375rem;
  }

  .\32xl\:-top-2\.5 {
    top: -0.625rem;
  }

  .\32xl\:-top-3\.5 {
    top: -0.875rem;
  }

  .\32xl\:top-1\/2 {
    top: 50%;
  }

  .\32xl\:top-1\/3 {
    top: 33.333333%;
  }

  .\32xl\:top-2\/3 {
    top: 66.666667%;
  }

  .\32xl\:top-1\/4 {
    top: 25%;
  }

  .\32xl\:top-2\/4 {
    top: 50%;
  }

  .\32xl\:top-3\/4 {
    top: 75%;
  }

  .\32xl\:top-full {
    top: 100%;
  }

  .\32xl\:-top-1\/2 {
    top: -50%;
  }

  .\32xl\:-top-1\/3 {
    top: -33.333333%;
  }

  .\32xl\:-top-2\/3 {
    top: -66.666667%;
  }

  .\32xl\:-top-1\/4 {
    top: -25%;
  }

  .\32xl\:-top-2\/4 {
    top: -50%;
  }

  .\32xl\:-top-3\/4 {
    top: -75%;
  }

  .\32xl\:-top-full {
    top: -100%;
  }

  .\32xl\:right-0 {
    right: 0px;
  }

  .\32xl\:right-1 {
    right: 0.25rem;
  }

  .\32xl\:right-2 {
    right: 0.5rem;
  }

  .\32xl\:right-3 {
    right: 0.75rem;
  }

  .\32xl\:right-4 {
    right: 1rem;
  }

  .\32xl\:right-5 {
    right: 1.25rem;
  }

  .\32xl\:right-6 {
    right: 1.5rem;
  }

  .\32xl\:right-7 {
    right: 1.75rem;
  }

  .\32xl\:right-8 {
    right: 2rem;
  }

  .\32xl\:right-9 {
    right: 2.25rem;
  }

  .\32xl\:right-10 {
    right: 2.5rem;
  }

  .\32xl\:right-11 {
    right: 2.75rem;
  }

  .\32xl\:right-12 {
    right: 3rem;
  }

  .\32xl\:right-14 {
    right: 3.5rem;
  }

  .\32xl\:right-16 {
    right: 4rem;
  }

  .\32xl\:right-20 {
    right: 5rem;
  }

  .\32xl\:right-24 {
    right: 6rem;
  }

  .\32xl\:right-28 {
    right: 7rem;
  }

  .\32xl\:right-32 {
    right: 8rem;
  }

  .\32xl\:right-36 {
    right: 9rem;
  }

  .\32xl\:right-40 {
    right: 10rem;
  }

  .\32xl\:right-44 {
    right: 11rem;
  }

  .\32xl\:right-48 {
    right: 12rem;
  }

  .\32xl\:right-52 {
    right: 13rem;
  }

  .\32xl\:right-56 {
    right: 14rem;
  }

  .\32xl\:right-60 {
    right: 15rem;
  }

  .\32xl\:right-64 {
    right: 16rem;
  }

  .\32xl\:right-72 {
    right: 18rem;
  }

  .\32xl\:right-80 {
    right: 20rem;
  }

  .\32xl\:right-96 {
    right: 24rem;
  }

  .\32xl\:right-auto {
    right: auto;
  }

  .\32xl\:right-px {
    right: 1px;
  }

  .\32xl\:right-0\.5 {
    right: 0.125rem;
  }

  .\32xl\:right-1\.5 {
    right: 0.375rem;
  }

  .\32xl\:right-2\.5 {
    right: 0.625rem;
  }

  .\32xl\:right-3\.5 {
    right: 0.875rem;
  }

  .\32xl\:-right-0 {
    right: 0px;
  }

  .\32xl\:-right-1 {
    right: -0.25rem;
  }

  .\32xl\:-right-2 {
    right: -0.5rem;
  }

  .\32xl\:-right-3 {
    right: -0.75rem;
  }

  .\32xl\:-right-4 {
    right: -1rem;
  }

  .\32xl\:-right-5 {
    right: -1.25rem;
  }

  .\32xl\:-right-6 {
    right: -1.5rem;
  }

  .\32xl\:-right-7 {
    right: -1.75rem;
  }

  .\32xl\:-right-8 {
    right: -2rem;
  }

  .\32xl\:-right-9 {
    right: -2.25rem;
  }

  .\32xl\:-right-10 {
    right: -2.5rem;
  }

  .\32xl\:-right-11 {
    right: -2.75rem;
  }

  .\32xl\:-right-12 {
    right: -3rem;
  }

  .\32xl\:-right-14 {
    right: -3.5rem;
  }

  .\32xl\:-right-16 {
    right: -4rem;
  }

  .\32xl\:-right-20 {
    right: -5rem;
  }

  .\32xl\:-right-24 {
    right: -6rem;
  }

  .\32xl\:-right-28 {
    right: -7rem;
  }

  .\32xl\:-right-32 {
    right: -8rem;
  }

  .\32xl\:-right-36 {
    right: -9rem;
  }

  .\32xl\:-right-40 {
    right: -10rem;
  }

  .\32xl\:-right-44 {
    right: -11rem;
  }

  .\32xl\:-right-48 {
    right: -12rem;
  }

  .\32xl\:-right-52 {
    right: -13rem;
  }

  .\32xl\:-right-56 {
    right: -14rem;
  }

  .\32xl\:-right-60 {
    right: -15rem;
  }

  .\32xl\:-right-64 {
    right: -16rem;
  }

  .\32xl\:-right-72 {
    right: -18rem;
  }

  .\32xl\:-right-80 {
    right: -20rem;
  }

  .\32xl\:-right-96 {
    right: -24rem;
  }

  .\32xl\:-right-px {
    right: -1px;
  }

  .\32xl\:-right-0\.5 {
    right: -0.125rem;
  }

  .\32xl\:-right-1\.5 {
    right: -0.375rem;
  }

  .\32xl\:-right-2\.5 {
    right: -0.625rem;
  }

  .\32xl\:-right-3\.5 {
    right: -0.875rem;
  }

  .\32xl\:right-1\/2 {
    right: 50%;
  }

  .\32xl\:right-1\/3 {
    right: 33.333333%;
  }

  .\32xl\:right-2\/3 {
    right: 66.666667%;
  }

  .\32xl\:right-1\/4 {
    right: 25%;
  }

  .\32xl\:right-2\/4 {
    right: 50%;
  }

  .\32xl\:right-3\/4 {
    right: 75%;
  }

  .\32xl\:right-full {
    right: 100%;
  }

  .\32xl\:-right-1\/2 {
    right: -50%;
  }

  .\32xl\:-right-1\/3 {
    right: -33.333333%;
  }

  .\32xl\:-right-2\/3 {
    right: -66.666667%;
  }

  .\32xl\:-right-1\/4 {
    right: -25%;
  }

  .\32xl\:-right-2\/4 {
    right: -50%;
  }

  .\32xl\:-right-3\/4 {
    right: -75%;
  }

  .\32xl\:-right-full {
    right: -100%;
  }

  .\32xl\:bottom-0 {
    bottom: 0px;
  }

  .\32xl\:bottom-1 {
    bottom: 0.25rem;
  }

  .\32xl\:bottom-2 {
    bottom: 0.5rem;
  }

  .\32xl\:bottom-3 {
    bottom: 0.75rem;
  }

  .\32xl\:bottom-4 {
    bottom: 1rem;
  }

  .\32xl\:bottom-5 {
    bottom: 1.25rem;
  }

  .\32xl\:bottom-6 {
    bottom: 1.5rem;
  }

  .\32xl\:bottom-7 {
    bottom: 1.75rem;
  }

  .\32xl\:bottom-8 {
    bottom: 2rem;
  }

  .\32xl\:bottom-9 {
    bottom: 2.25rem;
  }

  .\32xl\:bottom-10 {
    bottom: 2.5rem;
  }

  .\32xl\:bottom-11 {
    bottom: 2.75rem;
  }

  .\32xl\:bottom-12 {
    bottom: 3rem;
  }

  .\32xl\:bottom-14 {
    bottom: 3.5rem;
  }

  .\32xl\:bottom-16 {
    bottom: 4rem;
  }

  .\32xl\:bottom-20 {
    bottom: 5rem;
  }

  .\32xl\:bottom-24 {
    bottom: 6rem;
  }

  .\32xl\:bottom-28 {
    bottom: 7rem;
  }

  .\32xl\:bottom-32 {
    bottom: 8rem;
  }

  .\32xl\:bottom-36 {
    bottom: 9rem;
  }

  .\32xl\:bottom-40 {
    bottom: 10rem;
  }

  .\32xl\:bottom-44 {
    bottom: 11rem;
  }

  .\32xl\:bottom-48 {
    bottom: 12rem;
  }

  .\32xl\:bottom-52 {
    bottom: 13rem;
  }

  .\32xl\:bottom-56 {
    bottom: 14rem;
  }

  .\32xl\:bottom-60 {
    bottom: 15rem;
  }

  .\32xl\:bottom-64 {
    bottom: 16rem;
  }

  .\32xl\:bottom-72 {
    bottom: 18rem;
  }

  .\32xl\:bottom-80 {
    bottom: 20rem;
  }

  .\32xl\:bottom-96 {
    bottom: 24rem;
  }

  .\32xl\:bottom-auto {
    bottom: auto;
  }

  .\32xl\:bottom-px {
    bottom: 1px;
  }

  .\32xl\:bottom-0\.5 {
    bottom: 0.125rem;
  }

  .\32xl\:bottom-1\.5 {
    bottom: 0.375rem;
  }

  .\32xl\:bottom-2\.5 {
    bottom: 0.625rem;
  }

  .\32xl\:bottom-3\.5 {
    bottom: 0.875rem;
  }

  .\32xl\:-bottom-0 {
    bottom: 0px;
  }

  .\32xl\:-bottom-1 {
    bottom: -0.25rem;
  }

  .\32xl\:-bottom-2 {
    bottom: -0.5rem;
  }

  .\32xl\:-bottom-3 {
    bottom: -0.75rem;
  }

  .\32xl\:-bottom-4 {
    bottom: -1rem;
  }

  .\32xl\:-bottom-5 {
    bottom: -1.25rem;
  }

  .\32xl\:-bottom-6 {
    bottom: -1.5rem;
  }

  .\32xl\:-bottom-7 {
    bottom: -1.75rem;
  }

  .\32xl\:-bottom-8 {
    bottom: -2rem;
  }

  .\32xl\:-bottom-9 {
    bottom: -2.25rem;
  }

  .\32xl\:-bottom-10 {
    bottom: -2.5rem;
  }

  .\32xl\:-bottom-11 {
    bottom: -2.75rem;
  }

  .\32xl\:-bottom-12 {
    bottom: -3rem;
  }

  .\32xl\:-bottom-14 {
    bottom: -3.5rem;
  }

  .\32xl\:-bottom-16 {
    bottom: -4rem;
  }

  .\32xl\:-bottom-20 {
    bottom: -5rem;
  }

  .\32xl\:-bottom-24 {
    bottom: -6rem;
  }

  .\32xl\:-bottom-28 {
    bottom: -7rem;
  }

  .\32xl\:-bottom-32 {
    bottom: -8rem;
  }

  .\32xl\:-bottom-36 {
    bottom: -9rem;
  }

  .\32xl\:-bottom-40 {
    bottom: -10rem;
  }

  .\32xl\:-bottom-44 {
    bottom: -11rem;
  }

  .\32xl\:-bottom-48 {
    bottom: -12rem;
  }

  .\32xl\:-bottom-52 {
    bottom: -13rem;
  }

  .\32xl\:-bottom-56 {
    bottom: -14rem;
  }

  .\32xl\:-bottom-60 {
    bottom: -15rem;
  }

  .\32xl\:-bottom-64 {
    bottom: -16rem;
  }

  .\32xl\:-bottom-72 {
    bottom: -18rem;
  }

  .\32xl\:-bottom-80 {
    bottom: -20rem;
  }

  .\32xl\:-bottom-96 {
    bottom: -24rem;
  }

  .\32xl\:-bottom-px {
    bottom: -1px;
  }

  .\32xl\:-bottom-0\.5 {
    bottom: -0.125rem;
  }

  .\32xl\:-bottom-1\.5 {
    bottom: -0.375rem;
  }

  .\32xl\:-bottom-2\.5 {
    bottom: -0.625rem;
  }

  .\32xl\:-bottom-3\.5 {
    bottom: -0.875rem;
  }

  .\32xl\:bottom-1\/2 {
    bottom: 50%;
  }

  .\32xl\:bottom-1\/3 {
    bottom: 33.333333%;
  }

  .\32xl\:bottom-2\/3 {
    bottom: 66.666667%;
  }

  .\32xl\:bottom-1\/4 {
    bottom: 25%;
  }

  .\32xl\:bottom-2\/4 {
    bottom: 50%;
  }

  .\32xl\:bottom-3\/4 {
    bottom: 75%;
  }

  .\32xl\:bottom-full {
    bottom: 100%;
  }

  .\32xl\:-bottom-1\/2 {
    bottom: -50%;
  }

  .\32xl\:-bottom-1\/3 {
    bottom: -33.333333%;
  }

  .\32xl\:-bottom-2\/3 {
    bottom: -66.666667%;
  }

  .\32xl\:-bottom-1\/4 {
    bottom: -25%;
  }

  .\32xl\:-bottom-2\/4 {
    bottom: -50%;
  }

  .\32xl\:-bottom-3\/4 {
    bottom: -75%;
  }

  .\32xl\:-bottom-full {
    bottom: -100%;
  }

  .\32xl\:left-0 {
    left: 0px;
  }

  .\32xl\:left-1 {
    left: 0.25rem;
  }

  .\32xl\:left-2 {
    left: 0.5rem;
  }

  .\32xl\:left-3 {
    left: 0.75rem;
  }

  .\32xl\:left-4 {
    left: 1rem;
  }

  .\32xl\:left-5 {
    left: 1.25rem;
  }

  .\32xl\:left-6 {
    left: 1.5rem;
  }

  .\32xl\:left-7 {
    left: 1.75rem;
  }

  .\32xl\:left-8 {
    left: 2rem;
  }

  .\32xl\:left-9 {
    left: 2.25rem;
  }

  .\32xl\:left-10 {
    left: 2.5rem;
  }

  .\32xl\:left-11 {
    left: 2.75rem;
  }

  .\32xl\:left-12 {
    left: 3rem;
  }

  .\32xl\:left-14 {
    left: 3.5rem;
  }

  .\32xl\:left-16 {
    left: 4rem;
  }

  .\32xl\:left-20 {
    left: 5rem;
  }

  .\32xl\:left-24 {
    left: 6rem;
  }

  .\32xl\:left-28 {
    left: 7rem;
  }

  .\32xl\:left-32 {
    left: 8rem;
  }

  .\32xl\:left-36 {
    left: 9rem;
  }

  .\32xl\:left-40 {
    left: 10rem;
  }

  .\32xl\:left-44 {
    left: 11rem;
  }

  .\32xl\:left-48 {
    left: 12rem;
  }

  .\32xl\:left-52 {
    left: 13rem;
  }

  .\32xl\:left-56 {
    left: 14rem;
  }

  .\32xl\:left-60 {
    left: 15rem;
  }

  .\32xl\:left-64 {
    left: 16rem;
  }

  .\32xl\:left-72 {
    left: 18rem;
  }

  .\32xl\:left-80 {
    left: 20rem;
  }

  .\32xl\:left-96 {
    left: 24rem;
  }

  .\32xl\:left-auto {
    left: auto;
  }

  .\32xl\:left-px {
    left: 1px;
  }

  .\32xl\:left-0\.5 {
    left: 0.125rem;
  }

  .\32xl\:left-1\.5 {
    left: 0.375rem;
  }

  .\32xl\:left-2\.5 {
    left: 0.625rem;
  }

  .\32xl\:left-3\.5 {
    left: 0.875rem;
  }

  .\32xl\:-left-0 {
    left: 0px;
  }

  .\32xl\:-left-1 {
    left: -0.25rem;
  }

  .\32xl\:-left-2 {
    left: -0.5rem;
  }

  .\32xl\:-left-3 {
    left: -0.75rem;
  }

  .\32xl\:-left-4 {
    left: -1rem;
  }

  .\32xl\:-left-5 {
    left: -1.25rem;
  }

  .\32xl\:-left-6 {
    left: -1.5rem;
  }

  .\32xl\:-left-7 {
    left: -1.75rem;
  }

  .\32xl\:-left-8 {
    left: -2rem;
  }

  .\32xl\:-left-9 {
    left: -2.25rem;
  }

  .\32xl\:-left-10 {
    left: -2.5rem;
  }

  .\32xl\:-left-11 {
    left: -2.75rem;
  }

  .\32xl\:-left-12 {
    left: -3rem;
  }

  .\32xl\:-left-14 {
    left: -3.5rem;
  }

  .\32xl\:-left-16 {
    left: -4rem;
  }

  .\32xl\:-left-20 {
    left: -5rem;
  }

  .\32xl\:-left-24 {
    left: -6rem;
  }

  .\32xl\:-left-28 {
    left: -7rem;
  }

  .\32xl\:-left-32 {
    left: -8rem;
  }

  .\32xl\:-left-36 {
    left: -9rem;
  }

  .\32xl\:-left-40 {
    left: -10rem;
  }

  .\32xl\:-left-44 {
    left: -11rem;
  }

  .\32xl\:-left-48 {
    left: -12rem;
  }

  .\32xl\:-left-52 {
    left: -13rem;
  }

  .\32xl\:-left-56 {
    left: -14rem;
  }

  .\32xl\:-left-60 {
    left: -15rem;
  }

  .\32xl\:-left-64 {
    left: -16rem;
  }

  .\32xl\:-left-72 {
    left: -18rem;
  }

  .\32xl\:-left-80 {
    left: -20rem;
  }

  .\32xl\:-left-96 {
    left: -24rem;
  }

  .\32xl\:-left-px {
    left: -1px;
  }

  .\32xl\:-left-0\.5 {
    left: -0.125rem;
  }

  .\32xl\:-left-1\.5 {
    left: -0.375rem;
  }

  .\32xl\:-left-2\.5 {
    left: -0.625rem;
  }

  .\32xl\:-left-3\.5 {
    left: -0.875rem;
  }

  .\32xl\:left-1\/2 {
    left: 50%;
  }

  .\32xl\:left-1\/3 {
    left: 33.333333%;
  }

  .\32xl\:left-2\/3 {
    left: 66.666667%;
  }

  .\32xl\:left-1\/4 {
    left: 25%;
  }

  .\32xl\:left-2\/4 {
    left: 50%;
  }

  .\32xl\:left-3\/4 {
    left: 75%;
  }

  .\32xl\:left-full {
    left: 100%;
  }

  .\32xl\:-left-1\/2 {
    left: -50%;
  }

  .\32xl\:-left-1\/3 {
    left: -33.333333%;
  }

  .\32xl\:-left-2\/3 {
    left: -66.666667%;
  }

  .\32xl\:-left-1\/4 {
    left: -25%;
  }

  .\32xl\:-left-2\/4 {
    left: -50%;
  }

  .\32xl\:-left-3\/4 {
    left: -75%;
  }

  .\32xl\:-left-full {
    left: -100%;
  }

  .\32xl\:isolate {
    isolation: isolate;
  }

  .\32xl\:isolation-auto {
    isolation: auto;
  }

  .\32xl\:z-0 {
    z-index: 0;
  }

  .\32xl\:z-10 {
    z-index: 10;
  }

  .\32xl\:z-20 {
    z-index: 20;
  }

  .\32xl\:z-30 {
    z-index: 30;
  }

  .\32xl\:z-40 {
    z-index: 40;
  }

  .\32xl\:z-50 {
    z-index: 50;
  }

  .\32xl\:z-auto {
    z-index: auto;
  }

  .\32xl\:focus-within\:z-0:focus-within {
    z-index: 0;
  }

  .\32xl\:focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .\32xl\:focus-within\:z-20:focus-within {
    z-index: 20;
  }

  .\32xl\:focus-within\:z-30:focus-within {
    z-index: 30;
  }

  .\32xl\:focus-within\:z-40:focus-within {
    z-index: 40;
  }

  .\32xl\:focus-within\:z-50:focus-within {
    z-index: 50;
  }

  .\32xl\:focus-within\:z-auto:focus-within {
    z-index: auto;
  }

  .\32xl\:focus\:z-0:focus {
    z-index: 0;
  }

  .\32xl\:focus\:z-10:focus {
    z-index: 10;
  }

  .\32xl\:focus\:z-20:focus {
    z-index: 20;
  }

  .\32xl\:focus\:z-30:focus {
    z-index: 30;
  }

  .\32xl\:focus\:z-40:focus {
    z-index: 40;
  }

  .\32xl\:focus\:z-50:focus {
    z-index: 50;
  }

  .\32xl\:focus\:z-auto:focus {
    z-index: auto;
  }

  .\32xl\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .\32xl\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .\32xl\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .\32xl\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .\32xl\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .\32xl\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .\32xl\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .\32xl\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .\32xl\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .\32xl\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .\32xl\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .\32xl\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .\32xl\:order-first {
    -webkit-box-ordinal-group: -9998;
        -ms-flex-order: -9999;
            order: -9999;
  }

  .\32xl\:order-last {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }

  .\32xl\:order-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .\32xl\:col-auto {
    grid-column: auto;
  }

  .\32xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .\32xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .\32xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .\32xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .\32xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .\32xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .\32xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .\32xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .\32xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .\32xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .\32xl\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .\32xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .\32xl\:col-span-full {
    grid-column: 1 / -1;
  }

  .\32xl\:col-start-1 {
    grid-column-start: 1;
  }

  .\32xl\:col-start-2 {
    grid-column-start: 2;
  }

  .\32xl\:col-start-3 {
    grid-column-start: 3;
  }

  .\32xl\:col-start-4 {
    grid-column-start: 4;
  }

  .\32xl\:col-start-5 {
    grid-column-start: 5;
  }

  .\32xl\:col-start-6 {
    grid-column-start: 6;
  }

  .\32xl\:col-start-7 {
    grid-column-start: 7;
  }

  .\32xl\:col-start-8 {
    grid-column-start: 8;
  }

  .\32xl\:col-start-9 {
    grid-column-start: 9;
  }

  .\32xl\:col-start-10 {
    grid-column-start: 10;
  }

  .\32xl\:col-start-11 {
    grid-column-start: 11;
  }

  .\32xl\:col-start-12 {
    grid-column-start: 12;
  }

  .\32xl\:col-start-13 {
    grid-column-start: 13;
  }

  .\32xl\:col-start-auto {
    grid-column-start: auto;
  }

  .\32xl\:col-end-1 {
    grid-column-end: 1;
  }

  .\32xl\:col-end-2 {
    grid-column-end: 2;
  }

  .\32xl\:col-end-3 {
    grid-column-end: 3;
  }

  .\32xl\:col-end-4 {
    grid-column-end: 4;
  }

  .\32xl\:col-end-5 {
    grid-column-end: 5;
  }

  .\32xl\:col-end-6 {
    grid-column-end: 6;
  }

  .\32xl\:col-end-7 {
    grid-column-end: 7;
  }

  .\32xl\:col-end-8 {
    grid-column-end: 8;
  }

  .\32xl\:col-end-9 {
    grid-column-end: 9;
  }

  .\32xl\:col-end-10 {
    grid-column-end: 10;
  }

  .\32xl\:col-end-11 {
    grid-column-end: 11;
  }

  .\32xl\:col-end-12 {
    grid-column-end: 12;
  }

  .\32xl\:col-end-13 {
    grid-column-end: 13;
  }

  .\32xl\:col-end-auto {
    grid-column-end: auto;
  }

  .\32xl\:row-auto {
    grid-row: auto;
  }

  .\32xl\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .\32xl\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .\32xl\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .\32xl\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .\32xl\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .\32xl\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .\32xl\:row-span-full {
    grid-row: 1 / -1;
  }

  .\32xl\:row-start-1 {
    grid-row-start: 1;
  }

  .\32xl\:row-start-2 {
    grid-row-start: 2;
  }

  .\32xl\:row-start-3 {
    grid-row-start: 3;
  }

  .\32xl\:row-start-4 {
    grid-row-start: 4;
  }

  .\32xl\:row-start-5 {
    grid-row-start: 5;
  }

  .\32xl\:row-start-6 {
    grid-row-start: 6;
  }

  .\32xl\:row-start-7 {
    grid-row-start: 7;
  }

  .\32xl\:row-start-auto {
    grid-row-start: auto;
  }

  .\32xl\:row-end-1 {
    grid-row-end: 1;
  }

  .\32xl\:row-end-2 {
    grid-row-end: 2;
  }

  .\32xl\:row-end-3 {
    grid-row-end: 3;
  }

  .\32xl\:row-end-4 {
    grid-row-end: 4;
  }

  .\32xl\:row-end-5 {
    grid-row-end: 5;
  }

  .\32xl\:row-end-6 {
    grid-row-end: 6;
  }

  .\32xl\:row-end-7 {
    grid-row-end: 7;
  }

  .\32xl\:row-end-auto {
    grid-row-end: auto;
  }

  .\32xl\:float-right {
    float: right;
  }

  .\32xl\:float-left {
    float: left;
  }

  .\32xl\:float-none {
    float: none;
  }

  .\32xl\:clear-left {
    clear: left;
  }

  .\32xl\:clear-right {
    clear: right;
  }

  .\32xl\:clear-both {
    clear: both;
  }

  .\32xl\:clear-none {
    clear: none;
  }

  .\32xl\:m-0 {
    margin: 0px;
  }

  .\32xl\:m-1 {
    margin: 0.25rem;
  }

  .\32xl\:m-2 {
    margin: 0.5rem;
  }

  .\32xl\:m-3 {
    margin: 0.75rem;
  }

  .\32xl\:m-4 {
    margin: 1rem;
  }

  .\32xl\:m-5 {
    margin: 1.25rem;
  }

  .\32xl\:m-6 {
    margin: 1.5rem;
  }

  .\32xl\:m-7 {
    margin: 1.75rem;
  }

  .\32xl\:m-8 {
    margin: 2rem;
  }

  .\32xl\:m-9 {
    margin: 2.25rem;
  }

  .\32xl\:m-10 {
    margin: 2.5rem;
  }

  .\32xl\:m-11 {
    margin: 2.75rem;
  }

  .\32xl\:m-12 {
    margin: 3rem;
  }

  .\32xl\:m-14 {
    margin: 3.5rem;
  }

  .\32xl\:m-16 {
    margin: 4rem;
  }

  .\32xl\:m-20 {
    margin: 5rem;
  }

  .\32xl\:m-24 {
    margin: 6rem;
  }

  .\32xl\:m-28 {
    margin: 7rem;
  }

  .\32xl\:m-32 {
    margin: 8rem;
  }

  .\32xl\:m-36 {
    margin: 9rem;
  }

  .\32xl\:m-40 {
    margin: 10rem;
  }

  .\32xl\:m-44 {
    margin: 11rem;
  }

  .\32xl\:m-48 {
    margin: 12rem;
  }

  .\32xl\:m-52 {
    margin: 13rem;
  }

  .\32xl\:m-56 {
    margin: 14rem;
  }

  .\32xl\:m-60 {
    margin: 15rem;
  }

  .\32xl\:m-64 {
    margin: 16rem;
  }

  .\32xl\:m-72 {
    margin: 18rem;
  }

  .\32xl\:m-80 {
    margin: 20rem;
  }

  .\32xl\:m-96 {
    margin: 24rem;
  }

  .\32xl\:m-auto {
    margin: auto;
  }

  .\32xl\:m-px {
    margin: 1px;
  }

  .\32xl\:m-0\.5 {
    margin: 0.125rem;
  }

  .\32xl\:m-1\.5 {
    margin: 0.375rem;
  }

  .\32xl\:m-2\.5 {
    margin: 0.625rem;
  }

  .\32xl\:m-3\.5 {
    margin: 0.875rem;
  }

  .\32xl\:-m-0 {
    margin: 0px;
  }

  .\32xl\:-m-1 {
    margin: -0.25rem;
  }

  .\32xl\:-m-2 {
    margin: -0.5rem;
  }

  .\32xl\:-m-3 {
    margin: -0.75rem;
  }

  .\32xl\:-m-4 {
    margin: -1rem;
  }

  .\32xl\:-m-5 {
    margin: -1.25rem;
  }

  .\32xl\:-m-6 {
    margin: -1.5rem;
  }

  .\32xl\:-m-7 {
    margin: -1.75rem;
  }

  .\32xl\:-m-8 {
    margin: -2rem;
  }

  .\32xl\:-m-9 {
    margin: -2.25rem;
  }

  .\32xl\:-m-10 {
    margin: -2.5rem;
  }

  .\32xl\:-m-11 {
    margin: -2.75rem;
  }

  .\32xl\:-m-12 {
    margin: -3rem;
  }

  .\32xl\:-m-14 {
    margin: -3.5rem;
  }

  .\32xl\:-m-16 {
    margin: -4rem;
  }

  .\32xl\:-m-20 {
    margin: -5rem;
  }

  .\32xl\:-m-24 {
    margin: -6rem;
  }

  .\32xl\:-m-28 {
    margin: -7rem;
  }

  .\32xl\:-m-32 {
    margin: -8rem;
  }

  .\32xl\:-m-36 {
    margin: -9rem;
  }

  .\32xl\:-m-40 {
    margin: -10rem;
  }

  .\32xl\:-m-44 {
    margin: -11rem;
  }

  .\32xl\:-m-48 {
    margin: -12rem;
  }

  .\32xl\:-m-52 {
    margin: -13rem;
  }

  .\32xl\:-m-56 {
    margin: -14rem;
  }

  .\32xl\:-m-60 {
    margin: -15rem;
  }

  .\32xl\:-m-64 {
    margin: -16rem;
  }

  .\32xl\:-m-72 {
    margin: -18rem;
  }

  .\32xl\:-m-80 {
    margin: -20rem;
  }

  .\32xl\:-m-96 {
    margin: -24rem;
  }

  .\32xl\:-m-px {
    margin: -1px;
  }

  .\32xl\:-m-0\.5 {
    margin: -0.125rem;
  }

  .\32xl\:-m-1\.5 {
    margin: -0.375rem;
  }

  .\32xl\:-m-2\.5 {
    margin: -0.625rem;
  }

  .\32xl\:-m-3\.5 {
    margin: -0.875rem;
  }

  .\32xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .\32xl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .\32xl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .\32xl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .\32xl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .\32xl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .\32xl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .\32xl\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }

  .\32xl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .\32xl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  .\32xl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .\32xl\:mx-11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }

  .\32xl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .\32xl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .\32xl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .\32xl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .\32xl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .\32xl\:mx-28 {
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .\32xl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .\32xl\:mx-36 {
    margin-left: 9rem;
    margin-right: 9rem;
  }

  .\32xl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .\32xl\:mx-44 {
    margin-left: 11rem;
    margin-right: 11rem;
  }

  .\32xl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .\32xl\:mx-52 {
    margin-left: 13rem;
    margin-right: 13rem;
  }

  .\32xl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .\32xl\:mx-60 {
    margin-left: 15rem;
    margin-right: 15rem;
  }

  .\32xl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .\32xl\:mx-72 {
    margin-left: 18rem;
    margin-right: 18rem;
  }

  .\32xl\:mx-80 {
    margin-left: 20rem;
    margin-right: 20rem;
  }

  .\32xl\:mx-96 {
    margin-left: 24rem;
    margin-right: 24rem;
  }

  .\32xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .\32xl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .\32xl\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }

  .\32xl\:mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }

  .\32xl\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }

  .\32xl\:mx-3\.5 {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }

  .\32xl\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .\32xl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .\32xl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .\32xl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .\32xl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .\32xl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .\32xl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .\32xl\:-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }

  .\32xl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .\32xl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  .\32xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .\32xl\:-mx-11 {
    margin-left: -2.75rem;
    margin-right: -2.75rem;
  }

  .\32xl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .\32xl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  .\32xl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .\32xl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .\32xl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .\32xl\:-mx-28 {
    margin-left: -7rem;
    margin-right: -7rem;
  }

  .\32xl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .\32xl\:-mx-36 {
    margin-left: -9rem;
    margin-right: -9rem;
  }

  .\32xl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .\32xl\:-mx-44 {
    margin-left: -11rem;
    margin-right: -11rem;
  }

  .\32xl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .\32xl\:-mx-52 {
    margin-left: -13rem;
    margin-right: -13rem;
  }

  .\32xl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .\32xl\:-mx-60 {
    margin-left: -15rem;
    margin-right: -15rem;
  }

  .\32xl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .\32xl\:-mx-72 {
    margin-left: -18rem;
    margin-right: -18rem;
  }

  .\32xl\:-mx-80 {
    margin-left: -20rem;
    margin-right: -20rem;
  }

  .\32xl\:-mx-96 {
    margin-left: -24rem;
    margin-right: -24rem;
  }

  .\32xl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .\32xl\:-mx-0\.5 {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }

  .\32xl\:-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }

  .\32xl\:-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }

  .\32xl\:-mx-3\.5 {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }

  .\32xl\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .\32xl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .\32xl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .\32xl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .\32xl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .\32xl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .\32xl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .\32xl\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .\32xl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .\32xl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .\32xl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .\32xl\:my-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .\32xl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .\32xl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .\32xl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .\32xl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .\32xl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .\32xl\:my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .\32xl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .\32xl\:my-36 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }

  .\32xl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .\32xl\:my-44 {
    margin-top: 11rem;
    margin-bottom: 11rem;
  }

  .\32xl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .\32xl\:my-52 {
    margin-top: 13rem;
    margin-bottom: 13rem;
  }

  .\32xl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .\32xl\:my-60 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }

  .\32xl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .\32xl\:my-72 {
    margin-top: 18rem;
    margin-bottom: 18rem;
  }

  .\32xl\:my-80 {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }

  .\32xl\:my-96 {
    margin-top: 24rem;
    margin-bottom: 24rem;
  }

  .\32xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .\32xl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .\32xl\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .\32xl\:my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .\32xl\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .\32xl\:my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .\32xl\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .\32xl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .\32xl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .\32xl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .\32xl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .\32xl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .\32xl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .\32xl\:-my-7 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem;
  }

  .\32xl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .\32xl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  .\32xl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .\32xl\:-my-11 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem;
  }

  .\32xl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .\32xl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  .\32xl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .\32xl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .\32xl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .\32xl\:-my-28 {
    margin-top: -7rem;
    margin-bottom: -7rem;
  }

  .\32xl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .\32xl\:-my-36 {
    margin-top: -9rem;
    margin-bottom: -9rem;
  }

  .\32xl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .\32xl\:-my-44 {
    margin-top: -11rem;
    margin-bottom: -11rem;
  }

  .\32xl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .\32xl\:-my-52 {
    margin-top: -13rem;
    margin-bottom: -13rem;
  }

  .\32xl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .\32xl\:-my-60 {
    margin-top: -15rem;
    margin-bottom: -15rem;
  }

  .\32xl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .\32xl\:-my-72 {
    margin-top: -18rem;
    margin-bottom: -18rem;
  }

  .\32xl\:-my-80 {
    margin-top: -20rem;
    margin-bottom: -20rem;
  }

  .\32xl\:-my-96 {
    margin-top: -24rem;
    margin-bottom: -24rem;
  }

  .\32xl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .\32xl\:-my-0\.5 {
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
  }

  .\32xl\:-my-1\.5 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
  }

  .\32xl\:-my-2\.5 {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
  }

  .\32xl\:-my-3\.5 {
    margin-top: -0.875rem;
    margin-bottom: -0.875rem;
  }

  .\32xl\:mt-0 {
    margin-top: 0px;
  }

  .\32xl\:mt-1 {
    margin-top: 0.25rem;
  }

  .\32xl\:mt-2 {
    margin-top: 0.5rem;
  }

  .\32xl\:mt-3 {
    margin-top: 0.75rem;
  }

  .\32xl\:mt-4 {
    margin-top: 1rem;
  }

  .\32xl\:mt-5 {
    margin-top: 1.25rem;
  }

  .\32xl\:mt-6 {
    margin-top: 1.5rem;
  }

  .\32xl\:mt-7 {
    margin-top: 1.75rem;
  }

  .\32xl\:mt-8 {
    margin-top: 2rem;
  }

  .\32xl\:mt-9 {
    margin-top: 2.25rem;
  }

  .\32xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .\32xl\:mt-11 {
    margin-top: 2.75rem;
  }

  .\32xl\:mt-12 {
    margin-top: 3rem;
  }

  .\32xl\:mt-14 {
    margin-top: 3.5rem;
  }

  .\32xl\:mt-16 {
    margin-top: 4rem;
  }

  .\32xl\:mt-20 {
    margin-top: 5rem;
  }

  .\32xl\:mt-24 {
    margin-top: 6rem;
  }

  .\32xl\:mt-28 {
    margin-top: 7rem;
  }

  .\32xl\:mt-32 {
    margin-top: 8rem;
  }

  .\32xl\:mt-36 {
    margin-top: 9rem;
  }

  .\32xl\:mt-40 {
    margin-top: 10rem;
  }

  .\32xl\:mt-44 {
    margin-top: 11rem;
  }

  .\32xl\:mt-48 {
    margin-top: 12rem;
  }

  .\32xl\:mt-52 {
    margin-top: 13rem;
  }

  .\32xl\:mt-56 {
    margin-top: 14rem;
  }

  .\32xl\:mt-60 {
    margin-top: 15rem;
  }

  .\32xl\:mt-64 {
    margin-top: 16rem;
  }

  .\32xl\:mt-72 {
    margin-top: 18rem;
  }

  .\32xl\:mt-80 {
    margin-top: 20rem;
  }

  .\32xl\:mt-96 {
    margin-top: 24rem;
  }

  .\32xl\:mt-auto {
    margin-top: auto;
  }

  .\32xl\:mt-px {
    margin-top: 1px;
  }

  .\32xl\:mt-0\.5 {
    margin-top: 0.125rem;
  }

  .\32xl\:mt-1\.5 {
    margin-top: 0.375rem;
  }

  .\32xl\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .\32xl\:mt-3\.5 {
    margin-top: 0.875rem;
  }

  .\32xl\:-mt-0 {
    margin-top: 0px;
  }

  .\32xl\:-mt-1 {
    margin-top: -0.25rem;
  }

  .\32xl\:-mt-2 {
    margin-top: -0.5rem;
  }

  .\32xl\:-mt-3 {
    margin-top: -0.75rem;
  }

  .\32xl\:-mt-4 {
    margin-top: -1rem;
  }

  .\32xl\:-mt-5 {
    margin-top: -1.25rem;
  }

  .\32xl\:-mt-6 {
    margin-top: -1.5rem;
  }

  .\32xl\:-mt-7 {
    margin-top: -1.75rem;
  }

  .\32xl\:-mt-8 {
    margin-top: -2rem;
  }

  .\32xl\:-mt-9 {
    margin-top: -2.25rem;
  }

  .\32xl\:-mt-10 {
    margin-top: -2.5rem;
  }

  .\32xl\:-mt-11 {
    margin-top: -2.75rem;
  }

  .\32xl\:-mt-12 {
    margin-top: -3rem;
  }

  .\32xl\:-mt-14 {
    margin-top: -3.5rem;
  }

  .\32xl\:-mt-16 {
    margin-top: -4rem;
  }

  .\32xl\:-mt-20 {
    margin-top: -5rem;
  }

  .\32xl\:-mt-24 {
    margin-top: -6rem;
  }

  .\32xl\:-mt-28 {
    margin-top: -7rem;
  }

  .\32xl\:-mt-32 {
    margin-top: -8rem;
  }

  .\32xl\:-mt-36 {
    margin-top: -9rem;
  }

  .\32xl\:-mt-40 {
    margin-top: -10rem;
  }

  .\32xl\:-mt-44 {
    margin-top: -11rem;
  }

  .\32xl\:-mt-48 {
    margin-top: -12rem;
  }

  .\32xl\:-mt-52 {
    margin-top: -13rem;
  }

  .\32xl\:-mt-56 {
    margin-top: -14rem;
  }

  .\32xl\:-mt-60 {
    margin-top: -15rem;
  }

  .\32xl\:-mt-64 {
    margin-top: -16rem;
  }

  .\32xl\:-mt-72 {
    margin-top: -18rem;
  }

  .\32xl\:-mt-80 {
    margin-top: -20rem;
  }

  .\32xl\:-mt-96 {
    margin-top: -24rem;
  }

  .\32xl\:-mt-px {
    margin-top: -1px;
  }

  .\32xl\:-mt-0\.5 {
    margin-top: -0.125rem;
  }

  .\32xl\:-mt-1\.5 {
    margin-top: -0.375rem;
  }

  .\32xl\:-mt-2\.5 {
    margin-top: -0.625rem;
  }

  .\32xl\:-mt-3\.5 {
    margin-top: -0.875rem;
  }

  .\32xl\:mr-0 {
    margin-right: 0px;
  }

  .\32xl\:mr-1 {
    margin-right: 0.25rem;
  }

  .\32xl\:mr-2 {
    margin-right: 0.5rem;
  }

  .\32xl\:mr-3 {
    margin-right: 0.75rem;
  }

  .\32xl\:mr-4 {
    margin-right: 1rem;
  }

  .\32xl\:mr-5 {
    margin-right: 1.25rem;
  }

  .\32xl\:mr-6 {
    margin-right: 1.5rem;
  }

  .\32xl\:mr-7 {
    margin-right: 1.75rem;
  }

  .\32xl\:mr-8 {
    margin-right: 2rem;
  }

  .\32xl\:mr-9 {
    margin-right: 2.25rem;
  }

  .\32xl\:mr-10 {
    margin-right: 2.5rem;
  }

  .\32xl\:mr-11 {
    margin-right: 2.75rem;
  }

  .\32xl\:mr-12 {
    margin-right: 3rem;
  }

  .\32xl\:mr-14 {
    margin-right: 3.5rem;
  }

  .\32xl\:mr-16 {
    margin-right: 4rem;
  }

  .\32xl\:mr-20 {
    margin-right: 5rem;
  }

  .\32xl\:mr-24 {
    margin-right: 6rem;
  }

  .\32xl\:mr-28 {
    margin-right: 7rem;
  }

  .\32xl\:mr-32 {
    margin-right: 8rem;
  }

  .\32xl\:mr-36 {
    margin-right: 9rem;
  }

  .\32xl\:mr-40 {
    margin-right: 10rem;
  }

  .\32xl\:mr-44 {
    margin-right: 11rem;
  }

  .\32xl\:mr-48 {
    margin-right: 12rem;
  }

  .\32xl\:mr-52 {
    margin-right: 13rem;
  }

  .\32xl\:mr-56 {
    margin-right: 14rem;
  }

  .\32xl\:mr-60 {
    margin-right: 15rem;
  }

  .\32xl\:mr-64 {
    margin-right: 16rem;
  }

  .\32xl\:mr-72 {
    margin-right: 18rem;
  }

  .\32xl\:mr-80 {
    margin-right: 20rem;
  }

  .\32xl\:mr-96 {
    margin-right: 24rem;
  }

  .\32xl\:mr-auto {
    margin-right: auto;
  }

  .\32xl\:mr-px {
    margin-right: 1px;
  }

  .\32xl\:mr-0\.5 {
    margin-right: 0.125rem;
  }

  .\32xl\:mr-1\.5 {
    margin-right: 0.375rem;
  }

  .\32xl\:mr-2\.5 {
    margin-right: 0.625rem;
  }

  .\32xl\:mr-3\.5 {
    margin-right: 0.875rem;
  }

  .\32xl\:-mr-0 {
    margin-right: 0px;
  }

  .\32xl\:-mr-1 {
    margin-right: -0.25rem;
  }

  .\32xl\:-mr-2 {
    margin-right: -0.5rem;
  }

  .\32xl\:-mr-3 {
    margin-right: -0.75rem;
  }

  .\32xl\:-mr-4 {
    margin-right: -1rem;
  }

  .\32xl\:-mr-5 {
    margin-right: -1.25rem;
  }

  .\32xl\:-mr-6 {
    margin-right: -1.5rem;
  }

  .\32xl\:-mr-7 {
    margin-right: -1.75rem;
  }

  .\32xl\:-mr-8 {
    margin-right: -2rem;
  }

  .\32xl\:-mr-9 {
    margin-right: -2.25rem;
  }

  .\32xl\:-mr-10 {
    margin-right: -2.5rem;
  }

  .\32xl\:-mr-11 {
    margin-right: -2.75rem;
  }

  .\32xl\:-mr-12 {
    margin-right: -3rem;
  }

  .\32xl\:-mr-14 {
    margin-right: -3.5rem;
  }

  .\32xl\:-mr-16 {
    margin-right: -4rem;
  }

  .\32xl\:-mr-20 {
    margin-right: -5rem;
  }

  .\32xl\:-mr-24 {
    margin-right: -6rem;
  }

  .\32xl\:-mr-28 {
    margin-right: -7rem;
  }

  .\32xl\:-mr-32 {
    margin-right: -8rem;
  }

  .\32xl\:-mr-36 {
    margin-right: -9rem;
  }

  .\32xl\:-mr-40 {
    margin-right: -10rem;
  }

  .\32xl\:-mr-44 {
    margin-right: -11rem;
  }

  .\32xl\:-mr-48 {
    margin-right: -12rem;
  }

  .\32xl\:-mr-52 {
    margin-right: -13rem;
  }

  .\32xl\:-mr-56 {
    margin-right: -14rem;
  }

  .\32xl\:-mr-60 {
    margin-right: -15rem;
  }

  .\32xl\:-mr-64 {
    margin-right: -16rem;
  }

  .\32xl\:-mr-72 {
    margin-right: -18rem;
  }

  .\32xl\:-mr-80 {
    margin-right: -20rem;
  }

  .\32xl\:-mr-96 {
    margin-right: -24rem;
  }

  .\32xl\:-mr-px {
    margin-right: -1px;
  }

  .\32xl\:-mr-0\.5 {
    margin-right: -0.125rem;
  }

  .\32xl\:-mr-1\.5 {
    margin-right: -0.375rem;
  }

  .\32xl\:-mr-2\.5 {
    margin-right: -0.625rem;
  }

  .\32xl\:-mr-3\.5 {
    margin-right: -0.875rem;
  }

  .\32xl\:mb-0 {
    margin-bottom: 0px;
  }

  .\32xl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .\32xl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .\32xl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .\32xl\:mb-4 {
    margin-bottom: 1rem;
  }

  .\32xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .\32xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .\32xl\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .\32xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .\32xl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .\32xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .\32xl\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .\32xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .\32xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .\32xl\:mb-16 {
    margin-bottom: 4rem;
  }

  .\32xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .\32xl\:mb-24 {
    margin-bottom: 6rem;
  }

  .\32xl\:mb-28 {
    margin-bottom: 7rem;
  }

  .\32xl\:mb-32 {
    margin-bottom: 8rem;
  }

  .\32xl\:mb-36 {
    margin-bottom: 9rem;
  }

  .\32xl\:mb-40 {
    margin-bottom: 10rem;
  }

  .\32xl\:mb-44 {
    margin-bottom: 11rem;
  }

  .\32xl\:mb-48 {
    margin-bottom: 12rem;
  }

  .\32xl\:mb-52 {
    margin-bottom: 13rem;
  }

  .\32xl\:mb-56 {
    margin-bottom: 14rem;
  }

  .\32xl\:mb-60 {
    margin-bottom: 15rem;
  }

  .\32xl\:mb-64 {
    margin-bottom: 16rem;
  }

  .\32xl\:mb-72 {
    margin-bottom: 18rem;
  }

  .\32xl\:mb-80 {
    margin-bottom: 20rem;
  }

  .\32xl\:mb-96 {
    margin-bottom: 24rem;
  }

  .\32xl\:mb-auto {
    margin-bottom: auto;
  }

  .\32xl\:mb-px {
    margin-bottom: 1px;
  }

  .\32xl\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }

  .\32xl\:mb-1\.5 {
    margin-bottom: 0.375rem;
  }

  .\32xl\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }

  .\32xl\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }

  .\32xl\:-mb-0 {
    margin-bottom: 0px;
  }

  .\32xl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .\32xl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .\32xl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .\32xl\:-mb-4 {
    margin-bottom: -1rem;
  }

  .\32xl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .\32xl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .\32xl\:-mb-7 {
    margin-bottom: -1.75rem;
  }

  .\32xl\:-mb-8 {
    margin-bottom: -2rem;
  }

  .\32xl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  .\32xl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .\32xl\:-mb-11 {
    margin-bottom: -2.75rem;
  }

  .\32xl\:-mb-12 {
    margin-bottom: -3rem;
  }

  .\32xl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  .\32xl\:-mb-16 {
    margin-bottom: -4rem;
  }

  .\32xl\:-mb-20 {
    margin-bottom: -5rem;
  }

  .\32xl\:-mb-24 {
    margin-bottom: -6rem;
  }

  .\32xl\:-mb-28 {
    margin-bottom: -7rem;
  }

  .\32xl\:-mb-32 {
    margin-bottom: -8rem;
  }

  .\32xl\:-mb-36 {
    margin-bottom: -9rem;
  }

  .\32xl\:-mb-40 {
    margin-bottom: -10rem;
  }

  .\32xl\:-mb-44 {
    margin-bottom: -11rem;
  }

  .\32xl\:-mb-48 {
    margin-bottom: -12rem;
  }

  .\32xl\:-mb-52 {
    margin-bottom: -13rem;
  }

  .\32xl\:-mb-56 {
    margin-bottom: -14rem;
  }

  .\32xl\:-mb-60 {
    margin-bottom: -15rem;
  }

  .\32xl\:-mb-64 {
    margin-bottom: -16rem;
  }

  .\32xl\:-mb-72 {
    margin-bottom: -18rem;
  }

  .\32xl\:-mb-80 {
    margin-bottom: -20rem;
  }

  .\32xl\:-mb-96 {
    margin-bottom: -24rem;
  }

  .\32xl\:-mb-px {
    margin-bottom: -1px;
  }

  .\32xl\:-mb-0\.5 {
    margin-bottom: -0.125rem;
  }

  .\32xl\:-mb-1\.5 {
    margin-bottom: -0.375rem;
  }

  .\32xl\:-mb-2\.5 {
    margin-bottom: -0.625rem;
  }

  .\32xl\:-mb-3\.5 {
    margin-bottom: -0.875rem;
  }

  .\32xl\:ml-0 {
    margin-left: 0px;
  }

  .\32xl\:ml-1 {
    margin-left: 0.25rem;
  }

  .\32xl\:ml-2 {
    margin-left: 0.5rem;
  }

  .\32xl\:ml-3 {
    margin-left: 0.75rem;
  }

  .\32xl\:ml-4 {
    margin-left: 1rem;
  }

  .\32xl\:ml-5 {
    margin-left: 1.25rem;
  }

  .\32xl\:ml-6 {
    margin-left: 1.5rem;
  }

  .\32xl\:ml-7 {
    margin-left: 1.75rem;
  }

  .\32xl\:ml-8 {
    margin-left: 2rem;
  }

  .\32xl\:ml-9 {
    margin-left: 2.25rem;
  }

  .\32xl\:ml-10 {
    margin-left: 2.5rem;
  }

  .\32xl\:ml-11 {
    margin-left: 2.75rem;
  }

  .\32xl\:ml-12 {
    margin-left: 3rem;
  }

  .\32xl\:ml-14 {
    margin-left: 3.5rem;
  }

  .\32xl\:ml-16 {
    margin-left: 4rem;
  }

  .\32xl\:ml-20 {
    margin-left: 5rem;
  }

  .\32xl\:ml-24 {
    margin-left: 6rem;
  }

  .\32xl\:ml-28 {
    margin-left: 7rem;
  }

  .\32xl\:ml-32 {
    margin-left: 8rem;
  }

  .\32xl\:ml-36 {
    margin-left: 9rem;
  }

  .\32xl\:ml-40 {
    margin-left: 10rem;
  }

  .\32xl\:ml-44 {
    margin-left: 11rem;
  }

  .\32xl\:ml-48 {
    margin-left: 12rem;
  }

  .\32xl\:ml-52 {
    margin-left: 13rem;
  }

  .\32xl\:ml-56 {
    margin-left: 14rem;
  }

  .\32xl\:ml-60 {
    margin-left: 15rem;
  }

  .\32xl\:ml-64 {
    margin-left: 16rem;
  }

  .\32xl\:ml-72 {
    margin-left: 18rem;
  }

  .\32xl\:ml-80 {
    margin-left: 20rem;
  }

  .\32xl\:ml-96 {
    margin-left: 24rem;
  }

  .\32xl\:ml-auto {
    margin-left: auto;
  }

  .\32xl\:ml-px {
    margin-left: 1px;
  }

  .\32xl\:ml-0\.5 {
    margin-left: 0.125rem;
  }

  .\32xl\:ml-1\.5 {
    margin-left: 0.375rem;
  }

  .\32xl\:ml-2\.5 {
    margin-left: 0.625rem;
  }

  .\32xl\:ml-3\.5 {
    margin-left: 0.875rem;
  }

  .\32xl\:-ml-0 {
    margin-left: 0px;
  }

  .\32xl\:-ml-1 {
    margin-left: -0.25rem;
  }

  .\32xl\:-ml-2 {
    margin-left: -0.5rem;
  }

  .\32xl\:-ml-3 {
    margin-left: -0.75rem;
  }

  .\32xl\:-ml-4 {
    margin-left: -1rem;
  }

  .\32xl\:-ml-5 {
    margin-left: -1.25rem;
  }

  .\32xl\:-ml-6 {
    margin-left: -1.5rem;
  }

  .\32xl\:-ml-7 {
    margin-left: -1.75rem;
  }

  .\32xl\:-ml-8 {
    margin-left: -2rem;
  }

  .\32xl\:-ml-9 {
    margin-left: -2.25rem;
  }

  .\32xl\:-ml-10 {
    margin-left: -2.5rem;
  }

  .\32xl\:-ml-11 {
    margin-left: -2.75rem;
  }

  .\32xl\:-ml-12 {
    margin-left: -3rem;
  }

  .\32xl\:-ml-14 {
    margin-left: -3.5rem;
  }

  .\32xl\:-ml-16 {
    margin-left: -4rem;
  }

  .\32xl\:-ml-20 {
    margin-left: -5rem;
  }

  .\32xl\:-ml-24 {
    margin-left: -6rem;
  }

  .\32xl\:-ml-28 {
    margin-left: -7rem;
  }

  .\32xl\:-ml-32 {
    margin-left: -8rem;
  }

  .\32xl\:-ml-36 {
    margin-left: -9rem;
  }

  .\32xl\:-ml-40 {
    margin-left: -10rem;
  }

  .\32xl\:-ml-44 {
    margin-left: -11rem;
  }

  .\32xl\:-ml-48 {
    margin-left: -12rem;
  }

  .\32xl\:-ml-52 {
    margin-left: -13rem;
  }

  .\32xl\:-ml-56 {
    margin-left: -14rem;
  }

  .\32xl\:-ml-60 {
    margin-left: -15rem;
  }

  .\32xl\:-ml-64 {
    margin-left: -16rem;
  }

  .\32xl\:-ml-72 {
    margin-left: -18rem;
  }

  .\32xl\:-ml-80 {
    margin-left: -20rem;
  }

  .\32xl\:-ml-96 {
    margin-left: -24rem;
  }

  .\32xl\:-ml-px {
    margin-left: -1px;
  }

  .\32xl\:-ml-0\.5 {
    margin-left: -0.125rem;
  }

  .\32xl\:-ml-1\.5 {
    margin-left: -0.375rem;
  }

  .\32xl\:-ml-2\.5 {
    margin-left: -0.625rem;
  }

  .\32xl\:-ml-3\.5 {
    margin-left: -0.875rem;
  }

  .\32xl\:box-border {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .\32xl\:box-content {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .\32xl\:block {
    display: block;
  }

  .\32xl\:inline-block {
    display: inline-block;
  }

  .\32xl\:inline {
    display: inline;
  }

  .\32xl\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .\32xl\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .\32xl\:table {
    display: table;
  }

  .\32xl\:inline-table {
    display: inline-table;
  }

  .\32xl\:table-caption {
    display: table-caption;
  }

  .\32xl\:table-cell {
    display: table-cell;
  }

  .\32xl\:table-column {
    display: table-column;
  }

  .\32xl\:table-column-group {
    display: table-column-group;
  }

  .\32xl\:table-footer-group {
    display: table-footer-group;
  }

  .\32xl\:table-header-group {
    display: table-header-group;
  }

  .\32xl\:table-row-group {
    display: table-row-group;
  }

  .\32xl\:table-row {
    display: table-row;
  }

  .\32xl\:flow-root {
    display: flow-root;
  }

  .\32xl\:grid {
    display: grid;
  }

  .\32xl\:inline-grid {
    display: inline-grid;
  }

  .\32xl\:contents {
    display: contents;
  }

  .\32xl\:list-item {
    display: list-item;
  }

  .\32xl\:hidden {
    display: none;
  }

  .\32xl\:h-0 {
    height: 0px;
  }

  .\32xl\:h-1 {
    height: 0.25rem;
  }

  .\32xl\:h-2 {
    height: 0.5rem;
  }

  .\32xl\:h-3 {
    height: 0.75rem;
  }

  .\32xl\:h-4 {
    height: 1rem;
  }

  .\32xl\:h-5 {
    height: 1.25rem;
  }

  .\32xl\:h-6 {
    height: 1.5rem;
  }

  .\32xl\:h-7 {
    height: 1.75rem;
  }

  .\32xl\:h-8 {
    height: 2rem;
  }

  .\32xl\:h-9 {
    height: 2.25rem;
  }

  .\32xl\:h-10 {
    height: 2.5rem;
  }

  .\32xl\:h-11 {
    height: 2.75rem;
  }

  .\32xl\:h-12 {
    height: 3rem;
  }

  .\32xl\:h-14 {
    height: 3.5rem;
  }

  .\32xl\:h-16 {
    height: 4rem;
  }

  .\32xl\:h-20 {
    height: 5rem;
  }

  .\32xl\:h-24 {
    height: 6rem;
  }

  .\32xl\:h-28 {
    height: 7rem;
  }

  .\32xl\:h-32 {
    height: 8rem;
  }

  .\32xl\:h-36 {
    height: 9rem;
  }

  .\32xl\:h-40 {
    height: 10rem;
  }

  .\32xl\:h-44 {
    height: 11rem;
  }

  .\32xl\:h-48 {
    height: 12rem;
  }

  .\32xl\:h-52 {
    height: 13rem;
  }

  .\32xl\:h-56 {
    height: 14rem;
  }

  .\32xl\:h-60 {
    height: 15rem;
  }

  .\32xl\:h-64 {
    height: 16rem;
  }

  .\32xl\:h-72 {
    height: 18rem;
  }

  .\32xl\:h-80 {
    height: 20rem;
  }

  .\32xl\:h-96 {
    height: 24rem;
  }

  .\32xl\:h-auto {
    height: auto;
  }

  .\32xl\:h-px {
    height: 1px;
  }

  .\32xl\:h-0\.5 {
    height: 0.125rem;
  }

  .\32xl\:h-1\.5 {
    height: 0.375rem;
  }

  .\32xl\:h-2\.5 {
    height: 0.625rem;
  }

  .\32xl\:h-3\.5 {
    height: 0.875rem;
  }

  .\32xl\:h-1\/2 {
    height: 50%;
  }

  .\32xl\:h-1\/3 {
    height: 33.333333%;
  }

  .\32xl\:h-2\/3 {
    height: 66.666667%;
  }

  .\32xl\:h-1\/4 {
    height: 25%;
  }

  .\32xl\:h-2\/4 {
    height: 50%;
  }

  .\32xl\:h-3\/4 {
    height: 75%;
  }

  .\32xl\:h-1\/5 {
    height: 20%;
  }

  .\32xl\:h-2\/5 {
    height: 40%;
  }

  .\32xl\:h-3\/5 {
    height: 60%;
  }

  .\32xl\:h-4\/5 {
    height: 80%;
  }

  .\32xl\:h-1\/6 {
    height: 16.666667%;
  }

  .\32xl\:h-2\/6 {
    height: 33.333333%;
  }

  .\32xl\:h-3\/6 {
    height: 50%;
  }

  .\32xl\:h-4\/6 {
    height: 66.666667%;
  }

  .\32xl\:h-5\/6 {
    height: 83.333333%;
  }

  .\32xl\:h-full {
    height: 100%;
  }

  .\32xl\:h-screen {
    height: 100vh;
  }

  .\32xl\:max-h-0 {
    max-height: 0px;
  }

  .\32xl\:max-h-1 {
    max-height: 0.25rem;
  }

  .\32xl\:max-h-2 {
    max-height: 0.5rem;
  }

  .\32xl\:max-h-3 {
    max-height: 0.75rem;
  }

  .\32xl\:max-h-4 {
    max-height: 1rem;
  }

  .\32xl\:max-h-5 {
    max-height: 1.25rem;
  }

  .\32xl\:max-h-6 {
    max-height: 1.5rem;
  }

  .\32xl\:max-h-7 {
    max-height: 1.75rem;
  }

  .\32xl\:max-h-8 {
    max-height: 2rem;
  }

  .\32xl\:max-h-9 {
    max-height: 2.25rem;
  }

  .\32xl\:max-h-10 {
    max-height: 2.5rem;
  }

  .\32xl\:max-h-11 {
    max-height: 2.75rem;
  }

  .\32xl\:max-h-12 {
    max-height: 3rem;
  }

  .\32xl\:max-h-14 {
    max-height: 3.5rem;
  }

  .\32xl\:max-h-16 {
    max-height: 4rem;
  }

  .\32xl\:max-h-20 {
    max-height: 5rem;
  }

  .\32xl\:max-h-24 {
    max-height: 6rem;
  }

  .\32xl\:max-h-28 {
    max-height: 7rem;
  }

  .\32xl\:max-h-32 {
    max-height: 8rem;
  }

  .\32xl\:max-h-36 {
    max-height: 9rem;
  }

  .\32xl\:max-h-40 {
    max-height: 10rem;
  }

  .\32xl\:max-h-44 {
    max-height: 11rem;
  }

  .\32xl\:max-h-48 {
    max-height: 12rem;
  }

  .\32xl\:max-h-52 {
    max-height: 13rem;
  }

  .\32xl\:max-h-56 {
    max-height: 14rem;
  }

  .\32xl\:max-h-60 {
    max-height: 15rem;
  }

  .\32xl\:max-h-64 {
    max-height: 16rem;
  }

  .\32xl\:max-h-72 {
    max-height: 18rem;
  }

  .\32xl\:max-h-80 {
    max-height: 20rem;
  }

  .\32xl\:max-h-96 {
    max-height: 24rem;
  }

  .\32xl\:max-h-px {
    max-height: 1px;
  }

  .\32xl\:max-h-0\.5 {
    max-height: 0.125rem;
  }

  .\32xl\:max-h-1\.5 {
    max-height: 0.375rem;
  }

  .\32xl\:max-h-2\.5 {
    max-height: 0.625rem;
  }

  .\32xl\:max-h-3\.5 {
    max-height: 0.875rem;
  }

  .\32xl\:max-h-full {
    max-height: 100%;
  }

  .\32xl\:max-h-screen {
    max-height: 100vh;
  }

  .\32xl\:min-h-0 {
    min-height: 0px;
  }

  .\32xl\:min-h-full {
    min-height: 100%;
  }

  .\32xl\:min-h-screen {
    min-height: 100vh;
  }

  .\32xl\:w-0 {
    width: 0px;
  }

  .\32xl\:w-1 {
    width: 0.25rem;
  }

  .\32xl\:w-2 {
    width: 0.5rem;
  }

  .\32xl\:w-3 {
    width: 0.75rem;
  }

  .\32xl\:w-4 {
    width: 1rem;
  }

  .\32xl\:w-5 {
    width: 1.25rem;
  }

  .\32xl\:w-6 {
    width: 1.5rem;
  }

  .\32xl\:w-7 {
    width: 1.75rem;
  }

  .\32xl\:w-8 {
    width: 2rem;
  }

  .\32xl\:w-9 {
    width: 2.25rem;
  }

  .\32xl\:w-10 {
    width: 2.5rem;
  }

  .\32xl\:w-11 {
    width: 2.75rem;
  }

  .\32xl\:w-12 {
    width: 3rem;
  }

  .\32xl\:w-14 {
    width: 3.5rem;
  }

  .\32xl\:w-16 {
    width: 4rem;
  }

  .\32xl\:w-20 {
    width: 5rem;
  }

  .\32xl\:w-24 {
    width: 6rem;
  }

  .\32xl\:w-28 {
    width: 7rem;
  }

  .\32xl\:w-32 {
    width: 8rem;
  }

  .\32xl\:w-36 {
    width: 9rem;
  }

  .\32xl\:w-40 {
    width: 10rem;
  }

  .\32xl\:w-44 {
    width: 11rem;
  }

  .\32xl\:w-48 {
    width: 12rem;
  }

  .\32xl\:w-52 {
    width: 13rem;
  }

  .\32xl\:w-56 {
    width: 14rem;
  }

  .\32xl\:w-60 {
    width: 15rem;
  }

  .\32xl\:w-64 {
    width: 16rem;
  }

  .\32xl\:w-72 {
    width: 18rem;
  }

  .\32xl\:w-80 {
    width: 20rem;
  }

  .\32xl\:w-96 {
    width: 24rem;
  }

  .\32xl\:w-auto {
    width: auto;
  }

  .\32xl\:w-px {
    width: 1px;
  }

  .\32xl\:w-0\.5 {
    width: 0.125rem;
  }

  .\32xl\:w-1\.5 {
    width: 0.375rem;
  }

  .\32xl\:w-2\.5 {
    width: 0.625rem;
  }

  .\32xl\:w-3\.5 {
    width: 0.875rem;
  }

  .\32xl\:w-1\/2 {
    width: 50%;
  }

  .\32xl\:w-1\/3 {
    width: 33.333333%;
  }

  .\32xl\:w-2\/3 {
    width: 66.666667%;
  }

  .\32xl\:w-1\/4 {
    width: 25%;
  }

  .\32xl\:w-2\/4 {
    width: 50%;
  }

  .\32xl\:w-3\/4 {
    width: 75%;
  }

  .\32xl\:w-1\/5 {
    width: 20%;
  }

  .\32xl\:w-2\/5 {
    width: 40%;
  }

  .\32xl\:w-3\/5 {
    width: 60%;
  }

  .\32xl\:w-4\/5 {
    width: 80%;
  }

  .\32xl\:w-1\/6 {
    width: 16.666667%;
  }

  .\32xl\:w-2\/6 {
    width: 33.333333%;
  }

  .\32xl\:w-3\/6 {
    width: 50%;
  }

  .\32xl\:w-4\/6 {
    width: 66.666667%;
  }

  .\32xl\:w-5\/6 {
    width: 83.333333%;
  }

  .\32xl\:w-1\/12 {
    width: 8.333333%;
  }

  .\32xl\:w-2\/12 {
    width: 16.666667%;
  }

  .\32xl\:w-3\/12 {
    width: 25%;
  }

  .\32xl\:w-4\/12 {
    width: 33.333333%;
  }

  .\32xl\:w-5\/12 {
    width: 41.666667%;
  }

  .\32xl\:w-6\/12 {
    width: 50%;
  }

  .\32xl\:w-7\/12 {
    width: 58.333333%;
  }

  .\32xl\:w-8\/12 {
    width: 66.666667%;
  }

  .\32xl\:w-9\/12 {
    width: 75%;
  }

  .\32xl\:w-10\/12 {
    width: 83.333333%;
  }

  .\32xl\:w-11\/12 {
    width: 91.666667%;
  }

  .\32xl\:w-full {
    width: 100%;
  }

  .\32xl\:w-screen {
    width: 100vw;
  }

  .\32xl\:w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  .\32xl\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .\32xl\:min-w-0 {
    min-width: 0px;
  }

  .\32xl\:min-w-full {
    min-width: 100%;
  }

  .\32xl\:min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }

  .\32xl\:min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .\32xl\:max-w-0 {
    max-width: 0rem;
  }

  .\32xl\:max-w-none {
    max-width: none;
  }

  .\32xl\:max-w-xs {
    max-width: 20rem;
  }

  .\32xl\:max-w-sm {
    max-width: 24rem;
  }

  .\32xl\:max-w-md {
    max-width: 28rem;
  }

  .\32xl\:max-w-lg {
    max-width: 32rem;
  }

  .\32xl\:max-w-xl {
    max-width: 36rem;
  }

  .\32xl\:max-w-2xl {
    max-width: 42rem;
  }

  .\32xl\:max-w-3xl {
    max-width: 48rem;
  }

  .\32xl\:max-w-4xl {
    max-width: 56rem;
  }

  .\32xl\:max-w-5xl {
    max-width: 64rem;
  }

  .\32xl\:max-w-6xl {
    max-width: 72rem;
  }

  .\32xl\:max-w-7xl {
    max-width: 80rem;
  }

  .\32xl\:max-w-full {
    max-width: 100%;
  }

  .\32xl\:max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .\32xl\:max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .\32xl\:max-w-prose {
    max-width: 65ch;
  }

  .\32xl\:max-w-screen-sm {
    max-width: 640px;
  }

  .\32xl\:max-w-screen-md {
    max-width: 768px;
  }

  .\32xl\:max-w-screen-lg {
    max-width: 1024px;
  }

  .\32xl\:max-w-screen-xl {
    max-width: 1280px;
  }

  .\32xl\:max-w-screen-2xl {
    max-width: 1536px;
  }

  .\32xl\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }

  .\32xl\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .\32xl\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .\32xl\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .\32xl\:flex-shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .\32xl\:flex-shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .\32xl\:flex-grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }

  .\32xl\:flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .\32xl\:table-auto {
    table-layout: auto;
  }

  .\32xl\:table-fixed {
    table-layout: fixed;
  }

  .\32xl\:border-collapse {
    border-collapse: collapse;
  }

  .\32xl\:border-separate {
    border-collapse: separate;
  }

  .\32xl\:origin-center {
    -webkit-transform-origin: center;
            transform-origin: center;
  }

  .\32xl\:origin-top {
    -webkit-transform-origin: top;
            transform-origin: top;
  }

  .\32xl\:origin-top-right {
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }

  .\32xl\:origin-right {
    -webkit-transform-origin: right;
            transform-origin: right;
  }

  .\32xl\:origin-bottom-right {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }

  .\32xl\:origin-bottom {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }

  .\32xl\:origin-bottom-left {
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }

  .\32xl\:origin-left {
    -webkit-transform-origin: left;
            transform-origin: left;
  }

  .\32xl\:origin-top-left {
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  .\32xl\:transform {
    --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;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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));
  }

  .\32xl\:transform-gpu {
    --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;
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .\32xl\:transform-none {
    -webkit-transform: none;
            transform: none;
  }

  .\32xl\:translate-x-0 {
    --tw-translate-x: 0px;
  }

  .\32xl\:translate-x-1 {
    --tw-translate-x: 0.25rem;
  }

  .\32xl\:translate-x-2 {
    --tw-translate-x: 0.5rem;
  }

  .\32xl\:translate-x-3 {
    --tw-translate-x: 0.75rem;
  }

  .\32xl\:translate-x-4 {
    --tw-translate-x: 1rem;
  }

  .\32xl\:translate-x-5 {
    --tw-translate-x: 1.25rem;
  }

  .\32xl\:translate-x-6 {
    --tw-translate-x: 1.5rem;
  }

  .\32xl\:translate-x-7 {
    --tw-translate-x: 1.75rem;
  }

  .\32xl\:translate-x-8 {
    --tw-translate-x: 2rem;
  }

  .\32xl\:translate-x-9 {
    --tw-translate-x: 2.25rem;
  }

  .\32xl\:translate-x-10 {
    --tw-translate-x: 2.5rem;
  }

  .\32xl\:translate-x-11 {
    --tw-translate-x: 2.75rem;
  }

  .\32xl\:translate-x-12 {
    --tw-translate-x: 3rem;
  }

  .\32xl\:translate-x-14 {
    --tw-translate-x: 3.5rem;
  }

  .\32xl\:translate-x-16 {
    --tw-translate-x: 4rem;
  }

  .\32xl\:translate-x-20 {
    --tw-translate-x: 5rem;
  }

  .\32xl\:translate-x-24 {
    --tw-translate-x: 6rem;
  }

  .\32xl\:translate-x-28 {
    --tw-translate-x: 7rem;
  }

  .\32xl\:translate-x-32 {
    --tw-translate-x: 8rem;
  }

  .\32xl\:translate-x-36 {
    --tw-translate-x: 9rem;
  }

  .\32xl\:translate-x-40 {
    --tw-translate-x: 10rem;
  }

  .\32xl\:translate-x-44 {
    --tw-translate-x: 11rem;
  }

  .\32xl\:translate-x-48 {
    --tw-translate-x: 12rem;
  }

  .\32xl\:translate-x-52 {
    --tw-translate-x: 13rem;
  }

  .\32xl\:translate-x-56 {
    --tw-translate-x: 14rem;
  }

  .\32xl\:translate-x-60 {
    --tw-translate-x: 15rem;
  }

  .\32xl\:translate-x-64 {
    --tw-translate-x: 16rem;
  }

  .\32xl\:translate-x-72 {
    --tw-translate-x: 18rem;
  }

  .\32xl\:translate-x-80 {
    --tw-translate-x: 20rem;
  }

  .\32xl\:translate-x-96 {
    --tw-translate-x: 24rem;
  }

  .\32xl\:translate-x-px {
    --tw-translate-x: 1px;
  }

  .\32xl\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
  }

  .\32xl\:translate-x-1\.5 {
    --tw-translate-x: 0.375rem;
  }

  .\32xl\:translate-x-2\.5 {
    --tw-translate-x: 0.625rem;
  }

  .\32xl\:translate-x-3\.5 {
    --tw-translate-x: 0.875rem;
  }

  .\32xl\:-translate-x-0 {
    --tw-translate-x: 0px;
  }

  .\32xl\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
  }

  .\32xl\:-translate-x-2 {
    --tw-translate-x: -0.5rem;
  }

  .\32xl\:-translate-x-3 {
    --tw-translate-x: -0.75rem;
  }

  .\32xl\:-translate-x-4 {
    --tw-translate-x: -1rem;
  }

  .\32xl\:-translate-x-5 {
    --tw-translate-x: -1.25rem;
  }

  .\32xl\:-translate-x-6 {
    --tw-translate-x: -1.5rem;
  }

  .\32xl\:-translate-x-7 {
    --tw-translate-x: -1.75rem;
  }

  .\32xl\:-translate-x-8 {
    --tw-translate-x: -2rem;
  }

  .\32xl\:-translate-x-9 {
    --tw-translate-x: -2.25rem;
  }

  .\32xl\:-translate-x-10 {
    --tw-translate-x: -2.5rem;
  }

  .\32xl\:-translate-x-11 {
    --tw-translate-x: -2.75rem;
  }

  .\32xl\:-translate-x-12 {
    --tw-translate-x: -3rem;
  }

  .\32xl\:-translate-x-14 {
    --tw-translate-x: -3.5rem;
  }

  .\32xl\:-translate-x-16 {
    --tw-translate-x: -4rem;
  }

  .\32xl\:-translate-x-20 {
    --tw-translate-x: -5rem;
  }

  .\32xl\:-translate-x-24 {
    --tw-translate-x: -6rem;
  }

  .\32xl\:-translate-x-28 {
    --tw-translate-x: -7rem;
  }

  .\32xl\:-translate-x-32 {
    --tw-translate-x: -8rem;
  }

  .\32xl\:-translate-x-36 {
    --tw-translate-x: -9rem;
  }

  .\32xl\:-translate-x-40 {
    --tw-translate-x: -10rem;
  }

  .\32xl\:-translate-x-44 {
    --tw-translate-x: -11rem;
  }

  .\32xl\:-translate-x-48 {
    --tw-translate-x: -12rem;
  }

  .\32xl\:-translate-x-52 {
    --tw-translate-x: -13rem;
  }

  .\32xl\:-translate-x-56 {
    --tw-translate-x: -14rem;
  }

  .\32xl\:-translate-x-60 {
    --tw-translate-x: -15rem;
  }

  .\32xl\:-translate-x-64 {
    --tw-translate-x: -16rem;
  }

  .\32xl\:-translate-x-72 {
    --tw-translate-x: -18rem;
  }

  .\32xl\:-translate-x-80 {
    --tw-translate-x: -20rem;
  }

  .\32xl\:-translate-x-96 {
    --tw-translate-x: -24rem;
  }

  .\32xl\:-translate-x-px {
    --tw-translate-x: -1px;
  }

  .\32xl\:-translate-x-0\.5 {
    --tw-translate-x: -0.125rem;
  }

  .\32xl\:-translate-x-1\.5 {
    --tw-translate-x: -0.375rem;
  }

  .\32xl\:-translate-x-2\.5 {
    --tw-translate-x: -0.625rem;
  }

  .\32xl\:-translate-x-3\.5 {
    --tw-translate-x: -0.875rem;
  }

  .\32xl\:translate-x-1\/2 {
    --tw-translate-x: 50%;
  }

  .\32xl\:translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
  }

  .\32xl\:translate-x-2\/3 {
    --tw-translate-x: 66.666667%;
  }

  .\32xl\:translate-x-1\/4 {
    --tw-translate-x: 25%;
  }

  .\32xl\:translate-x-2\/4 {
    --tw-translate-x: 50%;
  }

  .\32xl\:translate-x-3\/4 {
    --tw-translate-x: 75%;
  }

  .\32xl\:translate-x-full {
    --tw-translate-x: 100%;
  }

  .\32xl\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }

  .\32xl\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
  }

  .\32xl\:-translate-x-2\/3 {
    --tw-translate-x: -66.666667%;
  }

  .\32xl\:-translate-x-1\/4 {
    --tw-translate-x: -25%;
  }

  .\32xl\:-translate-x-2\/4 {
    --tw-translate-x: -50%;
  }

  .\32xl\:-translate-x-3\/4 {
    --tw-translate-x: -75%;
  }

  .\32xl\:-translate-x-full {
    --tw-translate-x: -100%;
  }

  .\32xl\:translate-y-0 {
    --tw-translate-y: 0px;
  }

  .\32xl\:translate-y-1 {
    --tw-translate-y: 0.25rem;
  }

  .\32xl\:translate-y-2 {
    --tw-translate-y: 0.5rem;
  }

  .\32xl\:translate-y-3 {
    --tw-translate-y: 0.75rem;
  }

  .\32xl\:translate-y-4 {
    --tw-translate-y: 1rem;
  }

  .\32xl\:translate-y-5 {
    --tw-translate-y: 1.25rem;
  }

  .\32xl\:translate-y-6 {
    --tw-translate-y: 1.5rem;
  }

  .\32xl\:translate-y-7 {
    --tw-translate-y: 1.75rem;
  }

  .\32xl\:translate-y-8 {
    --tw-translate-y: 2rem;
  }

  .\32xl\:translate-y-9 {
    --tw-translate-y: 2.25rem;
  }

  .\32xl\:translate-y-10 {
    --tw-translate-y: 2.5rem;
  }

  .\32xl\:translate-y-11 {
    --tw-translate-y: 2.75rem;
  }

  .\32xl\:translate-y-12 {
    --tw-translate-y: 3rem;
  }

  .\32xl\:translate-y-14 {
    --tw-translate-y: 3.5rem;
  }

  .\32xl\:translate-y-16 {
    --tw-translate-y: 4rem;
  }

  .\32xl\:translate-y-20 {
    --tw-translate-y: 5rem;
  }

  .\32xl\:translate-y-24 {
    --tw-translate-y: 6rem;
  }

  .\32xl\:translate-y-28 {
    --tw-translate-y: 7rem;
  }

  .\32xl\:translate-y-32 {
    --tw-translate-y: 8rem;
  }

  .\32xl\:translate-y-36 {
    --tw-translate-y: 9rem;
  }

  .\32xl\:translate-y-40 {
    --tw-translate-y: 10rem;
  }

  .\32xl\:translate-y-44 {
    --tw-translate-y: 11rem;
  }

  .\32xl\:translate-y-48 {
    --tw-translate-y: 12rem;
  }

  .\32xl\:translate-y-52 {
    --tw-translate-y: 13rem;
  }

  .\32xl\:translate-y-56 {
    --tw-translate-y: 14rem;
  }

  .\32xl\:translate-y-60 {
    --tw-translate-y: 15rem;
  }

  .\32xl\:translate-y-64 {
    --tw-translate-y: 16rem;
  }

  .\32xl\:translate-y-72 {
    --tw-translate-y: 18rem;
  }

  .\32xl\:translate-y-80 {
    --tw-translate-y: 20rem;
  }

  .\32xl\:translate-y-96 {
    --tw-translate-y: 24rem;
  }

  .\32xl\:translate-y-px {
    --tw-translate-y: 1px;
  }

  .\32xl\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
  }

  .\32xl\:translate-y-1\.5 {
    --tw-translate-y: 0.375rem;
  }

  .\32xl\:translate-y-2\.5 {
    --tw-translate-y: 0.625rem;
  }

  .\32xl\:translate-y-3\.5 {
    --tw-translate-y: 0.875rem;
  }

  .\32xl\:-translate-y-0 {
    --tw-translate-y: 0px;
  }

  .\32xl\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
  }

  .\32xl\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
  }

  .\32xl\:-translate-y-3 {
    --tw-translate-y: -0.75rem;
  }

  .\32xl\:-translate-y-4 {
    --tw-translate-y: -1rem;
  }

  .\32xl\:-translate-y-5 {
    --tw-translate-y: -1.25rem;
  }

  .\32xl\:-translate-y-6 {
    --tw-translate-y: -1.5rem;
  }

  .\32xl\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
  }

  .\32xl\:-translate-y-8 {
    --tw-translate-y: -2rem;
  }

  .\32xl\:-translate-y-9 {
    --tw-translate-y: -2.25rem;
  }

  .\32xl\:-translate-y-10 {
    --tw-translate-y: -2.5rem;
  }

  .\32xl\:-translate-y-11 {
    --tw-translate-y: -2.75rem;
  }

  .\32xl\:-translate-y-12 {
    --tw-translate-y: -3rem;
  }

  .\32xl\:-translate-y-14 {
    --tw-translate-y: -3.5rem;
  }

  .\32xl\:-translate-y-16 {
    --tw-translate-y: -4rem;
  }

  .\32xl\:-translate-y-20 {
    --tw-translate-y: -5rem;
  }

  .\32xl\:-translate-y-24 {
    --tw-translate-y: -6rem;
  }

  .\32xl\:-translate-y-28 {
    --tw-translate-y: -7rem;
  }

  .\32xl\:-translate-y-32 {
    --tw-translate-y: -8rem;
  }

  .\32xl\:-translate-y-36 {
    --tw-translate-y: -9rem;
  }

  .\32xl\:-translate-y-40 {
    --tw-translate-y: -10rem;
  }

  .\32xl\:-translate-y-44 {
    --tw-translate-y: -11rem;
  }

  .\32xl\:-translate-y-48 {
    --tw-translate-y: -12rem;
  }

  .\32xl\:-translate-y-52 {
    --tw-translate-y: -13rem;
  }

  .\32xl\:-translate-y-56 {
    --tw-translate-y: -14rem;
  }

  .\32xl\:-translate-y-60 {
    --tw-translate-y: -15rem;
  }

  .\32xl\:-translate-y-64 {
    --tw-translate-y: -16rem;
  }

  .\32xl\:-translate-y-72 {
    --tw-translate-y: -18rem;
  }

  .\32xl\:-translate-y-80 {
    --tw-translate-y: -20rem;
  }

  .\32xl\:-translate-y-96 {
    --tw-translate-y: -24rem;
  }

  .\32xl\:-translate-y-px {
    --tw-translate-y: -1px;
  }

  .\32xl\:-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
  }

  .\32xl\:-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
  }

  .\32xl\:-translate-y-2\.5 {
    --tw-translate-y: -0.625rem;
  }

  .\32xl\:-translate-y-3\.5 {
    --tw-translate-y: -0.875rem;
  }

  .\32xl\:translate-y-1\/2 {
    --tw-translate-y: 50%;
  }

  .\32xl\:translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
  }

  .\32xl\:translate-y-2\/3 {
    --tw-translate-y: 66.666667%;
  }

  .\32xl\:translate-y-1\/4 {
    --tw-translate-y: 25%;
  }

  .\32xl\:translate-y-2\/4 {
    --tw-translate-y: 50%;
  }

  .\32xl\:translate-y-3\/4 {
    --tw-translate-y: 75%;
  }

  .\32xl\:translate-y-full {
    --tw-translate-y: 100%;
  }

  .\32xl\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .\32xl\:-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
  }

  .\32xl\:-translate-y-2\/3 {
    --tw-translate-y: -66.666667%;
  }

  .\32xl\:-translate-y-1\/4 {
    --tw-translate-y: -25%;
  }

  .\32xl\:-translate-y-2\/4 {
    --tw-translate-y: -50%;
  }

  .\32xl\:-translate-y-3\/4 {
    --tw-translate-y: -75%;
  }

  .\32xl\:-translate-y-full {
    --tw-translate-y: -100%;
  }

  .\32xl\:hover\:translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .\32xl\:hover\:translate-x-1:hover {
    --tw-translate-x: 0.25rem;
  }

  .\32xl\:hover\:translate-x-2:hover {
    --tw-translate-x: 0.5rem;
  }

  .\32xl\:hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem;
  }

  .\32xl\:hover\:translate-x-4:hover {
    --tw-translate-x: 1rem;
  }

  .\32xl\:hover\:translate-x-5:hover {
    --tw-translate-x: 1.25rem;
  }

  .\32xl\:hover\:translate-x-6:hover {
    --tw-translate-x: 1.5rem;
  }

  .\32xl\:hover\:translate-x-7:hover {
    --tw-translate-x: 1.75rem;
  }

  .\32xl\:hover\:translate-x-8:hover {
    --tw-translate-x: 2rem;
  }

  .\32xl\:hover\:translate-x-9:hover {
    --tw-translate-x: 2.25rem;
  }

  .\32xl\:hover\:translate-x-10:hover {
    --tw-translate-x: 2.5rem;
  }

  .\32xl\:hover\:translate-x-11:hover {
    --tw-translate-x: 2.75rem;
  }

  .\32xl\:hover\:translate-x-12:hover {
    --tw-translate-x: 3rem;
  }

  .\32xl\:hover\:translate-x-14:hover {
    --tw-translate-x: 3.5rem;
  }

  .\32xl\:hover\:translate-x-16:hover {
    --tw-translate-x: 4rem;
  }

  .\32xl\:hover\:translate-x-20:hover {
    --tw-translate-x: 5rem;
  }

  .\32xl\:hover\:translate-x-24:hover {
    --tw-translate-x: 6rem;
  }

  .\32xl\:hover\:translate-x-28:hover {
    --tw-translate-x: 7rem;
  }

  .\32xl\:hover\:translate-x-32:hover {
    --tw-translate-x: 8rem;
  }

  .\32xl\:hover\:translate-x-36:hover {
    --tw-translate-x: 9rem;
  }

  .\32xl\:hover\:translate-x-40:hover {
    --tw-translate-x: 10rem;
  }

  .\32xl\:hover\:translate-x-44:hover {
    --tw-translate-x: 11rem;
  }

  .\32xl\:hover\:translate-x-48:hover {
    --tw-translate-x: 12rem;
  }

  .\32xl\:hover\:translate-x-52:hover {
    --tw-translate-x: 13rem;
  }

  .\32xl\:hover\:translate-x-56:hover {
    --tw-translate-x: 14rem;
  }

  .\32xl\:hover\:translate-x-60:hover {
    --tw-translate-x: 15rem;
  }

  .\32xl\:hover\:translate-x-64:hover {
    --tw-translate-x: 16rem;
  }

  .\32xl\:hover\:translate-x-72:hover {
    --tw-translate-x: 18rem;
  }

  .\32xl\:hover\:translate-x-80:hover {
    --tw-translate-x: 20rem;
  }

  .\32xl\:hover\:translate-x-96:hover {
    --tw-translate-x: 24rem;
  }

  .\32xl\:hover\:translate-x-px:hover {
    --tw-translate-x: 1px;
  }

  .\32xl\:hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem;
  }

  .\32xl\:hover\:translate-x-1\.5:hover {
    --tw-translate-x: 0.375rem;
  }

  .\32xl\:hover\:translate-x-2\.5:hover {
    --tw-translate-x: 0.625rem;
  }

  .\32xl\:hover\:translate-x-3\.5:hover {
    --tw-translate-x: 0.875rem;
  }

  .\32xl\:hover\:-translate-x-0:hover {
    --tw-translate-x: 0px;
  }

  .\32xl\:hover\:-translate-x-1:hover {
    --tw-translate-x: -0.25rem;
  }

  .\32xl\:hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem;
  }

  .\32xl\:hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem;
  }

  .\32xl\:hover\:-translate-x-4:hover {
    --tw-translate-x: -1rem;
  }

  .\32xl\:hover\:-translate-x-5:hover {
    --tw-translate-x: -1.25rem;
  }

  .\32xl\:hover\:-translate-x-6:hover {
    --tw-translate-x: -1.5rem;
  }

  .\32xl\:hover\:-translate-x-7:hover {
    --tw-translate-x: -1.75rem;
  }

  .\32xl\:hover\:-translate-x-8:hover {
    --tw-translate-x: -2rem;
  }

  .\32xl\:hover\:-translate-x-9:hover {
    --tw-translate-x: -2.25rem;
  }

  .\32xl\:hover\:-translate-x-10:hover {
    --tw-translate-x: -2.5rem;
  }

  .\32xl\:hover\:-translate-x-11:hover {
    --tw-translate-x: -2.75rem;
  }

  .\32xl\:hover\:-translate-x-12:hover {
    --tw-translate-x: -3rem;
  }

  .\32xl\:hover\:-translate-x-14:hover {
    --tw-translate-x: -3.5rem;
  }

  .\32xl\:hover\:-translate-x-16:hover {
    --tw-translate-x: -4rem;
  }

  .\32xl\:hover\:-translate-x-20:hover {
    --tw-translate-x: -5rem;
  }

  .\32xl\:hover\:-translate-x-24:hover {
    --tw-translate-x: -6rem;
  }

  .\32xl\:hover\:-translate-x-28:hover {
    --tw-translate-x: -7rem;
  }

  .\32xl\:hover\:-translate-x-32:hover {
    --tw-translate-x: -8rem;
  }

  .\32xl\:hover\:-translate-x-36:hover {
    --tw-translate-x: -9rem;
  }

  .\32xl\:hover\:-translate-x-40:hover {
    --tw-translate-x: -10rem;
  }

  .\32xl\:hover\:-translate-x-44:hover {
    --tw-translate-x: -11rem;
  }

  .\32xl\:hover\:-translate-x-48:hover {
    --tw-translate-x: -12rem;
  }

  .\32xl\:hover\:-translate-x-52:hover {
    --tw-translate-x: -13rem;
  }

  .\32xl\:hover\:-translate-x-56:hover {
    --tw-translate-x: -14rem;
  }

  .\32xl\:hover\:-translate-x-60:hover {
    --tw-translate-x: -15rem;
  }

  .\32xl\:hover\:-translate-x-64:hover {
    --tw-translate-x: -16rem;
  }

  .\32xl\:hover\:-translate-x-72:hover {
    --tw-translate-x: -18rem;
  }

  .\32xl\:hover\:-translate-x-80:hover {
    --tw-translate-x: -20rem;
  }

  .\32xl\:hover\:-translate-x-96:hover {
    --tw-translate-x: -24rem;
  }

  .\32xl\:hover\:-translate-x-px:hover {
    --tw-translate-x: -1px;
  }

  .\32xl\:hover\:-translate-x-0\.5:hover {
    --tw-translate-x: -0.125rem;
  }

  .\32xl\:hover\:-translate-x-1\.5:hover {
    --tw-translate-x: -0.375rem;
  }

  .\32xl\:hover\:-translate-x-2\.5:hover {
    --tw-translate-x: -0.625rem;
  }

  .\32xl\:hover\:-translate-x-3\.5:hover {
    --tw-translate-x: -0.875rem;
  }

  .\32xl\:hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%;
  }

  .\32xl\:hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%;
  }

  .\32xl\:hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%;
  }

  .\32xl\:hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%;
  }

  .\32xl\:hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%;
  }

  .\32xl\:hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%;
  }

  .\32xl\:hover\:translate-x-full:hover {
    --tw-translate-x: 100%;
  }

  .\32xl\:hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%;
  }

  .\32xl\:hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%;
  }

  .\32xl\:hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%;
  }

  .\32xl\:hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%;
  }

  .\32xl\:hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%;
  }

  .\32xl\:hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%;
  }

  .\32xl\:hover\:-translate-x-full:hover {
    --tw-translate-x: -100%;
  }

  .\32xl\:hover\:translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .\32xl\:hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem;
  }

  .\32xl\:hover\:translate-y-2:hover {
    --tw-translate-y: 0.5rem;
  }

  .\32xl\:hover\:translate-y-3:hover {
    --tw-translate-y: 0.75rem;
  }

  .\32xl\:hover\:translate-y-4:hover {
    --tw-translate-y: 1rem;
  }

  .\32xl\:hover\:translate-y-5:hover {
    --tw-translate-y: 1.25rem;
  }

  .\32xl\:hover\:translate-y-6:hover {
    --tw-translate-y: 1.5rem;
  }

  .\32xl\:hover\:translate-y-7:hover {
    --tw-translate-y: 1.75rem;
  }

  .\32xl\:hover\:translate-y-8:hover {
    --tw-translate-y: 2rem;
  }

  .\32xl\:hover\:translate-y-9:hover {
    --tw-translate-y: 2.25rem;
  }

  .\32xl\:hover\:translate-y-10:hover {
    --tw-translate-y: 2.5rem;
  }

  .\32xl\:hover\:translate-y-11:hover {
    --tw-translate-y: 2.75rem;
  }

  .\32xl\:hover\:translate-y-12:hover {
    --tw-translate-y: 3rem;
  }

  .\32xl\:hover\:translate-y-14:hover {
    --tw-translate-y: 3.5rem;
  }

  .\32xl\:hover\:translate-y-16:hover {
    --tw-translate-y: 4rem;
  }

  .\32xl\:hover\:translate-y-20:hover {
    --tw-translate-y: 5rem;
  }

  .\32xl\:hover\:translate-y-24:hover {
    --tw-translate-y: 6rem;
  }

  .\32xl\:hover\:translate-y-28:hover {
    --tw-translate-y: 7rem;
  }

  .\32xl\:hover\:translate-y-32:hover {
    --tw-translate-y: 8rem;
  }

  .\32xl\:hover\:translate-y-36:hover {
    --tw-translate-y: 9rem;
  }

  .\32xl\:hover\:translate-y-40:hover {
    --tw-translate-y: 10rem;
  }

  .\32xl\:hover\:translate-y-44:hover {
    --tw-translate-y: 11rem;
  }

  .\32xl\:hover\:translate-y-48:hover {
    --tw-translate-y: 12rem;
  }

  .\32xl\:hover\:translate-y-52:hover {
    --tw-translate-y: 13rem;
  }

  .\32xl\:hover\:translate-y-56:hover {
    --tw-translate-y: 14rem;
  }

  .\32xl\:hover\:translate-y-60:hover {
    --tw-translate-y: 15rem;
  }

  .\32xl\:hover\:translate-y-64:hover {
    --tw-translate-y: 16rem;
  }

  .\32xl\:hover\:translate-y-72:hover {
    --tw-translate-y: 18rem;
  }

  .\32xl\:hover\:translate-y-80:hover {
    --tw-translate-y: 20rem;
  }

  .\32xl\:hover\:translate-y-96:hover {
    --tw-translate-y: 24rem;
  }

  .\32xl\:hover\:translate-y-px:hover {
    --tw-translate-y: 1px;
  }

  .\32xl\:hover\:translate-y-0\.5:hover {
    --tw-translate-y: 0.125rem;
  }

  .\32xl\:hover\:translate-y-1\.5:hover {
    --tw-translate-y: 0.375rem;
  }

  .\32xl\:hover\:translate-y-2\.5:hover {
    --tw-translate-y: 0.625rem;
  }

  .\32xl\:hover\:translate-y-3\.5:hover {
    --tw-translate-y: 0.875rem;
  }

  .\32xl\:hover\:-translate-y-0:hover {
    --tw-translate-y: 0px;
  }

  .\32xl\:hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
  }

  .\32xl\:hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
  }

  .\32xl\:hover\:-translate-y-3:hover {
    --tw-translate-y: -0.75rem;
  }

  .\32xl\:hover\:-translate-y-4:hover {
    --tw-translate-y: -1rem;
  }

  .\32xl\:hover\:-translate-y-5:hover {
    --tw-translate-y: -1.25rem;
  }

  .\32xl\:hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem;
  }

  .\32xl\:hover\:-translate-y-7:hover {
    --tw-translate-y: -1.75rem;
  }

  .\32xl\:hover\:-translate-y-8:hover {
    --tw-translate-y: -2rem;
  }

  .\32xl\:hover\:-translate-y-9:hover {
    --tw-translate-y: -2.25rem;
  }

  .\32xl\:hover\:-translate-y-10:hover {
    --tw-translate-y: -2.5rem;
  }

  .\32xl\:hover\:-translate-y-11:hover {
    --tw-translate-y: -2.75rem;
  }

  .\32xl\:hover\:-translate-y-12:hover {
    --tw-translate-y: -3rem;
  }

  .\32xl\:hover\:-translate-y-14:hover {
    --tw-translate-y: -3.5rem;
  }

  .\32xl\:hover\:-translate-y-16:hover {
    --tw-translate-y: -4rem;
  }

  .\32xl\:hover\:-translate-y-20:hover {
    --tw-translate-y: -5rem;
  }

  .\32xl\:hover\:-translate-y-24:hover {
    --tw-translate-y: -6rem;
  }

  .\32xl\:hover\:-translate-y-28:hover {
    --tw-translate-y: -7rem;
  }

  .\32xl\:hover\:-translate-y-32:hover {
    --tw-translate-y: -8rem;
  }

  .\32xl\:hover\:-translate-y-36:hover {
    --tw-translate-y: -9rem;
  }

  .\32xl\:hover\:-translate-y-40:hover {
    --tw-translate-y: -10rem;
  }

  .\32xl\:hover\:-translate-y-44:hover {
    --tw-translate-y: -11rem;
  }

  .\32xl\:hover\:-translate-y-48:hover {
    --tw-translate-y: -12rem;
  }

  .\32xl\:hover\:-translate-y-52:hover {
    --tw-translate-y: -13rem;
  }

  .\32xl\:hover\:-translate-y-56:hover {
    --tw-translate-y: -14rem;
  }

  .\32xl\:hover\:-translate-y-60:hover {
    --tw-translate-y: -15rem;
  }

  .\32xl\:hover\:-translate-y-64:hover {
    --tw-translate-y: -16rem;
  }

  .\32xl\:hover\:-translate-y-72:hover {
    --tw-translate-y: -18rem;
  }

  .\32xl\:hover\:-translate-y-80:hover {
    --tw-translate-y: -20rem;
  }

  .\32xl\:hover\:-translate-y-96:hover {
    --tw-translate-y: -24rem;
  }

  .\32xl\:hover\:-translate-y-px:hover {
    --tw-translate-y: -1px;
  }

  .\32xl\:hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
  }

  .\32xl\:hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -0.375rem;
  }

  .\32xl\:hover\:-translate-y-2\.5:hover {
    --tw-translate-y: -0.625rem;
  }

  .\32xl\:hover\:-translate-y-3\.5:hover {
    --tw-translate-y: -0.875rem;
  }

  .\32xl\:hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%;
  }

  .\32xl\:hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%;
  }

  .\32xl\:hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%;
  }

  .\32xl\:hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%;
  }

  .\32xl\:hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%;
  }

  .\32xl\:hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%;
  }

  .\32xl\:hover\:translate-y-full:hover {
    --tw-translate-y: 100%;
  }

  .\32xl\:hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%;
  }

  .\32xl\:hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%;
  }

  .\32xl\:hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%;
  }

  .\32xl\:hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%;
  }

  .\32xl\:hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%;
  }

  .\32xl\:hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%;
  }

  .\32xl\:hover\:-translate-y-full:hover {
    --tw-translate-y: -100%;
  }

  .\32xl\:focus\:translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .\32xl\:focus\:translate-x-1:focus {
    --tw-translate-x: 0.25rem;
  }

  .\32xl\:focus\:translate-x-2:focus {
    --tw-translate-x: 0.5rem;
  }

  .\32xl\:focus\:translate-x-3:focus {
    --tw-translate-x: 0.75rem;
  }

  .\32xl\:focus\:translate-x-4:focus {
    --tw-translate-x: 1rem;
  }

  .\32xl\:focus\:translate-x-5:focus {
    --tw-translate-x: 1.25rem;
  }

  .\32xl\:focus\:translate-x-6:focus {
    --tw-translate-x: 1.5rem;
  }

  .\32xl\:focus\:translate-x-7:focus {
    --tw-translate-x: 1.75rem;
  }

  .\32xl\:focus\:translate-x-8:focus {
    --tw-translate-x: 2rem;
  }

  .\32xl\:focus\:translate-x-9:focus {
    --tw-translate-x: 2.25rem;
  }

  .\32xl\:focus\:translate-x-10:focus {
    --tw-translate-x: 2.5rem;
  }

  .\32xl\:focus\:translate-x-11:focus {
    --tw-translate-x: 2.75rem;
  }

  .\32xl\:focus\:translate-x-12:focus {
    --tw-translate-x: 3rem;
  }

  .\32xl\:focus\:translate-x-14:focus {
    --tw-translate-x: 3.5rem;
  }

  .\32xl\:focus\:translate-x-16:focus {
    --tw-translate-x: 4rem;
  }

  .\32xl\:focus\:translate-x-20:focus {
    --tw-translate-x: 5rem;
  }

  .\32xl\:focus\:translate-x-24:focus {
    --tw-translate-x: 6rem;
  }

  .\32xl\:focus\:translate-x-28:focus {
    --tw-translate-x: 7rem;
  }

  .\32xl\:focus\:translate-x-32:focus {
    --tw-translate-x: 8rem;
  }

  .\32xl\:focus\:translate-x-36:focus {
    --tw-translate-x: 9rem;
  }

  .\32xl\:focus\:translate-x-40:focus {
    --tw-translate-x: 10rem;
  }

  .\32xl\:focus\:translate-x-44:focus {
    --tw-translate-x: 11rem;
  }

  .\32xl\:focus\:translate-x-48:focus {
    --tw-translate-x: 12rem;
  }

  .\32xl\:focus\:translate-x-52:focus {
    --tw-translate-x: 13rem;
  }

  .\32xl\:focus\:translate-x-56:focus {
    --tw-translate-x: 14rem;
  }

  .\32xl\:focus\:translate-x-60:focus {
    --tw-translate-x: 15rem;
  }

  .\32xl\:focus\:translate-x-64:focus {
    --tw-translate-x: 16rem;
  }

  .\32xl\:focus\:translate-x-72:focus {
    --tw-translate-x: 18rem;
  }

  .\32xl\:focus\:translate-x-80:focus {
    --tw-translate-x: 20rem;
  }

  .\32xl\:focus\:translate-x-96:focus {
    --tw-translate-x: 24rem;
  }

  .\32xl\:focus\:translate-x-px:focus {
    --tw-translate-x: 1px;
  }

  .\32xl\:focus\:translate-x-0\.5:focus {
    --tw-translate-x: 0.125rem;
  }

  .\32xl\:focus\:translate-x-1\.5:focus {
    --tw-translate-x: 0.375rem;
  }

  .\32xl\:focus\:translate-x-2\.5:focus {
    --tw-translate-x: 0.625rem;
  }

  .\32xl\:focus\:translate-x-3\.5:focus {
    --tw-translate-x: 0.875rem;
  }

  .\32xl\:focus\:-translate-x-0:focus {
    --tw-translate-x: 0px;
  }

  .\32xl\:focus\:-translate-x-1:focus {
    --tw-translate-x: -0.25rem;
  }

  .\32xl\:focus\:-translate-x-2:focus {
    --tw-translate-x: -0.5rem;
  }

  .\32xl\:focus\:-translate-x-3:focus {
    --tw-translate-x: -0.75rem;
  }

  .\32xl\:focus\:-translate-x-4:focus {
    --tw-translate-x: -1rem;
  }

  .\32xl\:focus\:-translate-x-5:focus {
    --tw-translate-x: -1.25rem;
  }

  .\32xl\:focus\:-translate-x-6:focus {
    --tw-translate-x: -1.5rem;
  }

  .\32xl\:focus\:-translate-x-7:focus {
    --tw-translate-x: -1.75rem;
  }

  .\32xl\:focus\:-translate-x-8:focus {
    --tw-translate-x: -2rem;
  }

  .\32xl\:focus\:-translate-x-9:focus {
    --tw-translate-x: -2.25rem;
  }

  .\32xl\:focus\:-translate-x-10:focus {
    --tw-translate-x: -2.5rem;
  }

  .\32xl\:focus\:-translate-x-11:focus {
    --tw-translate-x: -2.75rem;
  }

  .\32xl\:focus\:-translate-x-12:focus {
    --tw-translate-x: -3rem;
  }

  .\32xl\:focus\:-translate-x-14:focus {
    --tw-translate-x: -3.5rem;
  }

  .\32xl\:focus\:-translate-x-16:focus {
    --tw-translate-x: -4rem;
  }

  .\32xl\:focus\:-translate-x-20:focus {
    --tw-translate-x: -5rem;
  }

  .\32xl\:focus\:-translate-x-24:focus {
    --tw-translate-x: -6rem;
  }

  .\32xl\:focus\:-translate-x-28:focus {
    --tw-translate-x: -7rem;
  }

  .\32xl\:focus\:-translate-x-32:focus {
    --tw-translate-x: -8rem;
  }

  .\32xl\:focus\:-translate-x-36:focus {
    --tw-translate-x: -9rem;
  }

  .\32xl\:focus\:-translate-x-40:focus {
    --tw-translate-x: -10rem;
  }

  .\32xl\:focus\:-translate-x-44:focus {
    --tw-translate-x: -11rem;
  }

  .\32xl\:focus\:-translate-x-48:focus {
    --tw-translate-x: -12rem;
  }

  .\32xl\:focus\:-translate-x-52:focus {
    --tw-translate-x: -13rem;
  }

  .\32xl\:focus\:-translate-x-56:focus {
    --tw-translate-x: -14rem;
  }

  .\32xl\:focus\:-translate-x-60:focus {
    --tw-translate-x: -15rem;
  }

  .\32xl\:focus\:-translate-x-64:focus {
    --tw-translate-x: -16rem;
  }

  .\32xl\:focus\:-translate-x-72:focus {
    --tw-translate-x: -18rem;
  }

  .\32xl\:focus\:-translate-x-80:focus {
    --tw-translate-x: -20rem;
  }

  .\32xl\:focus\:-translate-x-96:focus {
    --tw-translate-x: -24rem;
  }

  .\32xl\:focus\:-translate-x-px:focus {
    --tw-translate-x: -1px;
  }

  .\32xl\:focus\:-translate-x-0\.5:focus {
    --tw-translate-x: -0.125rem;
  }

  .\32xl\:focus\:-translate-x-1\.5:focus {
    --tw-translate-x: -0.375rem;
  }

  .\32xl\:focus\:-translate-x-2\.5:focus {
    --tw-translate-x: -0.625rem;
  }

  .\32xl\:focus\:-translate-x-3\.5:focus {
    --tw-translate-x: -0.875rem;
  }

  .\32xl\:focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%;
  }

  .\32xl\:focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%;
  }

  .\32xl\:focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%;
  }

  .\32xl\:focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%;
  }

  .\32xl\:focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%;
  }

  .\32xl\:focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%;
  }

  .\32xl\:focus\:translate-x-full:focus {
    --tw-translate-x: 100%;
  }

  .\32xl\:focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%;
  }

  .\32xl\:focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%;
  }

  .\32xl\:focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%;
  }

  .\32xl\:focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%;
  }

  .\32xl\:focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%;
  }

  .\32xl\:focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%;
  }

  .\32xl\:focus\:-translate-x-full:focus {
    --tw-translate-x: -100%;
  }

  .\32xl\:focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .\32xl\:focus\:translate-y-1:focus {
    --tw-translate-y: 0.25rem;
  }

  .\32xl\:focus\:translate-y-2:focus {
    --tw-translate-y: 0.5rem;
  }

  .\32xl\:focus\:translate-y-3:focus {
    --tw-translate-y: 0.75rem;
  }

  .\32xl\:focus\:translate-y-4:focus {
    --tw-translate-y: 1rem;
  }

  .\32xl\:focus\:translate-y-5:focus {
    --tw-translate-y: 1.25rem;
  }

  .\32xl\:focus\:translate-y-6:focus {
    --tw-translate-y: 1.5rem;
  }

  .\32xl\:focus\:translate-y-7:focus {
    --tw-translate-y: 1.75rem;
  }

  .\32xl\:focus\:translate-y-8:focus {
    --tw-translate-y: 2rem;
  }

  .\32xl\:focus\:translate-y-9:focus {
    --tw-translate-y: 2.25rem;
  }

  .\32xl\:focus\:translate-y-10:focus {
    --tw-translate-y: 2.5rem;
  }

  .\32xl\:focus\:translate-y-11:focus {
    --tw-translate-y: 2.75rem;
  }

  .\32xl\:focus\:translate-y-12:focus {
    --tw-translate-y: 3rem;
  }

  .\32xl\:focus\:translate-y-14:focus {
    --tw-translate-y: 3.5rem;
  }

  .\32xl\:focus\:translate-y-16:focus {
    --tw-translate-y: 4rem;
  }

  .\32xl\:focus\:translate-y-20:focus {
    --tw-translate-y: 5rem;
  }

  .\32xl\:focus\:translate-y-24:focus {
    --tw-translate-y: 6rem;
  }

  .\32xl\:focus\:translate-y-28:focus {
    --tw-translate-y: 7rem;
  }

  .\32xl\:focus\:translate-y-32:focus {
    --tw-translate-y: 8rem;
  }

  .\32xl\:focus\:translate-y-36:focus {
    --tw-translate-y: 9rem;
  }

  .\32xl\:focus\:translate-y-40:focus {
    --tw-translate-y: 10rem;
  }

  .\32xl\:focus\:translate-y-44:focus {
    --tw-translate-y: 11rem;
  }

  .\32xl\:focus\:translate-y-48:focus {
    --tw-translate-y: 12rem;
  }

  .\32xl\:focus\:translate-y-52:focus {
    --tw-translate-y: 13rem;
  }

  .\32xl\:focus\:translate-y-56:focus {
    --tw-translate-y: 14rem;
  }

  .\32xl\:focus\:translate-y-60:focus {
    --tw-translate-y: 15rem;
  }

  .\32xl\:focus\:translate-y-64:focus {
    --tw-translate-y: 16rem;
  }

  .\32xl\:focus\:translate-y-72:focus {
    --tw-translate-y: 18rem;
  }

  .\32xl\:focus\:translate-y-80:focus {
    --tw-translate-y: 20rem;
  }

  .\32xl\:focus\:translate-y-96:focus {
    --tw-translate-y: 24rem;
  }

  .\32xl\:focus\:translate-y-px:focus {
    --tw-translate-y: 1px;
  }

  .\32xl\:focus\:translate-y-0\.5:focus {
    --tw-translate-y: 0.125rem;
  }

  .\32xl\:focus\:translate-y-1\.5:focus {
    --tw-translate-y: 0.375rem;
  }

  .\32xl\:focus\:translate-y-2\.5:focus {
    --tw-translate-y: 0.625rem;
  }

  .\32xl\:focus\:translate-y-3\.5:focus {
    --tw-translate-y: 0.875rem;
  }

  .\32xl\:focus\:-translate-y-0:focus {
    --tw-translate-y: 0px;
  }

  .\32xl\:focus\:-translate-y-1:focus {
    --tw-translate-y: -0.25rem;
  }

  .\32xl\:focus\:-translate-y-2:focus {
    --tw-translate-y: -0.5rem;
  }

  .\32xl\:focus\:-translate-y-3:focus {
    --tw-translate-y: -0.75rem;
  }

  .\32xl\:focus\:-translate-y-4:focus {
    --tw-translate-y: -1rem;
  }

  .\32xl\:focus\:-translate-y-5:focus {
    --tw-translate-y: -1.25rem;
  }

  .\32xl\:focus\:-translate-y-6:focus {
    --tw-translate-y: -1.5rem;
  }

  .\32xl\:focus\:-translate-y-7:focus {
    --tw-translate-y: -1.75rem;
  }

  .\32xl\:focus\:-translate-y-8:focus {
    --tw-translate-y: -2rem;
  }

  .\32xl\:focus\:-translate-y-9:focus {
    --tw-translate-y: -2.25rem;
  }

  .\32xl\:focus\:-translate-y-10:focus {
    --tw-translate-y: -2.5rem;
  }

  .\32xl\:focus\:-translate-y-11:focus {
    --tw-translate-y: -2.75rem;
  }

  .\32xl\:focus\:-translate-y-12:focus {
    --tw-translate-y: -3rem;
  }

  .\32xl\:focus\:-translate-y-14:focus {
    --tw-translate-y: -3.5rem;
  }

  .\32xl\:focus\:-translate-y-16:focus {
    --tw-translate-y: -4rem;
  }

  .\32xl\:focus\:-translate-y-20:focus {
    --tw-translate-y: -5rem;
  }

  .\32xl\:focus\:-translate-y-24:focus {
    --tw-translate-y: -6rem;
  }

  .\32xl\:focus\:-translate-y-28:focus {
    --tw-translate-y: -7rem;
  }

  .\32xl\:focus\:-translate-y-32:focus {
    --tw-translate-y: -8rem;
  }

  .\32xl\:focus\:-translate-y-36:focus {
    --tw-translate-y: -9rem;
  }

  .\32xl\:focus\:-translate-y-40:focus {
    --tw-translate-y: -10rem;
  }

  .\32xl\:focus\:-translate-y-44:focus {
    --tw-translate-y: -11rem;
  }

  .\32xl\:focus\:-translate-y-48:focus {
    --tw-translate-y: -12rem;
  }

  .\32xl\:focus\:-translate-y-52:focus {
    --tw-translate-y: -13rem;
  }

  .\32xl\:focus\:-translate-y-56:focus {
    --tw-translate-y: -14rem;
  }

  .\32xl\:focus\:-translate-y-60:focus {
    --tw-translate-y: -15rem;
  }

  .\32xl\:focus\:-translate-y-64:focus {
    --tw-translate-y: -16rem;
  }

  .\32xl\:focus\:-translate-y-72:focus {
    --tw-translate-y: -18rem;
  }

  .\32xl\:focus\:-translate-y-80:focus {
    --tw-translate-y: -20rem;
  }

  .\32xl\:focus\:-translate-y-96:focus {
    --tw-translate-y: -24rem;
  }

  .\32xl\:focus\:-translate-y-px:focus {
    --tw-translate-y: -1px;
  }

  .\32xl\:focus\:-translate-y-0\.5:focus {
    --tw-translate-y: -0.125rem;
  }

  .\32xl\:focus\:-translate-y-1\.5:focus {
    --tw-translate-y: -0.375rem;
  }

  .\32xl\:focus\:-translate-y-2\.5:focus {
    --tw-translate-y: -0.625rem;
  }

  .\32xl\:focus\:-translate-y-3\.5:focus {
    --tw-translate-y: -0.875rem;
  }

  .\32xl\:focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%;
  }

  .\32xl\:focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%;
  }

  .\32xl\:focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%;
  }

  .\32xl\:focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%;
  }

  .\32xl\:focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%;
  }

  .\32xl\:focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%;
  }

  .\32xl\:focus\:translate-y-full:focus {
    --tw-translate-y: 100%;
  }

  .\32xl\:focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%;
  }

  .\32xl\:focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%;
  }

  .\32xl\:focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%;
  }

  .\32xl\:focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%;
  }

  .\32xl\:focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%;
  }

  .\32xl\:focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%;
  }

  .\32xl\:focus\:-translate-y-full:focus {
    --tw-translate-y: -100%;
  }

  .\32xl\:rotate-0 {
    --tw-rotate: 0deg;
  }

  .\32xl\:rotate-1 {
    --tw-rotate: 1deg;
  }

  .\32xl\:rotate-2 {
    --tw-rotate: 2deg;
  }

  .\32xl\:rotate-3 {
    --tw-rotate: 3deg;
  }

  .\32xl\:rotate-6 {
    --tw-rotate: 6deg;
  }

  .\32xl\:rotate-12 {
    --tw-rotate: 12deg;
  }

  .\32xl\:rotate-45 {
    --tw-rotate: 45deg;
  }

  .\32xl\:rotate-90 {
    --tw-rotate: 90deg;
  }

  .\32xl\:rotate-180 {
    --tw-rotate: 180deg;
  }

  .\32xl\:-rotate-180 {
    --tw-rotate: -180deg;
  }

  .\32xl\:-rotate-90 {
    --tw-rotate: -90deg;
  }

  .\32xl\:-rotate-45 {
    --tw-rotate: -45deg;
  }

  .\32xl\:-rotate-12 {
    --tw-rotate: -12deg;
  }

  .\32xl\:-rotate-6 {
    --tw-rotate: -6deg;
  }

  .\32xl\:-rotate-3 {
    --tw-rotate: -3deg;
  }

  .\32xl\:-rotate-2 {
    --tw-rotate: -2deg;
  }

  .\32xl\:-rotate-1 {
    --tw-rotate: -1deg;
  }

  .\32xl\:hover\:rotate-0:hover {
    --tw-rotate: 0deg;
  }

  .\32xl\:hover\:rotate-1:hover {
    --tw-rotate: 1deg;
  }

  .\32xl\:hover\:rotate-2:hover {
    --tw-rotate: 2deg;
  }

  .\32xl\:hover\:rotate-3:hover {
    --tw-rotate: 3deg;
  }

  .\32xl\:hover\:rotate-6:hover {
    --tw-rotate: 6deg;
  }

  .\32xl\:hover\:rotate-12:hover {
    --tw-rotate: 12deg;
  }

  .\32xl\:hover\:rotate-45:hover {
    --tw-rotate: 45deg;
  }

  .\32xl\:hover\:rotate-90:hover {
    --tw-rotate: 90deg;
  }

  .\32xl\:hover\:rotate-180:hover {
    --tw-rotate: 180deg;
  }

  .\32xl\:hover\:-rotate-180:hover {
    --tw-rotate: -180deg;
  }

  .\32xl\:hover\:-rotate-90:hover {
    --tw-rotate: -90deg;
  }

  .\32xl\:hover\:-rotate-45:hover {
    --tw-rotate: -45deg;
  }

  .\32xl\:hover\:-rotate-12:hover {
    --tw-rotate: -12deg;
  }

  .\32xl\:hover\:-rotate-6:hover {
    --tw-rotate: -6deg;
  }

  .\32xl\:hover\:-rotate-3:hover {
    --tw-rotate: -3deg;
  }

  .\32xl\:hover\:-rotate-2:hover {
    --tw-rotate: -2deg;
  }

  .\32xl\:hover\:-rotate-1:hover {
    --tw-rotate: -1deg;
  }

  .\32xl\:focus\:rotate-0:focus {
    --tw-rotate: 0deg;
  }

  .\32xl\:focus\:rotate-1:focus {
    --tw-rotate: 1deg;
  }

  .\32xl\:focus\:rotate-2:focus {
    --tw-rotate: 2deg;
  }

  .\32xl\:focus\:rotate-3:focus {
    --tw-rotate: 3deg;
  }

  .\32xl\:focus\:rotate-6:focus {
    --tw-rotate: 6deg;
  }

  .\32xl\:focus\:rotate-12:focus {
    --tw-rotate: 12deg;
  }

  .\32xl\:focus\:rotate-45:focus {
    --tw-rotate: 45deg;
  }

  .\32xl\:focus\:rotate-90:focus {
    --tw-rotate: 90deg;
  }

  .\32xl\:focus\:rotate-180:focus {
    --tw-rotate: 180deg;
  }

  .\32xl\:focus\:-rotate-180:focus {
    --tw-rotate: -180deg;
  }

  .\32xl\:focus\:-rotate-90:focus {
    --tw-rotate: -90deg;
  }

  .\32xl\:focus\:-rotate-45:focus {
    --tw-rotate: -45deg;
  }

  .\32xl\:focus\:-rotate-12:focus {
    --tw-rotate: -12deg;
  }

  .\32xl\:focus\:-rotate-6:focus {
    --tw-rotate: -6deg;
  }

  .\32xl\:focus\:-rotate-3:focus {
    --tw-rotate: -3deg;
  }

  .\32xl\:focus\:-rotate-2:focus {
    --tw-rotate: -2deg;
  }

  .\32xl\:focus\:-rotate-1:focus {
    --tw-rotate: -1deg;
  }

  .\32xl\:skew-x-0 {
    --tw-skew-x: 0deg;
  }

  .\32xl\:skew-x-1 {
    --tw-skew-x: 1deg;
  }

  .\32xl\:skew-x-2 {
    --tw-skew-x: 2deg;
  }

  .\32xl\:skew-x-3 {
    --tw-skew-x: 3deg;
  }

  .\32xl\:skew-x-6 {
    --tw-skew-x: 6deg;
  }

  .\32xl\:skew-x-12 {
    --tw-skew-x: 12deg;
  }

  .\32xl\:-skew-x-12 {
    --tw-skew-x: -12deg;
  }

  .\32xl\:-skew-x-6 {
    --tw-skew-x: -6deg;
  }

  .\32xl\:-skew-x-3 {
    --tw-skew-x: -3deg;
  }

  .\32xl\:-skew-x-2 {
    --tw-skew-x: -2deg;
  }

  .\32xl\:-skew-x-1 {
    --tw-skew-x: -1deg;
  }

  .\32xl\:skew-y-0 {
    --tw-skew-y: 0deg;
  }

  .\32xl\:skew-y-1 {
    --tw-skew-y: 1deg;
  }

  .\32xl\:skew-y-2 {
    --tw-skew-y: 2deg;
  }

  .\32xl\:skew-y-3 {
    --tw-skew-y: 3deg;
  }

  .\32xl\:skew-y-6 {
    --tw-skew-y: 6deg;
  }

  .\32xl\:skew-y-12 {
    --tw-skew-y: 12deg;
  }

  .\32xl\:-skew-y-12 {
    --tw-skew-y: -12deg;
  }

  .\32xl\:-skew-y-6 {
    --tw-skew-y: -6deg;
  }

  .\32xl\:-skew-y-3 {
    --tw-skew-y: -3deg;
  }

  .\32xl\:-skew-y-2 {
    --tw-skew-y: -2deg;
  }

  .\32xl\:-skew-y-1 {
    --tw-skew-y: -1deg;
  }

  .\32xl\:hover\:skew-x-0:hover {
    --tw-skew-x: 0deg;
  }

  .\32xl\:hover\:skew-x-1:hover {
    --tw-skew-x: 1deg;
  }

  .\32xl\:hover\:skew-x-2:hover {
    --tw-skew-x: 2deg;
  }

  .\32xl\:hover\:skew-x-3:hover {
    --tw-skew-x: 3deg;
  }

  .\32xl\:hover\:skew-x-6:hover {
    --tw-skew-x: 6deg;
  }

  .\32xl\:hover\:skew-x-12:hover {
    --tw-skew-x: 12deg;
  }

  .\32xl\:hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg;
  }

  .\32xl\:hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg;
  }

  .\32xl\:hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg;
  }

  .\32xl\:hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg;
  }

  .\32xl\:hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg;
  }

  .\32xl\:hover\:skew-y-0:hover {
    --tw-skew-y: 0deg;
  }

  .\32xl\:hover\:skew-y-1:hover {
    --tw-skew-y: 1deg;
  }

  .\32xl\:hover\:skew-y-2:hover {
    --tw-skew-y: 2deg;
  }

  .\32xl\:hover\:skew-y-3:hover {
    --tw-skew-y: 3deg;
  }

  .\32xl\:hover\:skew-y-6:hover {
    --tw-skew-y: 6deg;
  }

  .\32xl\:hover\:skew-y-12:hover {
    --tw-skew-y: 12deg;
  }

  .\32xl\:hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg;
  }

  .\32xl\:hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg;
  }

  .\32xl\:hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg;
  }

  .\32xl\:hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg;
  }

  .\32xl\:hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg;
  }

  .\32xl\:focus\:skew-x-0:focus {
    --tw-skew-x: 0deg;
  }

  .\32xl\:focus\:skew-x-1:focus {
    --tw-skew-x: 1deg;
  }

  .\32xl\:focus\:skew-x-2:focus {
    --tw-skew-x: 2deg;
  }

  .\32xl\:focus\:skew-x-3:focus {
    --tw-skew-x: 3deg;
  }

  .\32xl\:focus\:skew-x-6:focus {
    --tw-skew-x: 6deg;
  }

  .\32xl\:focus\:skew-x-12:focus {
    --tw-skew-x: 12deg;
  }

  .\32xl\:focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg;
  }

  .\32xl\:focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg;
  }

  .\32xl\:focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg;
  }

  .\32xl\:focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg;
  }

  .\32xl\:focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg;
  }

  .\32xl\:focus\:skew-y-0:focus {
    --tw-skew-y: 0deg;
  }

  .\32xl\:focus\:skew-y-1:focus {
    --tw-skew-y: 1deg;
  }

  .\32xl\:focus\:skew-y-2:focus {
    --tw-skew-y: 2deg;
  }

  .\32xl\:focus\:skew-y-3:focus {
    --tw-skew-y: 3deg;
  }

  .\32xl\:focus\:skew-y-6:focus {
    --tw-skew-y: 6deg;
  }

  .\32xl\:focus\:skew-y-12:focus {
    --tw-skew-y: 12deg;
  }

  .\32xl\:focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg;
  }

  .\32xl\:focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg;
  }

  .\32xl\:focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg;
  }

  .\32xl\:focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg;
  }

  .\32xl\:focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg;
  }

  .\32xl\:scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .\32xl\:scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .\32xl\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .\32xl\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .\32xl\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .\32xl\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .\32xl\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .\32xl\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .\32xl\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .\32xl\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .\32xl\:hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .\32xl\:hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .\32xl\:hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .\32xl\:hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .\32xl\:hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .\32xl\:hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .\32xl\:hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .\32xl\:hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .\32xl\:hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .\32xl\:hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .\32xl\:focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
  }

  .\32xl\:focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
  }

  .\32xl\:focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
  }

  .\32xl\:focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
  }

  .\32xl\:focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
  }

  .\32xl\:focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
  }

  .\32xl\:focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
  }

  .\32xl\:focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
  }

  .\32xl\:focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
  }

  .\32xl\:focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
  }

  .\32xl\:scale-x-0 {
    --tw-scale-x: 0;
  }

  .\32xl\:scale-x-50 {
    --tw-scale-x: .5;
  }

  .\32xl\:scale-x-75 {
    --tw-scale-x: .75;
  }

  .\32xl\:scale-x-90 {
    --tw-scale-x: .9;
  }

  .\32xl\:scale-x-95 {
    --tw-scale-x: .95;
  }

  .\32xl\:scale-x-100 {
    --tw-scale-x: 1;
  }

  .\32xl\:scale-x-105 {
    --tw-scale-x: 1.05;
  }

  .\32xl\:scale-x-110 {
    --tw-scale-x: 1.1;
  }

  .\32xl\:scale-x-125 {
    --tw-scale-x: 1.25;
  }

  .\32xl\:scale-x-150 {
    --tw-scale-x: 1.5;
  }

  .\32xl\:scale-y-0 {
    --tw-scale-y: 0;
  }

  .\32xl\:scale-y-50 {
    --tw-scale-y: .5;
  }

  .\32xl\:scale-y-75 {
    --tw-scale-y: .75;
  }

  .\32xl\:scale-y-90 {
    --tw-scale-y: .9;
  }

  .\32xl\:scale-y-95 {
    --tw-scale-y: .95;
  }

  .\32xl\:scale-y-100 {
    --tw-scale-y: 1;
  }

  .\32xl\:scale-y-105 {
    --tw-scale-y: 1.05;
  }

  .\32xl\:scale-y-110 {
    --tw-scale-y: 1.1;
  }

  .\32xl\:scale-y-125 {
    --tw-scale-y: 1.25;
  }

  .\32xl\:scale-y-150 {
    --tw-scale-y: 1.5;
  }

  .\32xl\:hover\:scale-x-0:hover {
    --tw-scale-x: 0;
  }

  .\32xl\:hover\:scale-x-50:hover {
    --tw-scale-x: .5;
  }

  .\32xl\:hover\:scale-x-75:hover {
    --tw-scale-x: .75;
  }

  .\32xl\:hover\:scale-x-90:hover {
    --tw-scale-x: .9;
  }

  .\32xl\:hover\:scale-x-95:hover {
    --tw-scale-x: .95;
  }

  .\32xl\:hover\:scale-x-100:hover {
    --tw-scale-x: 1;
  }

  .\32xl\:hover\:scale-x-105:hover {
    --tw-scale-x: 1.05;
  }

  .\32xl\:hover\:scale-x-110:hover {
    --tw-scale-x: 1.1;
  }

  .\32xl\:hover\:scale-x-125:hover {
    --tw-scale-x: 1.25;
  }

  .\32xl\:hover\:scale-x-150:hover {
    --tw-scale-x: 1.5;
  }

  .\32xl\:hover\:scale-y-0:hover {
    --tw-scale-y: 0;
  }

  .\32xl\:hover\:scale-y-50:hover {
    --tw-scale-y: .5;
  }

  .\32xl\:hover\:scale-y-75:hover {
    --tw-scale-y: .75;
  }

  .\32xl\:hover\:scale-y-90:hover {
    --tw-scale-y: .9;
  }

  .\32xl\:hover\:scale-y-95:hover {
    --tw-scale-y: .95;
  }

  .\32xl\:hover\:scale-y-100:hover {
    --tw-scale-y: 1;
  }

  .\32xl\:hover\:scale-y-105:hover {
    --tw-scale-y: 1.05;
  }

  .\32xl\:hover\:scale-y-110:hover {
    --tw-scale-y: 1.1;
  }

  .\32xl\:hover\:scale-y-125:hover {
    --tw-scale-y: 1.25;
  }

  .\32xl\:hover\:scale-y-150:hover {
    --tw-scale-y: 1.5;
  }

  .\32xl\:focus\:scale-x-0:focus {
    --tw-scale-x: 0;
  }

  .\32xl\:focus\:scale-x-50:focus {
    --tw-scale-x: .5;
  }

  .\32xl\:focus\:scale-x-75:focus {
    --tw-scale-x: .75;
  }

  .\32xl\:focus\:scale-x-90:focus {
    --tw-scale-x: .9;
  }

  .\32xl\:focus\:scale-x-95:focus {
    --tw-scale-x: .95;
  }

  .\32xl\:focus\:scale-x-100:focus {
    --tw-scale-x: 1;
  }

  .\32xl\:focus\:scale-x-105:focus {
    --tw-scale-x: 1.05;
  }

  .\32xl\:focus\:scale-x-110:focus {
    --tw-scale-x: 1.1;
  }

  .\32xl\:focus\:scale-x-125:focus {
    --tw-scale-x: 1.25;
  }

  .\32xl\:focus\:scale-x-150:focus {
    --tw-scale-x: 1.5;
  }

  .\32xl\:focus\:scale-y-0:focus {
    --tw-scale-y: 0;
  }

  .\32xl\:focus\:scale-y-50:focus {
    --tw-scale-y: .5;
  }

  .\32xl\:focus\:scale-y-75:focus {
    --tw-scale-y: .75;
  }

  .\32xl\:focus\:scale-y-90:focus {
    --tw-scale-y: .9;
  }

  .\32xl\:focus\:scale-y-95:focus {
    --tw-scale-y: .95;
  }

  .\32xl\:focus\:scale-y-100:focus {
    --tw-scale-y: 1;
  }

  .\32xl\:focus\:scale-y-105:focus {
    --tw-scale-y: 1.05;
  }

  .\32xl\:focus\:scale-y-110:focus {
    --tw-scale-y: 1.1;
  }

  .\32xl\:focus\:scale-y-125:focus {
    --tw-scale-y: 1.25;
  }

  .\32xl\:focus\:scale-y-150:focus {
    --tw-scale-y: 1.5;
  }

  .\32xl\:animate-none {
    -webkit-animation: none;
            animation: none;
  }

  .\32xl\:animate-spin {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .\32xl\:animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .\32xl\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .\32xl\:animate-bounce {
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }

  .\32xl\:cursor-auto {
    cursor: auto;
  }

  .\32xl\:cursor-default {
    cursor: default;
  }

  .\32xl\:cursor-pointer {
    cursor: pointer;
  }

  .\32xl\:cursor-wait {
    cursor: wait;
  }

  .\32xl\:cursor-text {
    cursor: text;
  }

  .\32xl\:cursor-move {
    cursor: move;
  }

  .\32xl\:cursor-help {
    cursor: help;
  }

  .\32xl\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .\32xl\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .\32xl\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .\32xl\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .\32xl\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .\32xl\:resize-none {
    resize: none;
  }

  .\32xl\:resize-y {
    resize: vertical;
  }

  .\32xl\:resize-x {
    resize: horizontal;
  }

  .\32xl\:resize {
    resize: both;
  }

  .\32xl\:list-inside {
    list-style-position: inside;
  }

  .\32xl\:list-outside {
    list-style-position: outside;
  }

  .\32xl\:list-none {
    list-style-type: none;
  }

  .\32xl\:list-disc {
    list-style-type: disc;
  }

  .\32xl\:list-decimal {
    list-style-type: decimal;
  }

  .\32xl\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .\32xl\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .\32xl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .\32xl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .\32xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .\32xl\:grid-flow-row {
    grid-auto-flow: row;
  }

  .\32xl\:grid-flow-col {
    grid-auto-flow: column;
  }

  .\32xl\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .\32xl\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .\32xl\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .\32xl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .\32xl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .\32xl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .\32xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-none {
    grid-template-columns: none;
  }

  .\32xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .\32xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .\32xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .\32xl\:grid-rows-none {
    grid-template-rows: none;
  }

  .\32xl\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .\32xl\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .\32xl\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .\32xl\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .\32xl\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .\32xl\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .\32xl\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .\32xl\:place-content-center {
    place-content: center;
  }

  .\32xl\:place-content-start {
    place-content: start;
  }

  .\32xl\:place-content-end {
    place-content: end;
  }

  .\32xl\:place-content-between {
    place-content: space-between;
  }

  .\32xl\:place-content-around {
    place-content: space-around;
  }

  .\32xl\:place-content-evenly {
    place-content: space-evenly;
  }

  .\32xl\:place-content-stretch {
    place-content: stretch;
  }

  .\32xl\:place-items-start {
    place-items: start;
  }

  .\32xl\:place-items-end {
    place-items: end;
  }

  .\32xl\:place-items-center {
    place-items: center;
  }

  .\32xl\:place-items-stretch {
    place-items: stretch;
  }

  .\32xl\:content-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .\32xl\:content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .\32xl\:content-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .\32xl\:content-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .\32xl\:content-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .\32xl\:content-evenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }

  .\32xl\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .\32xl\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .\32xl\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .\32xl\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .\32xl\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .\32xl\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .\32xl\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .\32xl\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .\32xl\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .\32xl\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .\32xl\:justify-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .\32xl\:justify-items-start {
    justify-items: start;
  }

  .\32xl\:justify-items-end {
    justify-items: end;
  }

  .\32xl\:justify-items-center {
    justify-items: center;
  }

  .\32xl\:justify-items-stretch {
    justify-items: stretch;
  }

  .\32xl\:gap-0 {
    gap: 0px;
  }

  .\32xl\:gap-1 {
    gap: 0.25rem;
  }

  .\32xl\:gap-2 {
    gap: 0.5rem;
  }

  .\32xl\:gap-3 {
    gap: 0.75rem;
  }

  .\32xl\:gap-4 {
    gap: 1rem;
  }

  .\32xl\:gap-5 {
    gap: 1.25rem;
  }

  .\32xl\:gap-6 {
    gap: 1.5rem;
  }

  .\32xl\:gap-7 {
    gap: 1.75rem;
  }

  .\32xl\:gap-8 {
    gap: 2rem;
  }

  .\32xl\:gap-9 {
    gap: 2.25rem;
  }

  .\32xl\:gap-10 {
    gap: 2.5rem;
  }

  .\32xl\:gap-11 {
    gap: 2.75rem;
  }

  .\32xl\:gap-12 {
    gap: 3rem;
  }

  .\32xl\:gap-14 {
    gap: 3.5rem;
  }

  .\32xl\:gap-16 {
    gap: 4rem;
  }

  .\32xl\:gap-20 {
    gap: 5rem;
  }

  .\32xl\:gap-24 {
    gap: 6rem;
  }

  .\32xl\:gap-28 {
    gap: 7rem;
  }

  .\32xl\:gap-32 {
    gap: 8rem;
  }

  .\32xl\:gap-36 {
    gap: 9rem;
  }

  .\32xl\:gap-40 {
    gap: 10rem;
  }

  .\32xl\:gap-44 {
    gap: 11rem;
  }

  .\32xl\:gap-48 {
    gap: 12rem;
  }

  .\32xl\:gap-52 {
    gap: 13rem;
  }

  .\32xl\:gap-56 {
    gap: 14rem;
  }

  .\32xl\:gap-60 {
    gap: 15rem;
  }

  .\32xl\:gap-64 {
    gap: 16rem;
  }

  .\32xl\:gap-72 {
    gap: 18rem;
  }

  .\32xl\:gap-80 {
    gap: 20rem;
  }

  .\32xl\:gap-96 {
    gap: 24rem;
  }

  .\32xl\:gap-px {
    gap: 1px;
  }

  .\32xl\:gap-0\.5 {
    gap: 0.125rem;
  }

  .\32xl\:gap-1\.5 {
    gap: 0.375rem;
  }

  .\32xl\:gap-2\.5 {
    gap: 0.625rem;
  }

  .\32xl\:gap-3\.5 {
    gap: 0.875rem;
  }

  .\32xl\:gap-x-0 {
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
  }

  .\32xl\:gap-x-1 {
    -webkit-column-gap: 0.25rem;
       -moz-column-gap: 0.25rem;
            column-gap: 0.25rem;
  }

  .\32xl\:gap-x-2 {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }

  .\32xl\:gap-x-3 {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .\32xl\:gap-x-4 {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .\32xl\:gap-x-5 {
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }

  .\32xl\:gap-x-6 {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }

  .\32xl\:gap-x-7 {
    -webkit-column-gap: 1.75rem;
       -moz-column-gap: 1.75rem;
            column-gap: 1.75rem;
  }

  .\32xl\:gap-x-8 {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }

  .\32xl\:gap-x-9 {
    -webkit-column-gap: 2.25rem;
       -moz-column-gap: 2.25rem;
            column-gap: 2.25rem;
  }

  .\32xl\:gap-x-10 {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .\32xl\:gap-x-11 {
    -webkit-column-gap: 2.75rem;
       -moz-column-gap: 2.75rem;
            column-gap: 2.75rem;
  }

  .\32xl\:gap-x-12 {
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }

  .\32xl\:gap-x-14 {
    -webkit-column-gap: 3.5rem;
       -moz-column-gap: 3.5rem;
            column-gap: 3.5rem;
  }

  .\32xl\:gap-x-16 {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }

  .\32xl\:gap-x-20 {
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .\32xl\:gap-x-24 {
    -webkit-column-gap: 6rem;
       -moz-column-gap: 6rem;
            column-gap: 6rem;
  }

  .\32xl\:gap-x-28 {
    -webkit-column-gap: 7rem;
       -moz-column-gap: 7rem;
            column-gap: 7rem;
  }

  .\32xl\:gap-x-32 {
    -webkit-column-gap: 8rem;
       -moz-column-gap: 8rem;
            column-gap: 8rem;
  }

  .\32xl\:gap-x-36 {
    -webkit-column-gap: 9rem;
       -moz-column-gap: 9rem;
            column-gap: 9rem;
  }

  .\32xl\:gap-x-40 {
    -webkit-column-gap: 10rem;
       -moz-column-gap: 10rem;
            column-gap: 10rem;
  }

  .\32xl\:gap-x-44 {
    -webkit-column-gap: 11rem;
       -moz-column-gap: 11rem;
            column-gap: 11rem;
  }

  .\32xl\:gap-x-48 {
    -webkit-column-gap: 12rem;
       -moz-column-gap: 12rem;
            column-gap: 12rem;
  }

  .\32xl\:gap-x-52 {
    -webkit-column-gap: 13rem;
       -moz-column-gap: 13rem;
            column-gap: 13rem;
  }

  .\32xl\:gap-x-56 {
    -webkit-column-gap: 14rem;
       -moz-column-gap: 14rem;
            column-gap: 14rem;
  }

  .\32xl\:gap-x-60 {
    -webkit-column-gap: 15rem;
       -moz-column-gap: 15rem;
            column-gap: 15rem;
  }

  .\32xl\:gap-x-64 {
    -webkit-column-gap: 16rem;
       -moz-column-gap: 16rem;
            column-gap: 16rem;
  }

  .\32xl\:gap-x-72 {
    -webkit-column-gap: 18rem;
       -moz-column-gap: 18rem;
            column-gap: 18rem;
  }

  .\32xl\:gap-x-80 {
    -webkit-column-gap: 20rem;
       -moz-column-gap: 20rem;
            column-gap: 20rem;
  }

  .\32xl\:gap-x-96 {
    -webkit-column-gap: 24rem;
       -moz-column-gap: 24rem;
            column-gap: 24rem;
  }

  .\32xl\:gap-x-px {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }

  .\32xl\:gap-x-0\.5 {
    -webkit-column-gap: 0.125rem;
       -moz-column-gap: 0.125rem;
            column-gap: 0.125rem;
  }

  .\32xl\:gap-x-1\.5 {
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
  }

  .\32xl\:gap-x-2\.5 {
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }

  .\32xl\:gap-x-3\.5 {
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
  }

  .\32xl\:gap-y-0 {
    row-gap: 0px;
  }

  .\32xl\:gap-y-1 {
    row-gap: 0.25rem;
  }

  .\32xl\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .\32xl\:gap-y-3 {
    row-gap: 0.75rem;
  }

  .\32xl\:gap-y-4 {
    row-gap: 1rem;
  }

  .\32xl\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .\32xl\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .\32xl\:gap-y-7 {
    row-gap: 1.75rem;
  }

  .\32xl\:gap-y-8 {
    row-gap: 2rem;
  }

  .\32xl\:gap-y-9 {
    row-gap: 2.25rem;
  }

  .\32xl\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .\32xl\:gap-y-11 {
    row-gap: 2.75rem;
  }

  .\32xl\:gap-y-12 {
    row-gap: 3rem;
  }

  .\32xl\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .\32xl\:gap-y-16 {
    row-gap: 4rem;
  }

  .\32xl\:gap-y-20 {
    row-gap: 5rem;
  }

  .\32xl\:gap-y-24 {
    row-gap: 6rem;
  }

  .\32xl\:gap-y-28 {
    row-gap: 7rem;
  }

  .\32xl\:gap-y-32 {
    row-gap: 8rem;
  }

  .\32xl\:gap-y-36 {
    row-gap: 9rem;
  }

  .\32xl\:gap-y-40 {
    row-gap: 10rem;
  }

  .\32xl\:gap-y-44 {
    row-gap: 11rem;
  }

  .\32xl\:gap-y-48 {
    row-gap: 12rem;
  }

  .\32xl\:gap-y-52 {
    row-gap: 13rem;
  }

  .\32xl\:gap-y-56 {
    row-gap: 14rem;
  }

  .\32xl\:gap-y-60 {
    row-gap: 15rem;
  }

  .\32xl\:gap-y-64 {
    row-gap: 16rem;
  }

  .\32xl\:gap-y-72 {
    row-gap: 18rem;
  }

  .\32xl\:gap-y-80 {
    row-gap: 20rem;
  }

  .\32xl\:gap-y-96 {
    row-gap: 24rem;
  }

  .\32xl\:gap-y-px {
    row-gap: 1px;
  }

  .\32xl\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }

  .\32xl\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }

  .\32xl\:gap-y-2\.5 {
    row-gap: 0.625rem;
  }

  .\32xl\:gap-y-3\.5 {
    row-gap: 0.875rem;
  }

  .\32xl\: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)));
  }

  .\32xl\: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)));
  }

  .\32xl\: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)));
  }

  .\32xl\: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)));
  }

  .\32xl\: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)));
  }

  .\32xl\: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)));
  }

  .\32xl\: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)));
  }

  .\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\: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)));
  }

  .\32xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(6rem * var(--tw-space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(7rem * var(--tw-space-x-reverse));
    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8rem * var(--tw-space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(9rem * var(--tw-space-x-reverse));
    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10rem * var(--tw-space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(11rem * var(--tw-space-x-reverse));
    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12rem * var(--tw-space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(13rem * var(--tw-space-x-reverse));
    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14rem * var(--tw-space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(15rem * var(--tw-space-x-reverse));
    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16rem * var(--tw-space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(18rem * var(--tw-space-x-reverse));
    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(20rem * var(--tw-space-x-reverse));
    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24rem * var(--tw-space-x-reverse));
    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1px * var(--tw-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\: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)));
  }

  .\32xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3rem * var(--tw-space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4rem * var(--tw-space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5rem * var(--tw-space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6rem * var(--tw-space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-7rem * var(--tw-space-x-reverse));
    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8rem * var(--tw-space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-9rem * var(--tw-space-x-reverse));
    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-10rem * var(--tw-space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-11rem * var(--tw-space-x-reverse));
    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-12rem * var(--tw-space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-13rem * var(--tw-space-x-reverse));
    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-14rem * var(--tw-space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-15rem * var(--tw-space-x-reverse));
    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-16rem * var(--tw-space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-18rem * var(--tw-space-x-reverse));
    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-20rem * var(--tw-space-x-reverse));
    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-24rem * var(--tw-space-x-reverse));
    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-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)));
  }

  .\32xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
  }

  .\32xl\: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));
  }

  .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .\32xl\: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));
  }

  .\32xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
  }

  .\32xl\: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));
  }

  .\32xl\: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));
  }

  .\32xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-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));
  }

  .\32xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-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));
  }

  .\32xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  }

  .\32xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
  }

  .\32xl\:-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));
  }

  .\32xl\:-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));
  }

  .\32xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
  }

  .\32xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 1;
  }

  .\32xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }

  .\32xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px * var(--tw-divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .\32xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .\32xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px * var(--tw-divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .\32xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(8px * var(--tw-divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .\32xl\:divide-x > :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)));
  }

  .\32xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --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));
  }

  .\32xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  }

  .\32xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
  }

  .\32xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
  }

  .\32xl\: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));
  }

  .\32xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 1;
  }

  .\32xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
  }

  .\32xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
  }

  .\32xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
    border-style: dotted;
  }

  .\32xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
    border-style: double;
  }

  .\32xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
    border-style: none;
  }

  .\32xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
    border-color: transparent;
  }

  .\32xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
    border-color: currentColor;
  }

  .\32xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
  }

  .\32xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
  }

  .\32xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
  }

  .\32xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
  }

  .\32xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
  }

  .\32xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
  }

  .\32xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
  }

  .\32xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
  }

  .\32xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
  }

  .\32xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
  }

  .\32xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0;
  }

  .\32xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.05;
  }

  .\32xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.1;
  }

  .\32xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.2;
  }

  .\32xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.25;
  }

  .\32xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.3;
  }

  .\32xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.4;
  }

  .\32xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.5;
  }

  .\32xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.6;
  }

  .\32xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.7;
  }

  .\32xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.75;
  }

  .\32xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.8;
  }

  .\32xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.9;
  }

  .\32xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95;
  }

  .\32xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
  }

  .\32xl\:place-self-auto {
    place-self: auto;
  }

  .\32xl\:place-self-start {
    place-self: start;
  }

  .\32xl\:place-self-end {
    place-self: end;
  }

  .\32xl\:place-self-center {
    place-self: center;
  }

  .\32xl\:place-self-stretch {
    place-self: stretch;
  }

  .\32xl\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }

  .\32xl\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .\32xl\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .\32xl\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .\32xl\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .\32xl\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .\32xl\:justify-self-auto {
    justify-self: auto;
  }

  .\32xl\:justify-self-start {
    justify-self: start;
  }

  .\32xl\:justify-self-end {
    justify-self: end;
  }

  .\32xl\:justify-self-center {
    justify-self: center;
  }

  .\32xl\:justify-self-stretch {
    justify-self: stretch;
  }

  .\32xl\:overflow-auto {
    overflow: auto;
  }

  .\32xl\:overflow-hidden {
    overflow: hidden;
  }

  .\32xl\:overflow-visible {
    overflow: visible;
  }

  .\32xl\:overflow-scroll {
    overflow: scroll;
  }

  .\32xl\:overflow-x-auto {
    overflow-x: auto;
  }

  .\32xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .\32xl\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .\32xl\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .\32xl\:overflow-x-visible {
    overflow-x: visible;
  }

  .\32xl\:overflow-y-visible {
    overflow-y: visible;
  }

  .\32xl\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .\32xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .\32xl\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .\32xl\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .\32xl\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .\32xl\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .\32xl\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .\32xl\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .\32xl\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .\32xl\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .\32xl\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .\32xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .\32xl\:overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .\32xl\:overflow-clip {
    text-overflow: clip;
  }

  .\32xl\:whitespace-normal {
    white-space: normal;
  }

  .\32xl\:whitespace-nowrap {
    white-space: nowrap;
  }

  .\32xl\:whitespace-pre {
    white-space: pre;
  }

  .\32xl\:whitespace-pre-line {
    white-space: pre-line;
  }

  .\32xl\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\32xl\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .\32xl\:break-words {
    overflow-wrap: break-word;
  }

  .\32xl\:break-all {
    word-break: break-all;
  }

  .\32xl\:rounded-none {
    border-radius: 0px;
  }

  .\32xl\:rounded-sm {
    border-radius: 0.125rem;
  }

  .\32xl\:rounded {
    border-radius: 0.25rem;
  }

  .\32xl\:rounded-md {
    border-radius: 0.375rem;
  }

  .\32xl\:rounded-lg {
    border-radius: 0.5rem;
  }

  .\32xl\:rounded-xl {
    border-radius: 0.75rem;
  }

  .\32xl\:rounded-2xl {
    border-radius: 1rem;
  }

  .\32xl\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .\32xl\:rounded-full {
    border-radius: 9999px;
  }

  .\32xl\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .\32xl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .\32xl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .\32xl\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .\32xl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .\32xl\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .\32xl\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .\32xl\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .\32xl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .\32xl\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .\32xl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .\32xl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .\32xl\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .\32xl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .\32xl\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .\32xl\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .\32xl\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .\32xl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .\32xl\:rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .\32xl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .\32xl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .\32xl\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .\32xl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .\32xl\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .\32xl\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .\32xl\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .\32xl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .\32xl\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .\32xl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .\32xl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .\32xl\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .\32xl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .\32xl\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .\32xl\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .\32xl\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .\32xl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .\32xl\:rounded-tl-none {
    border-top-left-radius: 0px;
  }

  .\32xl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .\32xl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .\32xl\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .\32xl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .\32xl\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .\32xl\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .\32xl\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .\32xl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .\32xl\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .\32xl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .\32xl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .\32xl\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .\32xl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .\32xl\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .\32xl\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .\32xl\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .\32xl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .\32xl\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }

  .\32xl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .\32xl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .\32xl\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .\32xl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .\32xl\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .\32xl\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .\32xl\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .\32xl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .\32xl\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }

  .\32xl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .\32xl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .\32xl\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .\32xl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .\32xl\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .\32xl\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .\32xl\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .\32xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .\32xl\:border-0 {
    border-width: 0px;
  }

  .\32xl\:border-2 {
    border-width: 2px;
  }

  .\32xl\:border-4 {
    border-width: 4px;
  }

  .\32xl\:border-8 {
    border-width: 8px;
  }

  .\32xl\:border {
    border-width: 1px;
  }

  .\32xl\:border-t-0 {
    border-top-width: 0px;
  }

  .\32xl\:border-t-2 {
    border-top-width: 2px;
  }

  .\32xl\:border-t-4 {
    border-top-width: 4px;
  }

  .\32xl\:border-t-8 {
    border-top-width: 8px;
  }

  .\32xl\:border-t {
    border-top-width: 1px;
  }

  .\32xl\:border-r-0 {
    border-right-width: 0px;
  }

  .\32xl\:border-r-2 {
    border-right-width: 2px;
  }

  .\32xl\:border-r-4 {
    border-right-width: 4px;
  }

  .\32xl\:border-r-8 {
    border-right-width: 8px;
  }

  .\32xl\:border-r {
    border-right-width: 1px;
  }

  .\32xl\:border-b-0 {
    border-bottom-width: 0px;
  }

  .\32xl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .\32xl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .\32xl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .\32xl\:border-b {
    border-bottom-width: 1px;
  }

  .\32xl\:border-l-0 {
    border-left-width: 0px;
  }

  .\32xl\:border-l-2 {
    border-left-width: 2px;
  }

  .\32xl\:border-l-4 {
    border-left-width: 4px;
  }

  .\32xl\:border-l-8 {
    border-left-width: 8px;
  }

  .\32xl\:border-l {
    border-left-width: 1px;
  }

  .\32xl\:border-solid {
    border-style: solid;
  }

  .\32xl\:border-dashed {
    border-style: dashed;
  }

  .\32xl\:border-dotted {
    border-style: dotted;
  }

  .\32xl\:border-double {
    border-style: double;
  }

  .\32xl\:border-none {
    border-style: none;
  }

  .\32xl\:border-transparent {
    border-color: transparent;
  }

  .\32xl\:border-current {
    border-color: currentColor;
  }

  .\32xl\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .\32xl\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .\32xl\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .\32xl\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .\32xl\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .\32xl\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .\32xl\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .\32xl\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .\32xl\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .\32xl\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .\32xl\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .\32xl\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .\32xl\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .\32xl\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .\32xl\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .\32xl\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .\32xl\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .\32xl\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .\32xl\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .\32xl\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .\32xl\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .\32xl\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .\32xl\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .\32xl\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .\32xl\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .\32xl\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .\32xl\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .\32xl\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-transparent {
    border-color: transparent;
  }

  .group:hover .\32xl\:group-hover\:border-current {
    border-color: currentColor;
  }

  .group:hover .\32xl\:group-hover\:border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-50 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-50 {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-800 {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-50 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-800 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-green-900 {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-800 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-50 {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-700 {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-800 {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-indigo-900 {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-50 {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-100 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-700 {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-50 {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-800 {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .group:hover .\32xl\:group-hover\:border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-transparent:focus-within {
    border-color: transparent;
  }

  .\32xl\:focus-within\:border-current:focus-within {
    border-color: currentColor;
  }

  .\32xl\:focus-within\:border-black:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-white:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-gray-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-red-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-yellow-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-green-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-blue-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-indigo-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-purple-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-50:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-100:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-200:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-600:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-700:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-800:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .\32xl\:focus-within\:border-pink-900:focus-within {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .\32xl\:hover\:border-current:hover {
    border-color: currentColor;
  }

  .\32xl\:hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-red-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-yellow-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-green-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-blue-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-indigo-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-purple-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-50:hover {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-100:hover {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-600:hover {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-700:hover {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-800:hover {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .\32xl\:hover\:border-pink-900:hover {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .\32xl\:focus\:border-current:focus {
    border-color: currentColor;
  }

  .\32xl\:focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-red-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-yellow-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-green-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-blue-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-indigo-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-purple-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-50:focus {
    --tw-border-opacity: 1;
    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-100:focus {
    --tw-border-opacity: 1;
    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-200:focus {
    --tw-border-opacity: 1;
    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-300:focus {
    --tw-border-opacity: 1;
    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-800:focus {
    --tw-border-opacity: 1;
    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
  }

  .\32xl\:focus\:border-pink-900:focus {
    --tw-border-opacity: 1;
    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
  }

  .\32xl\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .\32xl\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .\32xl\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .\32xl\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .\32xl\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .\32xl\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .\32xl\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .\32xl\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .\32xl\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .\32xl\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .\32xl\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .\32xl\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .\32xl\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .\32xl\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .\32xl\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-0 {
    --tw-border-opacity: 0;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95;
  }

  .group:hover .\32xl\:group-hover\:border-opacity-100 {
    --tw-border-opacity: 1;
  }

  .\32xl\:focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0;
  }

  .\32xl\:focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05;
  }

  .\32xl\:focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1;
  }

  .\32xl\:focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2;
  }

  .\32xl\:focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25;
  }

  .\32xl\:focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3;
  }

  .\32xl\:focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4;
  }

  .\32xl\:focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5;
  }

  .\32xl\:focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6;
  }

  .\32xl\:focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7;
  }

  .\32xl\:focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75;
  }

  .\32xl\:focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8;
  }

  .\32xl\:focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9;
  }

  .\32xl\:focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95;
  }

  .\32xl\:focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1;
  }

  .\32xl\:hover\:border-opacity-0:hover {
    --tw-border-opacity: 0;
  }

  .\32xl\:hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05;
  }

  .\32xl\:hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1;
  }

  .\32xl\:hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2;
  }

  .\32xl\:hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25;
  }

  .\32xl\:hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3;
  }

  .\32xl\:hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4;
  }

  .\32xl\:hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5;
  }

  .\32xl\:hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6;
  }

  .\32xl\:hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7;
  }

  .\32xl\:hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75;
  }

  .\32xl\:hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8;
  }

  .\32xl\:hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9;
  }

  .\32xl\:hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95;
  }

  .\32xl\:hover\:border-opacity-100:hover {
    --tw-border-opacity: 1;
  }

  .\32xl\:focus\:border-opacity-0:focus {
    --tw-border-opacity: 0;
  }

  .\32xl\:focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05;
  }

  .\32xl\:focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1;
  }

  .\32xl\:focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2;
  }

  .\32xl\:focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25;
  }

  .\32xl\:focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3;
  }

  .\32xl\:focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4;
  }

  .\32xl\:focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5;
  }

  .\32xl\:focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6;
  }

  .\32xl\:focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7;
  }

  .\32xl\:focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75;
  }

  .\32xl\:focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8;
  }

  .\32xl\:focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9;
  }

  .\32xl\:focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95;
  }

  .\32xl\:focus\:border-opacity-100:focus {
    --tw-border-opacity: 1;
  }

  .\32xl\:bg-transparent {
    background-color: transparent;
  }

  .\32xl\:bg-current {
    background-color: currentColor;
  }

  .\32xl\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .\32xl\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .\32xl\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .\32xl\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .\32xl\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .\32xl\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .\32xl\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .\32xl\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .\32xl\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .\32xl\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-transparent {
    background-color: transparent;
  }

  .group:hover .\32xl\:group-hover\:bg-current {
    background-color: currentColor;
  }

  .group:hover .\32xl\:group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .group:hover .\32xl\:group-hover\:bg-pink-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-transparent:focus-within {
    background-color: transparent;
  }

  .\32xl\:focus-within\:bg-current:focus-within {
    background-color: currentColor;
  }

  .\32xl\:focus-within\:bg-black:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-white:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-gray-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-red-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-yellow-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-green-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-blue-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-indigo-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-purple-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-50:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-200:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-300:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-400:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-500:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-600:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-700:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-800:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .\32xl\:focus-within\:bg-pink-900:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .\32xl\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  .\32xl\:hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-green-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-purple-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .\32xl\:hover\:bg-pink-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .\32xl\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  .\32xl\:focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-gray-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-red-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-yellow-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-green-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-blue-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-indigo-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-purple-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
  }

  .\32xl\:focus\:bg-pink-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
  }

  .\32xl\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .\32xl\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .\32xl\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .\32xl\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .\32xl\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .\32xl\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .\32xl\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .\32xl\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .\32xl\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .\32xl\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .\32xl\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .\32xl\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .\32xl\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .\32xl\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .\32xl\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95;
  }

  .group:hover .\32xl\:group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .\32xl\:focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0;
  }

  .\32xl\:focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05;
  }

  .\32xl\:focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1;
  }

  .\32xl\:focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2;
  }

  .\32xl\:focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25;
  }

  .\32xl\:focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3;
  }

  .\32xl\:focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4;
  }

  .\32xl\:focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5;
  }

  .\32xl\:focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6;
  }

  .\32xl\:focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7;
  }

  .\32xl\:focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75;
  }

  .\32xl\:focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8;
  }

  .\32xl\:focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9;
  }

  .\32xl\:focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95;
  }

  .\32xl\:focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1;
  }

  .\32xl\:hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0;
  }

  .\32xl\:hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
  }

  .\32xl\:hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
  }

  .\32xl\:hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
  }

  .\32xl\:hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25;
  }

  .\32xl\:hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3;
  }

  .\32xl\:hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4;
  }

  .\32xl\:hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5;
  }

  .\32xl\:hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6;
  }

  .\32xl\:hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7;
  }

  .\32xl\:hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75;
  }

  .\32xl\:hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8;
  }

  .\32xl\:hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9;
  }

  .\32xl\:hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95;
  }

  .\32xl\:hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1;
  }

  .\32xl\:focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0;
  }

  .\32xl\:focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05;
  }

  .\32xl\:focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1;
  }

  .\32xl\:focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2;
  }

  .\32xl\:focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25;
  }

  .\32xl\:focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3;
  }

  .\32xl\:focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4;
  }

  .\32xl\:focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5;
  }

  .\32xl\:focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6;
  }

  .\32xl\:focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7;
  }

  .\32xl\:focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75;
  }

  .\32xl\:focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8;
  }

  .\32xl\:focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9;
  }

  .\32xl\:focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95;
  }

  .\32xl\:focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1;
  }

  .\32xl\:bg-none {
    background-image: none;
  }

  .\32xl\:bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-tr {
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-r {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-bl {
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-l {
    background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }

  .\32xl\:bg-gradient-to-tl {
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
  }

  .\32xl\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:from-current {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:from-black {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:from-gray-50 {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .\32xl\:from-gray-100 {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .\32xl\:from-gray-200 {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .\32xl\:from-gray-300 {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .\32xl\:from-gray-400 {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .\32xl\:from-gray-500 {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .\32xl\:from-gray-600 {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .\32xl\:from-gray-700 {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .\32xl\:from-gray-800 {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .\32xl\:from-gray-900 {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .\32xl\:from-red-50 {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .\32xl\:from-red-100 {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .\32xl\:from-red-200 {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .\32xl\:from-red-300 {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .\32xl\:from-red-400 {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .\32xl\:from-red-500 {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .\32xl\:from-red-600 {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .\32xl\:from-red-700 {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .\32xl\:from-red-800 {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .\32xl\:from-red-900 {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .\32xl\:from-yellow-50 {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .\32xl\:from-yellow-100 {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .\32xl\:from-yellow-200 {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .\32xl\:from-yellow-300 {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .\32xl\:from-yellow-400 {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .\32xl\:from-yellow-500 {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .\32xl\:from-yellow-600 {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .\32xl\:from-yellow-700 {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .\32xl\:from-yellow-800 {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .\32xl\:from-yellow-900 {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .\32xl\:from-green-50 {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .\32xl\:from-green-100 {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .\32xl\:from-green-200 {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .\32xl\:from-green-300 {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .\32xl\:from-green-400 {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .\32xl\:from-green-500 {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .\32xl\:from-green-600 {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .\32xl\:from-green-700 {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .\32xl\:from-green-800 {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .\32xl\:from-green-900 {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .\32xl\:from-blue-50 {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .\32xl\:from-blue-100 {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .\32xl\:from-blue-200 {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .\32xl\:from-blue-300 {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .\32xl\:from-blue-400 {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .\32xl\:from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .\32xl\:from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .\32xl\:from-blue-700 {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .\32xl\:from-blue-800 {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .\32xl\:from-blue-900 {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .\32xl\:from-indigo-50 {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .\32xl\:from-indigo-100 {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .\32xl\:from-indigo-200 {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .\32xl\:from-indigo-300 {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .\32xl\:from-indigo-400 {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .\32xl\:from-indigo-500 {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .\32xl\:from-indigo-600 {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .\32xl\:from-indigo-700 {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .\32xl\:from-indigo-800 {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .\32xl\:from-indigo-900 {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .\32xl\:from-purple-50 {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .\32xl\:from-purple-100 {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .\32xl\:from-purple-200 {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .\32xl\:from-purple-300 {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .\32xl\:from-purple-400 {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .\32xl\:from-purple-500 {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .\32xl\:from-purple-600 {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .\32xl\:from-purple-700 {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .\32xl\:from-purple-800 {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .\32xl\:from-purple-900 {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .\32xl\:from-pink-50 {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .\32xl\:from-pink-100 {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .\32xl\:from-pink-200 {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .\32xl\:from-pink-300 {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .\32xl\:from-pink-400 {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .\32xl\:from-pink-500 {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .\32xl\:from-pink-600 {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .\32xl\:from-pink-700 {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .\32xl\:from-pink-800 {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .\32xl\:from-pink-900 {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .\32xl\:hover\:from-transparent:hover {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:hover\:from-current:hover {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:hover\:from-black:hover {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:hover\:from-white:hover {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:hover\:from-gray-50:hover {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .\32xl\:hover\:from-gray-100:hover {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .\32xl\:hover\:from-gray-200:hover {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .\32xl\:hover\:from-gray-300:hover {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .\32xl\:hover\:from-gray-400:hover {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .\32xl\:hover\:from-gray-500:hover {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .\32xl\:hover\:from-gray-600:hover {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .\32xl\:hover\:from-gray-700:hover {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .\32xl\:hover\:from-gray-800:hover {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .\32xl\:hover\:from-gray-900:hover {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .\32xl\:hover\:from-red-50:hover {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .\32xl\:hover\:from-red-100:hover {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .\32xl\:hover\:from-red-200:hover {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .\32xl\:hover\:from-red-300:hover {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .\32xl\:hover\:from-red-400:hover {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .\32xl\:hover\:from-red-500:hover {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .\32xl\:hover\:from-red-600:hover {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .\32xl\:hover\:from-red-700:hover {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .\32xl\:hover\:from-red-800:hover {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .\32xl\:hover\:from-red-900:hover {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .\32xl\:hover\:from-yellow-50:hover {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .\32xl\:hover\:from-yellow-100:hover {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .\32xl\:hover\:from-yellow-200:hover {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .\32xl\:hover\:from-yellow-300:hover {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .\32xl\:hover\:from-yellow-400:hover {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .\32xl\:hover\:from-yellow-500:hover {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .\32xl\:hover\:from-yellow-600:hover {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .\32xl\:hover\:from-yellow-700:hover {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .\32xl\:hover\:from-yellow-800:hover {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .\32xl\:hover\:from-yellow-900:hover {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .\32xl\:hover\:from-green-50:hover {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .\32xl\:hover\:from-green-100:hover {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .\32xl\:hover\:from-green-200:hover {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .\32xl\:hover\:from-green-300:hover {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .\32xl\:hover\:from-green-400:hover {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .\32xl\:hover\:from-green-500:hover {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .\32xl\:hover\:from-green-600:hover {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .\32xl\:hover\:from-green-700:hover {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .\32xl\:hover\:from-green-800:hover {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .\32xl\:hover\:from-green-900:hover {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .\32xl\:hover\:from-blue-50:hover {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .\32xl\:hover\:from-blue-100:hover {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .\32xl\:hover\:from-blue-200:hover {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .\32xl\:hover\:from-blue-300:hover {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .\32xl\:hover\:from-blue-400:hover {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .\32xl\:hover\:from-blue-500:hover {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .\32xl\:hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .\32xl\:hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .\32xl\:hover\:from-blue-800:hover {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .\32xl\:hover\:from-blue-900:hover {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .\32xl\:hover\:from-indigo-50:hover {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .\32xl\:hover\:from-indigo-100:hover {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .\32xl\:hover\:from-indigo-200:hover {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .\32xl\:hover\:from-indigo-300:hover {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .\32xl\:hover\:from-indigo-400:hover {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .\32xl\:hover\:from-indigo-500:hover {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .\32xl\:hover\:from-indigo-600:hover {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .\32xl\:hover\:from-indigo-700:hover {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .\32xl\:hover\:from-indigo-800:hover {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .\32xl\:hover\:from-indigo-900:hover {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .\32xl\:hover\:from-purple-50:hover {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .\32xl\:hover\:from-purple-100:hover {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .\32xl\:hover\:from-purple-200:hover {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .\32xl\:hover\:from-purple-300:hover {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .\32xl\:hover\:from-purple-400:hover {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .\32xl\:hover\:from-purple-500:hover {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .\32xl\:hover\:from-purple-600:hover {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .\32xl\:hover\:from-purple-700:hover {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .\32xl\:hover\:from-purple-800:hover {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .\32xl\:hover\:from-purple-900:hover {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .\32xl\:hover\:from-pink-50:hover {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .\32xl\:hover\:from-pink-100:hover {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .\32xl\:hover\:from-pink-200:hover {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .\32xl\:hover\:from-pink-300:hover {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .\32xl\:hover\:from-pink-400:hover {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .\32xl\:hover\:from-pink-500:hover {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .\32xl\:hover\:from-pink-600:hover {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .\32xl\:hover\:from-pink-700:hover {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .\32xl\:hover\:from-pink-800:hover {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .\32xl\:hover\:from-pink-900:hover {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .\32xl\:focus\:from-transparent:focus {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:focus\:from-current:focus {
    --tw-gradient-from: currentColor;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:focus\:from-black:focus {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:focus\:from-white:focus {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:focus\:from-gray-50:focus {
    --tw-gradient-from: #f9fafb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .\32xl\:focus\:from-gray-100:focus {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .\32xl\:focus\:from-gray-200:focus {
    --tw-gradient-from: #e5e7eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .\32xl\:focus\:from-gray-300:focus {
    --tw-gradient-from: #d1d5db;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .\32xl\:focus\:from-gray-400:focus {
    --tw-gradient-from: #9ca3af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .\32xl\:focus\:from-gray-500:focus {
    --tw-gradient-from: #6b7280;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .\32xl\:focus\:from-gray-600:focus {
    --tw-gradient-from: #4b5563;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .\32xl\:focus\:from-gray-700:focus {
    --tw-gradient-from: #374151;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .\32xl\:focus\:from-gray-800:focus {
    --tw-gradient-from: #1f2937;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .\32xl\:focus\:from-gray-900:focus {
    --tw-gradient-from: #111827;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .\32xl\:focus\:from-red-50:focus {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .\32xl\:focus\:from-red-100:focus {
    --tw-gradient-from: #fee2e2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .\32xl\:focus\:from-red-200:focus {
    --tw-gradient-from: #fecaca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .\32xl\:focus\:from-red-300:focus {
    --tw-gradient-from: #fca5a5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .\32xl\:focus\:from-red-400:focus {
    --tw-gradient-from: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .\32xl\:focus\:from-red-500:focus {
    --tw-gradient-from: #ef4444;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .\32xl\:focus\:from-red-600:focus {
    --tw-gradient-from: #dc2626;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .\32xl\:focus\:from-red-700:focus {
    --tw-gradient-from: #b91c1c;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .\32xl\:focus\:from-red-800:focus {
    --tw-gradient-from: #991b1b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .\32xl\:focus\:from-red-900:focus {
    --tw-gradient-from: #7f1d1d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .\32xl\:focus\:from-yellow-50:focus {
    --tw-gradient-from: #fffbeb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .\32xl\:focus\:from-yellow-100:focus {
    --tw-gradient-from: #fef3c7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .\32xl\:focus\:from-yellow-200:focus {
    --tw-gradient-from: #fde68a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .\32xl\:focus\:from-yellow-300:focus {
    --tw-gradient-from: #fcd34d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .\32xl\:focus\:from-yellow-400:focus {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .\32xl\:focus\:from-yellow-500:focus {
    --tw-gradient-from: #f59e0b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .\32xl\:focus\:from-yellow-600:focus {
    --tw-gradient-from: #d97706;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .\32xl\:focus\:from-yellow-700:focus {
    --tw-gradient-from: #b45309;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .\32xl\:focus\:from-yellow-800:focus {
    --tw-gradient-from: #92400e;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .\32xl\:focus\:from-yellow-900:focus {
    --tw-gradient-from: #78350f;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .\32xl\:focus\:from-green-50:focus {
    --tw-gradient-from: #ecfdf5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .\32xl\:focus\:from-green-100:focus {
    --tw-gradient-from: #d1fae5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .\32xl\:focus\:from-green-200:focus {
    --tw-gradient-from: #a7f3d0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .\32xl\:focus\:from-green-300:focus {
    --tw-gradient-from: #6ee7b7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .\32xl\:focus\:from-green-400:focus {
    --tw-gradient-from: #34d399;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .\32xl\:focus\:from-green-500:focus {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .\32xl\:focus\:from-green-600:focus {
    --tw-gradient-from: #059669;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .\32xl\:focus\:from-green-700:focus {
    --tw-gradient-from: #047857;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .\32xl\:focus\:from-green-800:focus {
    --tw-gradient-from: #065f46;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .\32xl\:focus\:from-green-900:focus {
    --tw-gradient-from: #064e3b;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .\32xl\:focus\:from-blue-50:focus {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .\32xl\:focus\:from-blue-100:focus {
    --tw-gradient-from: #dbeafe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .\32xl\:focus\:from-blue-200:focus {
    --tw-gradient-from: #bfdbfe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .\32xl\:focus\:from-blue-300:focus {
    --tw-gradient-from: #93c5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .\32xl\:focus\:from-blue-400:focus {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .\32xl\:focus\:from-blue-500:focus {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .\32xl\:focus\:from-blue-600:focus {
    --tw-gradient-from: #2563eb;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .\32xl\:focus\:from-blue-700:focus {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .\32xl\:focus\:from-blue-800:focus {
    --tw-gradient-from: #1e40af;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .\32xl\:focus\:from-blue-900:focus {
    --tw-gradient-from: #1e3a8a;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .\32xl\:focus\:from-indigo-50:focus {
    --tw-gradient-from: #eef2ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .\32xl\:focus\:from-indigo-100:focus {
    --tw-gradient-from: #e0e7ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .\32xl\:focus\:from-indigo-200:focus {
    --tw-gradient-from: #c7d2fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .\32xl\:focus\:from-indigo-300:focus {
    --tw-gradient-from: #a5b4fc;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .\32xl\:focus\:from-indigo-400:focus {
    --tw-gradient-from: #818cf8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .\32xl\:focus\:from-indigo-500:focus {
    --tw-gradient-from: #6366f1;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .\32xl\:focus\:from-indigo-600:focus {
    --tw-gradient-from: #4f46e5;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .\32xl\:focus\:from-indigo-700:focus {
    --tw-gradient-from: #4338ca;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .\32xl\:focus\:from-indigo-800:focus {
    --tw-gradient-from: #3730a3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .\32xl\:focus\:from-indigo-900:focus {
    --tw-gradient-from: #312e81;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .\32xl\:focus\:from-purple-50:focus {
    --tw-gradient-from: #f5f3ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .\32xl\:focus\:from-purple-100:focus {
    --tw-gradient-from: #ede9fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .\32xl\:focus\:from-purple-200:focus {
    --tw-gradient-from: #ddd6fe;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .\32xl\:focus\:from-purple-300:focus {
    --tw-gradient-from: #c4b5fd;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .\32xl\:focus\:from-purple-400:focus {
    --tw-gradient-from: #a78bfa;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .\32xl\:focus\:from-purple-500:focus {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .\32xl\:focus\:from-purple-600:focus {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .\32xl\:focus\:from-purple-700:focus {
    --tw-gradient-from: #6d28d9;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .\32xl\:focus\:from-purple-800:focus {
    --tw-gradient-from: #5b21b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .\32xl\:focus\:from-purple-900:focus {
    --tw-gradient-from: #4c1d95;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .\32xl\:focus\:from-pink-50:focus {
    --tw-gradient-from: #fdf2f8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .\32xl\:focus\:from-pink-100:focus {
    --tw-gradient-from: #fce7f3;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .\32xl\:focus\:from-pink-200:focus {
    --tw-gradient-from: #fbcfe8;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .\32xl\:focus\:from-pink-300:focus {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .\32xl\:focus\:from-pink-400:focus {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .\32xl\:focus\:from-pink-500:focus {
    --tw-gradient-from: #ec4899;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .\32xl\:focus\:from-pink-600:focus {
    --tw-gradient-from: #db2777;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .\32xl\:focus\:from-pink-700:focus {
    --tw-gradient-from: #be185d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .\32xl\:focus\:from-pink-800:focus {
    --tw-gradient-from: #9d174d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .\32xl\:focus\:from-pink-900:focus {
    --tw-gradient-from: #831843;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .\32xl\:via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:via-current {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:via-black {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:via-gray-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .\32xl\:via-gray-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .\32xl\:via-gray-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .\32xl\:via-gray-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .\32xl\:via-gray-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .\32xl\:via-gray-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .\32xl\:via-gray-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .\32xl\:via-gray-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .\32xl\:via-gray-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .\32xl\:via-gray-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .\32xl\:via-red-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .\32xl\:via-red-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .\32xl\:via-red-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .\32xl\:via-red-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .\32xl\:via-red-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .\32xl\:via-red-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .\32xl\:via-red-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .\32xl\:via-red-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .\32xl\:via-red-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .\32xl\:via-red-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .\32xl\:via-yellow-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .\32xl\:via-yellow-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .\32xl\:via-yellow-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .\32xl\:via-yellow-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .\32xl\:via-yellow-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .\32xl\:via-yellow-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .\32xl\:via-yellow-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .\32xl\:via-yellow-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .\32xl\:via-yellow-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .\32xl\:via-yellow-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .\32xl\:via-green-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .\32xl\:via-green-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .\32xl\:via-green-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .\32xl\:via-green-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .\32xl\:via-green-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .\32xl\:via-green-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .\32xl\:via-green-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .\32xl\:via-green-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .\32xl\:via-green-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .\32xl\:via-green-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .\32xl\:via-blue-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .\32xl\:via-blue-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .\32xl\:via-blue-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .\32xl\:via-blue-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .\32xl\:via-blue-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .\32xl\:via-blue-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .\32xl\:via-blue-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .\32xl\:via-blue-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .\32xl\:via-blue-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .\32xl\:via-blue-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .\32xl\:via-indigo-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .\32xl\:via-indigo-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .\32xl\:via-indigo-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .\32xl\:via-indigo-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .\32xl\:via-indigo-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .\32xl\:via-indigo-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .\32xl\:via-indigo-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .\32xl\:via-indigo-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .\32xl\:via-indigo-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .\32xl\:via-indigo-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .\32xl\:via-purple-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .\32xl\:via-purple-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .\32xl\:via-purple-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .\32xl\:via-purple-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .\32xl\:via-purple-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .\32xl\:via-purple-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .\32xl\:via-purple-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .\32xl\:via-purple-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .\32xl\:via-purple-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .\32xl\:via-purple-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .\32xl\:via-pink-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .\32xl\:via-pink-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .\32xl\:via-pink-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .\32xl\:via-pink-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .\32xl\:via-pink-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .\32xl\:via-pink-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .\32xl\:via-pink-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .\32xl\:via-pink-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .\32xl\:via-pink-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .\32xl\:via-pink-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .\32xl\:hover\:via-transparent:hover {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:hover\:via-current:hover {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:hover\:via-black:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:hover\:via-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:hover\:via-gray-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .\32xl\:hover\:via-gray-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .\32xl\:hover\:via-gray-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .\32xl\:hover\:via-gray-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .\32xl\:hover\:via-gray-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .\32xl\:hover\:via-gray-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .\32xl\:hover\:via-gray-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .\32xl\:hover\:via-gray-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .\32xl\:hover\:via-gray-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .\32xl\:hover\:via-gray-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .\32xl\:hover\:via-red-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .\32xl\:hover\:via-red-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .\32xl\:hover\:via-red-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .\32xl\:hover\:via-red-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .\32xl\:hover\:via-red-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .\32xl\:hover\:via-red-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .\32xl\:hover\:via-red-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .\32xl\:hover\:via-red-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .\32xl\:hover\:via-red-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .\32xl\:hover\:via-red-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .\32xl\:hover\:via-yellow-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .\32xl\:hover\:via-yellow-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .\32xl\:hover\:via-yellow-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .\32xl\:hover\:via-yellow-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .\32xl\:hover\:via-yellow-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .\32xl\:hover\:via-yellow-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .\32xl\:hover\:via-yellow-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .\32xl\:hover\:via-yellow-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .\32xl\:hover\:via-yellow-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .\32xl\:hover\:via-yellow-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .\32xl\:hover\:via-green-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .\32xl\:hover\:via-green-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .\32xl\:hover\:via-green-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .\32xl\:hover\:via-green-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .\32xl\:hover\:via-green-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .\32xl\:hover\:via-green-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .\32xl\:hover\:via-green-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .\32xl\:hover\:via-green-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .\32xl\:hover\:via-green-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .\32xl\:hover\:via-green-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .\32xl\:hover\:via-blue-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .\32xl\:hover\:via-blue-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .\32xl\:hover\:via-blue-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .\32xl\:hover\:via-blue-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .\32xl\:hover\:via-blue-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .\32xl\:hover\:via-blue-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .\32xl\:hover\:via-blue-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .\32xl\:hover\:via-blue-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .\32xl\:hover\:via-blue-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .\32xl\:hover\:via-blue-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .\32xl\:hover\:via-indigo-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .\32xl\:hover\:via-indigo-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .\32xl\:hover\:via-indigo-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .\32xl\:hover\:via-indigo-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .\32xl\:hover\:via-indigo-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .\32xl\:hover\:via-indigo-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .\32xl\:hover\:via-indigo-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .\32xl\:hover\:via-indigo-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .\32xl\:hover\:via-indigo-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .\32xl\:hover\:via-indigo-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .\32xl\:hover\:via-purple-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .\32xl\:hover\:via-purple-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .\32xl\:hover\:via-purple-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .\32xl\:hover\:via-purple-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .\32xl\:hover\:via-purple-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .\32xl\:hover\:via-purple-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .\32xl\:hover\:via-purple-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .\32xl\:hover\:via-purple-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .\32xl\:hover\:via-purple-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .\32xl\:hover\:via-purple-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .\32xl\:hover\:via-pink-50:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .\32xl\:hover\:via-pink-100:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .\32xl\:hover\:via-pink-200:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .\32xl\:hover\:via-pink-300:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .\32xl\:hover\:via-pink-400:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .\32xl\:hover\:via-pink-500:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .\32xl\:hover\:via-pink-600:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .\32xl\:hover\:via-pink-700:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .\32xl\:hover\:via-pink-800:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .\32xl\:hover\:via-pink-900:hover {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .\32xl\:focus\:via-transparent:focus {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:focus\:via-current:focus {
    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:focus\:via-black:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
  }

  .\32xl\:focus\:via-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
  }

  .\32xl\:focus\:via-gray-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
  }

  .\32xl\:focus\:via-gray-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
  }

  .\32xl\:focus\:via-gray-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
  }

  .\32xl\:focus\:via-gray-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
  }

  .\32xl\:focus\:via-gray-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
  }

  .\32xl\:focus\:via-gray-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
  }

  .\32xl\:focus\:via-gray-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
  }

  .\32xl\:focus\:via-gray-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
  }

  .\32xl\:focus\:via-gray-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
  }

  .\32xl\:focus\:via-gray-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
  }

  .\32xl\:focus\:via-red-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
  }

  .\32xl\:focus\:via-red-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
  }

  .\32xl\:focus\:via-red-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
  }

  .\32xl\:focus\:via-red-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
  }

  .\32xl\:focus\:via-red-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
  }

  .\32xl\:focus\:via-red-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
  }

  .\32xl\:focus\:via-red-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
  }

  .\32xl\:focus\:via-red-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
  }

  .\32xl\:focus\:via-red-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
  }

  .\32xl\:focus\:via-red-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
  }

  .\32xl\:focus\:via-yellow-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
  }

  .\32xl\:focus\:via-yellow-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
  }

  .\32xl\:focus\:via-yellow-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
  }

  .\32xl\:focus\:via-yellow-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
  }

  .\32xl\:focus\:via-yellow-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
  }

  .\32xl\:focus\:via-yellow-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
  }

  .\32xl\:focus\:via-yellow-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
  }

  .\32xl\:focus\:via-yellow-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
  }

  .\32xl\:focus\:via-yellow-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
  }

  .\32xl\:focus\:via-yellow-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
  }

  .\32xl\:focus\:via-green-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
  }

  .\32xl\:focus\:via-green-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
  }

  .\32xl\:focus\:via-green-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
  }

  .\32xl\:focus\:via-green-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
  }

  .\32xl\:focus\:via-green-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
  }

  .\32xl\:focus\:via-green-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
  }

  .\32xl\:focus\:via-green-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
  }

  .\32xl\:focus\:via-green-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
  }

  .\32xl\:focus\:via-green-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
  }

  .\32xl\:focus\:via-green-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
  }

  .\32xl\:focus\:via-blue-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
  }

  .\32xl\:focus\:via-blue-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
  }

  .\32xl\:focus\:via-blue-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
  }

  .\32xl\:focus\:via-blue-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
  }

  .\32xl\:focus\:via-blue-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
  }

  .\32xl\:focus\:via-blue-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
  }

  .\32xl\:focus\:via-blue-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
  }

  .\32xl\:focus\:via-blue-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
  }

  .\32xl\:focus\:via-blue-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
  }

  .\32xl\:focus\:via-blue-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
  }

  .\32xl\:focus\:via-indigo-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
  }

  .\32xl\:focus\:via-indigo-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
  }

  .\32xl\:focus\:via-indigo-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
  }

  .\32xl\:focus\:via-indigo-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
  }

  .\32xl\:focus\:via-indigo-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
  }

  .\32xl\:focus\:via-indigo-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
  }

  .\32xl\:focus\:via-indigo-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
  }

  .\32xl\:focus\:via-indigo-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
  }

  .\32xl\:focus\:via-indigo-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
  }

  .\32xl\:focus\:via-indigo-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
  }

  .\32xl\:focus\:via-purple-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
  }

  .\32xl\:focus\:via-purple-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
  }

  .\32xl\:focus\:via-purple-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
  }

  .\32xl\:focus\:via-purple-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
  }

  .\32xl\:focus\:via-purple-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
  }

  .\32xl\:focus\:via-purple-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
  }

  .\32xl\:focus\:via-purple-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
  }

  .\32xl\:focus\:via-purple-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
  }

  .\32xl\:focus\:via-purple-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
  }

  .\32xl\:focus\:via-purple-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
  }

  .\32xl\:focus\:via-pink-50:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
  }

  .\32xl\:focus\:via-pink-100:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
  }

  .\32xl\:focus\:via-pink-200:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
  }

  .\32xl\:focus\:via-pink-300:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
  }

  .\32xl\:focus\:via-pink-400:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
  }

  .\32xl\:focus\:via-pink-500:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
  }

  .\32xl\:focus\:via-pink-600:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
  }

  .\32xl\:focus\:via-pink-700:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
  }

  .\32xl\:focus\:via-pink-800:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
  }

  .\32xl\:focus\:via-pink-900:focus {
    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
  }

  .\32xl\:to-transparent {
    --tw-gradient-to: transparent;
  }

  .\32xl\:to-current {
    --tw-gradient-to: currentColor;
  }

  .\32xl\:to-black {
    --tw-gradient-to: #000;
  }

  .\32xl\:to-white {
    --tw-gradient-to: #fff;
  }

  .\32xl\:to-gray-50 {
    --tw-gradient-to: #f9fafb;
  }

  .\32xl\:to-gray-100 {
    --tw-gradient-to: #f3f4f6;
  }

  .\32xl\:to-gray-200 {
    --tw-gradient-to: #e5e7eb;
  }

  .\32xl\:to-gray-300 {
    --tw-gradient-to: #d1d5db;
  }

  .\32xl\:to-gray-400 {
    --tw-gradient-to: #9ca3af;
  }

  .\32xl\:to-gray-500 {
    --tw-gradient-to: #6b7280;
  }

  .\32xl\:to-gray-600 {
    --tw-gradient-to: #4b5563;
  }

  .\32xl\:to-gray-700 {
    --tw-gradient-to: #374151;
  }

  .\32xl\:to-gray-800 {
    --tw-gradient-to: #1f2937;
  }

  .\32xl\:to-gray-900 {
    --tw-gradient-to: #111827;
  }

  .\32xl\:to-red-50 {
    --tw-gradient-to: #fef2f2;
  }

  .\32xl\:to-red-100 {
    --tw-gradient-to: #fee2e2;
  }

  .\32xl\:to-red-200 {
    --tw-gradient-to: #fecaca;
  }

  .\32xl\:to-red-300 {
    --tw-gradient-to: #fca5a5;
  }

  .\32xl\:to-red-400 {
    --tw-gradient-to: #f87171;
  }

  .\32xl\:to-red-500 {
    --tw-gradient-to: #ef4444;
  }

  .\32xl\:to-red-600 {
    --tw-gradient-to: #dc2626;
  }

  .\32xl\:to-red-700 {
    --tw-gradient-to: #b91c1c;
  }

  .\32xl\:to-red-800 {
    --tw-gradient-to: #991b1b;
  }

  .\32xl\:to-red-900 {
    --tw-gradient-to: #7f1d1d;
  }

  .\32xl\:to-yellow-50 {
    --tw-gradient-to: #fffbeb;
  }

  .\32xl\:to-yellow-100 {
    --tw-gradient-to: #fef3c7;
  }

  .\32xl\:to-yellow-200 {
    --tw-gradient-to: #fde68a;
  }

  .\32xl\:to-yellow-300 {
    --tw-gradient-to: #fcd34d;
  }

  .\32xl\:to-yellow-400 {
    --tw-gradient-to: #fbbf24;
  }

  .\32xl\:to-yellow-500 {
    --tw-gradient-to: #f59e0b;
  }

  .\32xl\:to-yellow-600 {
    --tw-gradient-to: #d97706;
  }

  .\32xl\:to-yellow-700 {
    --tw-gradient-to: #b45309;
  }

  .\32xl\:to-yellow-800 {
    --tw-gradient-to: #92400e;
  }

  .\32xl\:to-yellow-900 {
    --tw-gradient-to: #78350f;
  }

  .\32xl\:to-green-50 {
    --tw-gradient-to: #ecfdf5;
  }

  .\32xl\:to-green-100 {
    --tw-gradient-to: #d1fae5;
  }

  .\32xl\:to-green-200 {
    --tw-gradient-to: #a7f3d0;
  }

  .\32xl\:to-green-300 {
    --tw-gradient-to: #6ee7b7;
  }

  .\32xl\:to-green-400 {
    --tw-gradient-to: #34d399;
  }

  .\32xl\:to-green-500 {
    --tw-gradient-to: #10b981;
  }

  .\32xl\:to-green-600 {
    --tw-gradient-to: #059669;
  }

  .\32xl\:to-green-700 {
    --tw-gradient-to: #047857;
  }

  .\32xl\:to-green-800 {
    --tw-gradient-to: #065f46;
  }

  .\32xl\:to-green-900 {
    --tw-gradient-to: #064e3b;
  }

  .\32xl\:to-blue-50 {
    --tw-gradient-to: #eff6ff;
  }

  .\32xl\:to-blue-100 {
    --tw-gradient-to: #dbeafe;
  }

  .\32xl\:to-blue-200 {
    --tw-gradient-to: #bfdbfe;
  }

  .\32xl\:to-blue-300 {
    --tw-gradient-to: #93c5fd;
  }

  .\32xl\:to-blue-400 {
    --tw-gradient-to: #60a5fa;
  }

  .\32xl\:to-blue-500 {
    --tw-gradient-to: #3b82f6;
  }

  .\32xl\:to-blue-600 {
    --tw-gradient-to: #2563eb;
  }

  .\32xl\:to-blue-700 {
    --tw-gradient-to: #1d4ed8;
  }

  .\32xl\:to-blue-800 {
    --tw-gradient-to: #1e40af;
  }

  .\32xl\:to-blue-900 {
    --tw-gradient-to: #1e3a8a;
  }

  .\32xl\:to-indigo-50 {
    --tw-gradient-to: #eef2ff;
  }

  .\32xl\:to-indigo-100 {
    --tw-gradient-to: #e0e7ff;
  }

  .\32xl\:to-indigo-200 {
    --tw-gradient-to: #c7d2fe;
  }

  .\32xl\:to-indigo-300 {
    --tw-gradient-to: #a5b4fc;
  }

  .\32xl\:to-indigo-400 {
    --tw-gradient-to: #818cf8;
  }

  .\32xl\:to-indigo-500 {
    --tw-gradient-to: #6366f1;
  }

  .\32xl\:to-indigo-600 {
    --tw-gradient-to: #4f46e5;
  }

  .\32xl\:to-indigo-700 {
    --tw-gradient-to: #4338ca;
  }

  .\32xl\:to-indigo-800 {
    --tw-gradient-to: #3730a3;
  }

  .\32xl\:to-indigo-900 {
    --tw-gradient-to: #312e81;
  }

  .\32xl\:to-purple-50 {
    --tw-gradient-to: #f5f3ff;
  }

  .\32xl\:to-purple-100 {
    --tw-gradient-to: #ede9fe;
  }

  .\32xl\:to-purple-200 {
    --tw-gradient-to: #ddd6fe;
  }

  .\32xl\:to-purple-300 {
    --tw-gradient-to: #c4b5fd;
  }

  .\32xl\:to-purple-400 {
    --tw-gradient-to: #a78bfa;
  }

  .\32xl\:to-purple-500 {
    --tw-gradient-to: #8b5cf6;
  }

  .\32xl\:to-purple-600 {
    --tw-gradient-to: #7c3aed;
  }

  .\32xl\:to-purple-700 {
    --tw-gradient-to: #6d28d9;
  }

  .\32xl\:to-purple-800 {
    --tw-gradient-to: #5b21b6;
  }

  .\32xl\:to-purple-900 {
    --tw-gradient-to: #4c1d95;
  }

  .\32xl\:to-pink-50 {
    --tw-gradient-to: #fdf2f8;
  }

  .\32xl\:to-pink-100 {
    --tw-gradient-to: #fce7f3;
  }

  .\32xl\:to-pink-200 {
    --tw-gradient-to: #fbcfe8;
  }

  .\32xl\:to-pink-300 {
    --tw-gradient-to: #f9a8d4;
  }

  .\32xl\:to-pink-400 {
    --tw-gradient-to: #f472b6;
  }

  .\32xl\:to-pink-500 {
    --tw-gradient-to: #ec4899;
  }

  .\32xl\:to-pink-600 {
    --tw-gradient-to: #db2777;
  }

  .\32xl\:to-pink-700 {
    --tw-gradient-to: #be185d;
  }

  .\32xl\:to-pink-800 {
    --tw-gradient-to: #9d174d;
  }

  .\32xl\:to-pink-900 {
    --tw-gradient-to: #831843;
  }

  .\32xl\:hover\:to-transparent:hover {
    --tw-gradient-to: transparent;
  }

  .\32xl\:hover\:to-current:hover {
    --tw-gradient-to: currentColor;
  }

  .\32xl\:hover\:to-black:hover {
    --tw-gradient-to: #000;
  }

  .\32xl\:hover\:to-white:hover {
    --tw-gradient-to: #fff;
  }

  .\32xl\:hover\:to-gray-50:hover {
    --tw-gradient-to: #f9fafb;
  }

  .\32xl\:hover\:to-gray-100:hover {
    --tw-gradient-to: #f3f4f6;
  }

  .\32xl\:hover\:to-gray-200:hover {
    --tw-gradient-to: #e5e7eb;
  }

  .\32xl\:hover\:to-gray-300:hover {
    --tw-gradient-to: #d1d5db;
  }

  .\32xl\:hover\:to-gray-400:hover {
    --tw-gradient-to: #9ca3af;
  }

  .\32xl\:hover\:to-gray-500:hover {
    --tw-gradient-to: #6b7280;
  }

  .\32xl\:hover\:to-gray-600:hover {
    --tw-gradient-to: #4b5563;
  }

  .\32xl\:hover\:to-gray-700:hover {
    --tw-gradient-to: #374151;
  }

  .\32xl\:hover\:to-gray-800:hover {
    --tw-gradient-to: #1f2937;
  }

  .\32xl\:hover\:to-gray-900:hover {
    --tw-gradient-to: #111827;
  }

  .\32xl\:hover\:to-red-50:hover {
    --tw-gradient-to: #fef2f2;
  }

  .\32xl\:hover\:to-red-100:hover {
    --tw-gradient-to: #fee2e2;
  }

  .\32xl\:hover\:to-red-200:hover {
    --tw-gradient-to: #fecaca;
  }

  .\32xl\:hover\:to-red-300:hover {
    --tw-gradient-to: #fca5a5;
  }

  .\32xl\:hover\:to-red-400:hover {
    --tw-gradient-to: #f87171;
  }

  .\32xl\:hover\:to-red-500:hover {
    --tw-gradient-to: #ef4444;
  }

  .\32xl\:hover\:to-red-600:hover {
    --tw-gradient-to: #dc2626;
  }

  .\32xl\:hover\:to-red-700:hover {
    --tw-gradient-to: #b91c1c;
  }

  .\32xl\:hover\:to-red-800:hover {
    --tw-gradient-to: #991b1b;
  }

  .\32xl\:hover\:to-red-900:hover {
    --tw-gradient-to: #7f1d1d;
  }

  .\32xl\:hover\:to-yellow-50:hover {
    --tw-gradient-to: #fffbeb;
  }

  .\32xl\:hover\:to-yellow-100:hover {
    --tw-gradient-to: #fef3c7;
  }

  .\32xl\:hover\:to-yellow-200:hover {
    --tw-gradient-to: #fde68a;
  }

  .\32xl\:hover\:to-yellow-300:hover {
    --tw-gradient-to: #fcd34d;
  }

  .\32xl\:hover\:to-yellow-400:hover {
    --tw-gradient-to: #fbbf24;
  }

  .\32xl\:hover\:to-yellow-500:hover {
    --tw-gradient-to: #f59e0b;
  }

  .\32xl\:hover\:to-yellow-600:hover {
    --tw-gradient-to: #d97706;
  }

  .\32xl\:hover\:to-yellow-700:hover {
    --tw-gradient-to: #b45309;
  }

  .\32xl\:hover\:to-yellow-800:hover {
    --tw-gradient-to: #92400e;
  }

  .\32xl\:hover\:to-yellow-900:hover {
    --tw-gradient-to: #78350f;
  }

  .\32xl\:hover\:to-green-50:hover {
    --tw-gradient-to: #ecfdf5;
  }

  .\32xl\:hover\:to-green-100:hover {
    --tw-gradient-to: #d1fae5;
  }

  .\32xl\:hover\:to-green-200:hover {
    --tw-gradient-to: #a7f3d0;
  }

  .\32xl\:hover\:to-green-300:hover {
    --tw-gradient-to: #6ee7b7;
  }

  .\32xl\:hover\:to-green-400:hover {
    --tw-gradient-to: #34d399;
  }

  .\32xl\:hover\:to-green-500:hover {
    --tw-gradient-to: #10b981;
  }

  .\32xl\:hover\:to-green-600:hover {
    --tw-gradient-to: #059669;
  }

  .\32xl\:hover\:to-green-700:hover {
    --tw-gradient-to: #047857;
  }

  .\32xl\:hover\:to-green-800:hover {
    --tw-gradient-to: #065f46;
  }

  .\32xl\:hover\:to-green-900:hover {
    --tw-gradient-to: #064e3b;
  }

  .\32xl\:hover\:to-blue-50:hover {
    --tw-gradient-to: #eff6ff;
  }

  .\32xl\:hover\:to-blue-100:hover {
    --tw-gradient-to: #dbeafe;
  }

  .\32xl\:hover\:to-blue-200:hover {
    --tw-gradient-to: #bfdbfe;
  }

  .\32xl\:hover\:to-blue-300:hover {
    --tw-gradient-to: #93c5fd;
  }

  .\32xl\:hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa;
  }

  .\32xl\:hover\:to-blue-500:hover {
    --tw-gradient-to: #3b82f6;
  }

  .\32xl\:hover\:to-blue-600:hover {
    --tw-gradient-to: #2563eb;
  }

  .\32xl\:hover\:to-blue-700:hover {
    --tw-gradient-to: #1d4ed8;
  }

  .\32xl\:hover\:to-blue-800:hover {
    --tw-gradient-to: #1e40af;
  }

  .\32xl\:hover\:to-blue-900:hover {
    --tw-gradient-to: #1e3a8a;
  }

  .\32xl\:hover\:to-indigo-50:hover {
    --tw-gradient-to: #eef2ff;
  }

  .\32xl\:hover\:to-indigo-100:hover {
    --tw-gradient-to: #e0e7ff;
  }

  .\32xl\:hover\:to-indigo-200:hover {
    --tw-gradient-to: #c7d2fe;
  }

  .\32xl\:hover\:to-indigo-300:hover {
    --tw-gradient-to: #a5b4fc;
  }

  .\32xl\:hover\:to-indigo-400:hover {
    --tw-gradient-to: #818cf8;
  }

  .\32xl\:hover\:to-indigo-500:hover {
    --tw-gradient-to: #6366f1;
  }

  .\32xl\:hover\:to-indigo-600:hover {
    --tw-gradient-to: #4f46e5;
  }

  .\32xl\:hover\:to-indigo-700:hover {
    --tw-gradient-to: #4338ca;
  }

  .\32xl\:hover\:to-indigo-800:hover {
    --tw-gradient-to: #3730a3;
  }

  .\32xl\:hover\:to-indigo-900:hover {
    --tw-gradient-to: #312e81;
  }

  .\32xl\:hover\:to-purple-50:hover {
    --tw-gradient-to: #f5f3ff;
  }

  .\32xl\:hover\:to-purple-100:hover {
    --tw-gradient-to: #ede9fe;
  }

  .\32xl\:hover\:to-purple-200:hover {
    --tw-gradient-to: #ddd6fe;
  }

  .\32xl\:hover\:to-purple-300:hover {
    --tw-gradient-to: #c4b5fd;
  }

  .\32xl\:hover\:to-purple-400:hover {
    --tw-gradient-to: #a78bfa;
  }

  .\32xl\:hover\:to-purple-500:hover {
    --tw-gradient-to: #8b5cf6;
  }

  .\32xl\:hover\:to-purple-600:hover {
    --tw-gradient-to: #7c3aed;
  }

  .\32xl\:hover\:to-purple-700:hover {
    --tw-gradient-to: #6d28d9;
  }

  .\32xl\:hover\:to-purple-800:hover {
    --tw-gradient-to: #5b21b6;
  }

  .\32xl\:hover\:to-purple-900:hover {
    --tw-gradient-to: #4c1d95;
  }

  .\32xl\:hover\:to-pink-50:hover {
    --tw-gradient-to: #fdf2f8;
  }

  .\32xl\:hover\:to-pink-100:hover {
    --tw-gradient-to: #fce7f3;
  }

  .\32xl\:hover\:to-pink-200:hover {
    --tw-gradient-to: #fbcfe8;
  }

  .\32xl\:hover\:to-pink-300:hover {
    --tw-gradient-to: #f9a8d4;
  }

  .\32xl\:hover\:to-pink-400:hover {
    --tw-gradient-to: #f472b6;
  }

  .\32xl\:hover\:to-pink-500:hover {
    --tw-gradient-to: #ec4899;
  }

  .\32xl\:hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777;
  }

  .\32xl\:hover\:to-pink-700:hover {
    --tw-gradient-to: #be185d;
  }

  .\32xl\:hover\:to-pink-800:hover {
    --tw-gradient-to: #9d174d;
  }

  .\32xl\:hover\:to-pink-900:hover {
    --tw-gradient-to: #831843;
  }

  .\32xl\:focus\:to-transparent:focus {
    --tw-gradient-to: transparent;
  }

  .\32xl\:focus\:to-current:focus {
    --tw-gradient-to: currentColor;
  }

  .\32xl\:focus\:to-black:focus {
    --tw-gradient-to: #000;
  }

  .\32xl\:focus\:to-white:focus {
    --tw-gradient-to: #fff;
  }

  .\32xl\:focus\:to-gray-50:focus {
    --tw-gradient-to: #f9fafb;
  }

  .\32xl\:focus\:to-gray-100:focus {
    --tw-gradient-to: #f3f4f6;
  }

  .\32xl\:focus\:to-gray-200:focus {
    --tw-gradient-to: #e5e7eb;
  }

  .\32xl\:focus\:to-gray-300:focus {
    --tw-gradient-to: #d1d5db;
  }

  .\32xl\:focus\:to-gray-400:focus {
    --tw-gradient-to: #9ca3af;
  }

  .\32xl\:focus\:to-gray-500:focus {
    --tw-gradient-to: #6b7280;
  }

  .\32xl\:focus\:to-gray-600:focus {
    --tw-gradient-to: #4b5563;
  }

  .\32xl\:focus\:to-gray-700:focus {
    --tw-gradient-to: #374151;
  }

  .\32xl\:focus\:to-gray-800:focus {
    --tw-gradient-to: #1f2937;
  }

  .\32xl\:focus\:to-gray-900:focus {
    --tw-gradient-to: #111827;
  }

  .\32xl\:focus\:to-red-50:focus {
    --tw-gradient-to: #fef2f2;
  }

  .\32xl\:focus\:to-red-100:focus {
    --tw-gradient-to: #fee2e2;
  }

  .\32xl\:focus\:to-red-200:focus {
    --tw-gradient-to: #fecaca;
  }

  .\32xl\:focus\:to-red-300:focus {
    --tw-gradient-to: #fca5a5;
  }

  .\32xl\:focus\:to-red-400:focus {
    --tw-gradient-to: #f87171;
  }

  .\32xl\:focus\:to-red-500:focus {
    --tw-gradient-to: #ef4444;
  }

  .\32xl\:focus\:to-red-600:focus {
    --tw-gradient-to: #dc2626;
  }

  .\32xl\:focus\:to-red-700:focus {
    --tw-gradient-to: #b91c1c;
  }

  .\32xl\:focus\:to-red-800:focus {
    --tw-gradient-to: #991b1b;
  }

  .\32xl\:focus\:to-red-900:focus {
    --tw-gradient-to: #7f1d1d;
  }

  .\32xl\:focus\:to-yellow-50:focus {
    --tw-gradient-to: #fffbeb;
  }

  .\32xl\:focus\:to-yellow-100:focus {
    --tw-gradient-to: #fef3c7;
  }

  .\32xl\:focus\:to-yellow-200:focus {
    --tw-gradient-to: #fde68a;
  }

  .\32xl\:focus\:to-yellow-300:focus {
    --tw-gradient-to: #fcd34d;
  }

  .\32xl\:focus\:to-yellow-400:focus {
    --tw-gradient-to: #fbbf24;
  }

  .\32xl\:focus\:to-yellow-500:focus {
    --tw-gradient-to: #f59e0b;
  }

  .\32xl\:focus\:to-yellow-600:focus {
    --tw-gradient-to: #d97706;
  }

  .\32xl\:focus\:to-yellow-700:focus {
    --tw-gradient-to: #b45309;
  }

  .\32xl\:focus\:to-yellow-800:focus {
    --tw-gradient-to: #92400e;
  }

  .\32xl\:focus\:to-yellow-900:focus {
    --tw-gradient-to: #78350f;
  }

  .\32xl\:focus\:to-green-50:focus {
    --tw-gradient-to: #ecfdf5;
  }

  .\32xl\:focus\:to-green-100:focus {
    --tw-gradient-to: #d1fae5;
  }

  .\32xl\:focus\:to-green-200:focus {
    --tw-gradient-to: #a7f3d0;
  }

  .\32xl\:focus\:to-green-300:focus {
    --tw-gradient-to: #6ee7b7;
  }

  .\32xl\:focus\:to-green-400:focus {
    --tw-gradient-to: #34d399;
  }

  .\32xl\:focus\:to-green-500:focus {
    --tw-gradient-to: #10b981;
  }

  .\32xl\:focus\:to-green-600:focus {
    --tw-gradient-to: #059669;
  }

  .\32xl\:focus\:to-green-700:focus {
    --tw-gradient-to: #047857;
  }

  .\32xl\:focus\:to-green-800:focus {
    --tw-gradient-to: #065f46;
  }

  .\32xl\:focus\:to-green-900:focus {
    --tw-gradient-to: #064e3b;
  }

  .\32xl\:focus\:to-blue-50:focus {
    --tw-gradient-to: #eff6ff;
  }

  .\32xl\:focus\:to-blue-100:focus {
    --tw-gradient-to: #dbeafe;
  }

  .\32xl\:focus\:to-blue-200:focus {
    --tw-gradient-to: #bfdbfe;
  }

  .\32xl\:focus\:to-blue-300:focus {
    --tw-gradient-to: #93c5fd;
  }

  .\32xl\:focus\:to-blue-400:focus {
    --tw-gradient-to: #60a5fa;
  }

  .\32xl\:focus\:to-blue-500:focus {
    --tw-gradient-to: #3b82f6;
  }

  .\32xl\:focus\:to-blue-600:focus {
    --tw-gradient-to: #2563eb;
  }

  .\32xl\:focus\:to-blue-700:focus {
    --tw-gradient-to: #1d4ed8;
  }

  .\32xl\:focus\:to-blue-800:focus {
    --tw-gradient-to: #1e40af;
  }

  .\32xl\:focus\:to-blue-900:focus {
    --tw-gradient-to: #1e3a8a;
  }

  .\32xl\:focus\:to-indigo-50:focus {
    --tw-gradient-to: #eef2ff;
  }

  .\32xl\:focus\:to-indigo-100:focus {
    --tw-gradient-to: #e0e7ff;
  }

  .\32xl\:focus\:to-indigo-200:focus {
    --tw-gradient-to: #c7d2fe;
  }

  .\32xl\:focus\:to-indigo-300:focus {
    --tw-gradient-to: #a5b4fc;
  }

  .\32xl\:focus\:to-indigo-400:focus {
    --tw-gradient-to: #818cf8;
  }

  .\32xl\:focus\:to-indigo-500:focus {
    --tw-gradient-to: #6366f1;
  }

  .\32xl\:focus\:to-indigo-600:focus {
    --tw-gradient-to: #4f46e5;
  }

  .\32xl\:focus\:to-indigo-700:focus {
    --tw-gradient-to: #4338ca;
  }

  .\32xl\:focus\:to-indigo-800:focus {
    --tw-gradient-to: #3730a3;
  }

  .\32xl\:focus\:to-indigo-900:focus {
    --tw-gradient-to: #312e81;
  }

  .\32xl\:focus\:to-purple-50:focus {
    --tw-gradient-to: #f5f3ff;
  }

  .\32xl\:focus\:to-purple-100:focus {
    --tw-gradient-to: #ede9fe;
  }

  .\32xl\:focus\:to-purple-200:focus {
    --tw-gradient-to: #ddd6fe;
  }

  .\32xl\:focus\:to-purple-300:focus {
    --tw-gradient-to: #c4b5fd;
  }

  .\32xl\:focus\:to-purple-400:focus {
    --tw-gradient-to: #a78bfa;
  }

  .\32xl\:focus\:to-purple-500:focus {
    --tw-gradient-to: #8b5cf6;
  }

  .\32xl\:focus\:to-purple-600:focus {
    --tw-gradient-to: #7c3aed;
  }

  .\32xl\:focus\:to-purple-700:focus {
    --tw-gradient-to: #6d28d9;
  }

  .\32xl\:focus\:to-purple-800:focus {
    --tw-gradient-to: #5b21b6;
  }

  .\32xl\:focus\:to-purple-900:focus {
    --tw-gradient-to: #4c1d95;
  }

  .\32xl\:focus\:to-pink-50:focus {
    --tw-gradient-to: #fdf2f8;
  }

  .\32xl\:focus\:to-pink-100:focus {
    --tw-gradient-to: #fce7f3;
  }

  .\32xl\:focus\:to-pink-200:focus {
    --tw-gradient-to: #fbcfe8;
  }

  .\32xl\:focus\:to-pink-300:focus {
    --tw-gradient-to: #f9a8d4;
  }

  .\32xl\:focus\:to-pink-400:focus {
    --tw-gradient-to: #f472b6;
  }

  .\32xl\:focus\:to-pink-500:focus {
    --tw-gradient-to: #ec4899;
  }

  .\32xl\:focus\:to-pink-600:focus {
    --tw-gradient-to: #db2777;
  }

  .\32xl\:focus\:to-pink-700:focus {
    --tw-gradient-to: #be185d;
  }

  .\32xl\:focus\:to-pink-800:focus {
    --tw-gradient-to: #9d174d;
  }

  .\32xl\:focus\:to-pink-900:focus {
    --tw-gradient-to: #831843;
  }

  .\32xl\:decoration-slice {
    -webkit-box-decoration-break: slice;
            box-decoration-break: slice;
  }

  .\32xl\:decoration-clone {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }

  .\32xl\:bg-auto {
    background-size: auto;
  }

  .\32xl\:bg-cover {
    background-size: cover;
  }

  .\32xl\:bg-contain {
    background-size: contain;
  }

  .\32xl\:bg-fixed {
    background-attachment: fixed;
  }

  .\32xl\:bg-local {
    background-attachment: local;
  }

  .\32xl\:bg-scroll {
    background-attachment: scroll;
  }

  .\32xl\:bg-clip-border {
    background-clip: border-box;
  }

  .\32xl\:bg-clip-padding {
    background-clip: padding-box;
  }

  .\32xl\:bg-clip-content {
    background-clip: content-box;
  }

  .\32xl\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .\32xl\:bg-bottom {
    background-position: bottom;
  }

  .\32xl\:bg-center {
    background-position: center;
  }

  .\32xl\:bg-left {
    background-position: left;
  }

  .\32xl\:bg-left-bottom {
    background-position: left bottom;
  }

  .\32xl\:bg-left-top {
    background-position: left top;
  }

  .\32xl\:bg-right {
    background-position: right;
  }

  .\32xl\:bg-right-bottom {
    background-position: right bottom;
  }

  .\32xl\:bg-right-top {
    background-position: right top;
  }

  .\32xl\:bg-top {
    background-position: top;
  }

  .\32xl\:bg-repeat {
    background-repeat: repeat;
  }

  .\32xl\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .\32xl\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .\32xl\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .\32xl\:bg-repeat-round {
    background-repeat: round;
  }

  .\32xl\:bg-repeat-space {
    background-repeat: space;
  }

  .\32xl\:bg-origin-border {
    background-origin: border-box;
  }

  .\32xl\:bg-origin-padding {
    background-origin: padding-box;
  }

  .\32xl\:bg-origin-content {
    background-origin: content-box;
  }

  .\32xl\:fill-current {
    fill: currentColor;
  }

  .\32xl\:stroke-current {
    stroke: currentColor;
  }

  .\32xl\:stroke-0 {
    stroke-width: 0;
  }

  .\32xl\:stroke-1 {
    stroke-width: 1;
  }

  .\32xl\:stroke-2 {
    stroke-width: 2;
  }

  .\32xl\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .\32xl\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .\32xl\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .\32xl\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .\32xl\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .\32xl\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  .\32xl\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .\32xl\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  .\32xl\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .\32xl\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  .\32xl\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  .\32xl\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .\32xl\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  .\32xl\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .\32xl\:p-0 {
    padding: 0px;
  }

  .\32xl\:p-1 {
    padding: 0.25rem;
  }

  .\32xl\:p-2 {
    padding: 0.5rem;
  }

  .\32xl\:p-3 {
    padding: 0.75rem;
  }

  .\32xl\:p-4 {
    padding: 1rem;
  }

  .\32xl\:p-5 {
    padding: 1.25rem;
  }

  .\32xl\:p-6 {
    padding: 1.5rem;
  }

  .\32xl\:p-7 {
    padding: 1.75rem;
  }

  .\32xl\:p-8 {
    padding: 2rem;
  }

  .\32xl\:p-9 {
    padding: 2.25rem;
  }

  .\32xl\:p-10 {
    padding: 2.5rem;
  }

  .\32xl\:p-11 {
    padding: 2.75rem;
  }

  .\32xl\:p-12 {
    padding: 3rem;
  }

  .\32xl\:p-14 {
    padding: 3.5rem;
  }

  .\32xl\:p-16 {
    padding: 4rem;
  }

  .\32xl\:p-20 {
    padding: 5rem;
  }

  .\32xl\:p-24 {
    padding: 6rem;
  }

  .\32xl\:p-28 {
    padding: 7rem;
  }

  .\32xl\:p-32 {
    padding: 8rem;
  }

  .\32xl\:p-36 {
    padding: 9rem;
  }

  .\32xl\:p-40 {
    padding: 10rem;
  }

  .\32xl\:p-44 {
    padding: 11rem;
  }

  .\32xl\:p-48 {
    padding: 12rem;
  }

  .\32xl\:p-52 {
    padding: 13rem;
  }

  .\32xl\:p-56 {
    padding: 14rem;
  }

  .\32xl\:p-60 {
    padding: 15rem;
  }

  .\32xl\:p-64 {
    padding: 16rem;
  }

  .\32xl\:p-72 {
    padding: 18rem;
  }

  .\32xl\:p-80 {
    padding: 20rem;
  }

  .\32xl\:p-96 {
    padding: 24rem;
  }

  .\32xl\:p-px {
    padding: 1px;
  }

  .\32xl\:p-0\.5 {
    padding: 0.125rem;
  }

  .\32xl\:p-1\.5 {
    padding: 0.375rem;
  }

  .\32xl\:p-2\.5 {
    padding: 0.625rem;
  }

  .\32xl\:p-3\.5 {
    padding: 0.875rem;
  }

  .\32xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .\32xl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .\32xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .\32xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .\32xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .\32xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .\32xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .\32xl\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .\32xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .\32xl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .\32xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .\32xl\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .\32xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .\32xl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .\32xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .\32xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .\32xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .\32xl\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .\32xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .\32xl\:px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .\32xl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .\32xl\:px-44 {
    padding-left: 11rem;
    padding-right: 11rem;
  }

  .\32xl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .\32xl\:px-52 {
    padding-left: 13rem;
    padding-right: 13rem;
  }

  .\32xl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .\32xl\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .\32xl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .\32xl\:px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
  }

  .\32xl\:px-80 {
    padding-left: 20rem;
    padding-right: 20rem;
  }

  .\32xl\:px-96 {
    padding-left: 24rem;
    padding-right: 24rem;
  }

  .\32xl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .\32xl\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .\32xl\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .\32xl\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .\32xl\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .\32xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .\32xl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .\32xl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .\32xl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .\32xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .\32xl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .\32xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .\32xl\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .\32xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .\32xl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .\32xl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .\32xl\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .\32xl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .\32xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .\32xl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .\32xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .\32xl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .\32xl\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .\32xl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .\32xl\:py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .\32xl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .\32xl\:py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .\32xl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .\32xl\:py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }

  .\32xl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .\32xl\:py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .\32xl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .\32xl\:py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }

  .\32xl\:py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .\32xl\:py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }

  .\32xl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .\32xl\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .\32xl\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .\32xl\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .\32xl\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .\32xl\:pt-0 {
    padding-top: 0px;
  }

  .\32xl\:pt-1 {
    padding-top: 0.25rem;
  }

  .\32xl\:pt-2 {
    padding-top: 0.5rem;
  }

  .\32xl\:pt-3 {
    padding-top: 0.75rem;
  }

  .\32xl\:pt-4 {
    padding-top: 1rem;
  }

  .\32xl\:pt-5 {
    padding-top: 1.25rem;
  }

  .\32xl\:pt-6 {
    padding-top: 1.5rem;
  }

  .\32xl\:pt-7 {
    padding-top: 1.75rem;
  }

  .\32xl\:pt-8 {
    padding-top: 2rem;
  }

  .\32xl\:pt-9 {
    padding-top: 2.25rem;
  }

  .\32xl\:pt-10 {
    padding-top: 2.5rem;
  }

  .\32xl\:pt-11 {
    padding-top: 2.75rem;
  }

  .\32xl\:pt-12 {
    padding-top: 3rem;
  }

  .\32xl\:pt-14 {
    padding-top: 3.5rem;
  }

  .\32xl\:pt-16 {
    padding-top: 4rem;
  }

  .\32xl\:pt-20 {
    padding-top: 5rem;
  }

  .\32xl\:pt-24 {
    padding-top: 6rem;
  }

  .\32xl\:pt-28 {
    padding-top: 7rem;
  }

  .\32xl\:pt-32 {
    padding-top: 8rem;
  }

  .\32xl\:pt-36 {
    padding-top: 9rem;
  }

  .\32xl\:pt-40 {
    padding-top: 10rem;
  }

  .\32xl\:pt-44 {
    padding-top: 11rem;
  }

  .\32xl\:pt-48 {
    padding-top: 12rem;
  }

  .\32xl\:pt-52 {
    padding-top: 13rem;
  }

  .\32xl\:pt-56 {
    padding-top: 14rem;
  }

  .\32xl\:pt-60 {
    padding-top: 15rem;
  }

  .\32xl\:pt-64 {
    padding-top: 16rem;
  }

  .\32xl\:pt-72 {
    padding-top: 18rem;
  }

  .\32xl\:pt-80 {
    padding-top: 20rem;
  }

  .\32xl\:pt-96 {
    padding-top: 24rem;
  }

  .\32xl\:pt-px {
    padding-top: 1px;
  }

  .\32xl\:pt-0\.5 {
    padding-top: 0.125rem;
  }

  .\32xl\:pt-1\.5 {
    padding-top: 0.375rem;
  }

  .\32xl\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .\32xl\:pt-3\.5 {
    padding-top: 0.875rem;
  }

  .\32xl\:pr-0 {
    padding-right: 0px;
  }

  .\32xl\:pr-1 {
    padding-right: 0.25rem;
  }

  .\32xl\:pr-2 {
    padding-right: 0.5rem;
  }

  .\32xl\:pr-3 {
    padding-right: 0.75rem;
  }

  .\32xl\:pr-4 {
    padding-right: 1rem;
  }

  .\32xl\:pr-5 {
    padding-right: 1.25rem;
  }

  .\32xl\:pr-6 {
    padding-right: 1.5rem;
  }

  .\32xl\:pr-7 {
    padding-right: 1.75rem;
  }

  .\32xl\:pr-8 {
    padding-right: 2rem;
  }

  .\32xl\:pr-9 {
    padding-right: 2.25rem;
  }

  .\32xl\:pr-10 {
    padding-right: 2.5rem;
  }

  .\32xl\:pr-11 {
    padding-right: 2.75rem;
  }

  .\32xl\:pr-12 {
    padding-right: 3rem;
  }

  .\32xl\:pr-14 {
    padding-right: 3.5rem;
  }

  .\32xl\:pr-16 {
    padding-right: 4rem;
  }

  .\32xl\:pr-20 {
    padding-right: 5rem;
  }

  .\32xl\:pr-24 {
    padding-right: 6rem;
  }

  .\32xl\:pr-28 {
    padding-right: 7rem;
  }

  .\32xl\:pr-32 {
    padding-right: 8rem;
  }

  .\32xl\:pr-36 {
    padding-right: 9rem;
  }

  .\32xl\:pr-40 {
    padding-right: 10rem;
  }

  .\32xl\:pr-44 {
    padding-right: 11rem;
  }

  .\32xl\:pr-48 {
    padding-right: 12rem;
  }

  .\32xl\:pr-52 {
    padding-right: 13rem;
  }

  .\32xl\:pr-56 {
    padding-right: 14rem;
  }

  .\32xl\:pr-60 {
    padding-right: 15rem;
  }

  .\32xl\:pr-64 {
    padding-right: 16rem;
  }

  .\32xl\:pr-72 {
    padding-right: 18rem;
  }

  .\32xl\:pr-80 {
    padding-right: 20rem;
  }

  .\32xl\:pr-96 {
    padding-right: 24rem;
  }

  .\32xl\:pr-px {
    padding-right: 1px;
  }

  .\32xl\:pr-0\.5 {
    padding-right: 0.125rem;
  }

  .\32xl\:pr-1\.5 {
    padding-right: 0.375rem;
  }

  .\32xl\:pr-2\.5 {
    padding-right: 0.625rem;
  }

  .\32xl\:pr-3\.5 {
    padding-right: 0.875rem;
  }

  .\32xl\:pb-0 {
    padding-bottom: 0px;
  }

  .\32xl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .\32xl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .\32xl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .\32xl\:pb-4 {
    padding-bottom: 1rem;
  }

  .\32xl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .\32xl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .\32xl\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .\32xl\:pb-8 {
    padding-bottom: 2rem;
  }

  .\32xl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .\32xl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .\32xl\:pb-11 {
    padding-bottom: 2.75rem;
  }

  .\32xl\:pb-12 {
    padding-bottom: 3rem;
  }

  .\32xl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .\32xl\:pb-16 {
    padding-bottom: 4rem;
  }

  .\32xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .\32xl\:pb-24 {
    padding-bottom: 6rem;
  }

  .\32xl\:pb-28 {
    padding-bottom: 7rem;
  }

  .\32xl\:pb-32 {
    padding-bottom: 8rem;
  }

  .\32xl\:pb-36 {
    padding-bottom: 9rem;
  }

  .\32xl\:pb-40 {
    padding-bottom: 10rem;
  }

  .\32xl\:pb-44 {
    padding-bottom: 11rem;
  }

  .\32xl\:pb-48 {
    padding-bottom: 12rem;
  }

  .\32xl\:pb-52 {
    padding-bottom: 13rem;
  }

  .\32xl\:pb-56 {
    padding-bottom: 14rem;
  }

  .\32xl\:pb-60 {
    padding-bottom: 15rem;
  }

  .\32xl\:pb-64 {
    padding-bottom: 16rem;
  }

  .\32xl\:pb-72 {
    padding-bottom: 18rem;
  }

  .\32xl\:pb-80 {
    padding-bottom: 20rem;
  }

  .\32xl\:pb-96 {
    padding-bottom: 24rem;
  }

  .\32xl\:pb-px {
    padding-bottom: 1px;
  }

  .\32xl\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }

  .\32xl\:pb-1\.5 {
    padding-bottom: 0.375rem;
  }

  .\32xl\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }

  .\32xl\:pb-3\.5 {
    padding-bottom: 0.875rem;
  }

  .\32xl\:pl-0 {
    padding-left: 0px;
  }

  .\32xl\:pl-1 {
    padding-left: 0.25rem;
  }

  .\32xl\:pl-2 {
    padding-left: 0.5rem;
  }

  .\32xl\:pl-3 {
    padding-left: 0.75rem;
  }

  .\32xl\:pl-4 {
    padding-left: 1rem;
  }

  .\32xl\:pl-5 {
    padding-left: 1.25rem;
  }

  .\32xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .\32xl\:pl-7 {
    padding-left: 1.75rem;
  }

  .\32xl\:pl-8 {
    padding-left: 2rem;
  }

  .\32xl\:pl-9 {
    padding-left: 2.25rem;
  }

  .\32xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .\32xl\:pl-11 {
    padding-left: 2.75rem;
  }

  .\32xl\:pl-12 {
    padding-left: 3rem;
  }

  .\32xl\:pl-14 {
    padding-left: 3.5rem;
  }

  .\32xl\:pl-16 {
    padding-left: 4rem;
  }

  .\32xl\:pl-20 {
    padding-left: 5rem;
  }

  .\32xl\:pl-24 {
    padding-left: 6rem;
  }

  .\32xl\:pl-28 {
    padding-left: 7rem;
  }

  .\32xl\:pl-32 {
    padding-left: 8rem;
  }

  .\32xl\:pl-36 {
    padding-left: 9rem;
  }

  .\32xl\:pl-40 {
    padding-left: 10rem;
  }

  .\32xl\:pl-44 {
    padding-left: 11rem;
  }

  .\32xl\:pl-48 {
    padding-left: 12rem;
  }

  .\32xl\:pl-52 {
    padding-left: 13rem;
  }

  .\32xl\:pl-56 {
    padding-left: 14rem;
  }

  .\32xl\:pl-60 {
    padding-left: 15rem;
  }

  .\32xl\:pl-64 {
    padding-left: 16rem;
  }

  .\32xl\:pl-72 {
    padding-left: 18rem;
  }

  .\32xl\:pl-80 {
    padding-left: 20rem;
  }

  .\32xl\:pl-96 {
    padding-left: 24rem;
  }

  .\32xl\:pl-px {
    padding-left: 1px;
  }

  .\32xl\:pl-0\.5 {
    padding-left: 0.125rem;
  }

  .\32xl\:pl-1\.5 {
    padding-left: 0.375rem;
  }

  .\32xl\:pl-2\.5 {
    padding-left: 0.625rem;
  }

  .\32xl\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .\32xl\:text-left {
    text-align: left;
  }

  .\32xl\:text-center {
    text-align: center;
  }

  .\32xl\:text-right {
    text-align: right;
  }

  .\32xl\:text-justify {
    text-align: justify;
  }

  .\32xl\:align-baseline {
    vertical-align: baseline;
  }

  .\32xl\:align-top {
    vertical-align: top;
  }

  .\32xl\:align-middle {
    vertical-align: middle;
  }

  .\32xl\:align-bottom {
    vertical-align: bottom;
  }

  .\32xl\:align-text-top {
    vertical-align: text-top;
  }

  .\32xl\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .\32xl\:font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .\32xl\:font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .\32xl\:font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .\32xl\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .\32xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .\32xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .\32xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .\32xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .\32xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .\32xl\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .\32xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .\32xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .\32xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .\32xl\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .\32xl\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .\32xl\:text-9xl {
    font-size: 8rem;
    line-height: 1;
  }

  .\32xl\:font-thin {
    font-weight: 100;
  }

  .\32xl\:font-extralight {
    font-weight: 200;
  }

  .\32xl\:font-light {
    font-weight: 300;
  }

  .\32xl\:font-normal {
    font-weight: 400;
  }

  .\32xl\:font-medium {
    font-weight: 500;
  }

  .\32xl\:font-semibold {
    font-weight: 600;
  }

  .\32xl\:font-bold {
    font-weight: 700;
  }

  .\32xl\:font-extrabold {
    font-weight: 800;
  }

  .\32xl\:font-black {
    font-weight: 900;
  }

  .\32xl\:uppercase {
    text-transform: uppercase;
  }

  .\32xl\:lowercase {
    text-transform: lowercase;
  }

  .\32xl\:capitalize {
    text-transform: capitalize;
  }

  .\32xl\:normal-case {
    text-transform: none;
  }

  .\32xl\:italic {
    font-style: italic;
  }

  .\32xl\:not-italic {
    font-style: normal;
  }

  .\32xl\:ordinal, .\32xl\:slashed-zero, .\32xl\:lining-nums, .\32xl\:oldstyle-nums, .\32xl\:proportional-nums, .\32xl\:tabular-nums, .\32xl\:diagonal-fractions, .\32xl\:stacked-fractions {
    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }

  .\32xl\:normal-nums {
    font-variant-numeric: normal;
  }

  .\32xl\:ordinal {
    --tw-ordinal: ordinal;
  }

  .\32xl\:slashed-zero {
    --tw-slashed-zero: slashed-zero;
  }

  .\32xl\:lining-nums {
    --tw-numeric-figure: lining-nums;
  }

  .\32xl\:oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
  }

  .\32xl\:proportional-nums {
    --tw-numeric-spacing: proportional-nums;
  }

  .\32xl\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
  }

  .\32xl\:diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
  }

  .\32xl\:stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
  }

  .\32xl\:leading-3 {
    line-height: .75rem;
  }

  .\32xl\:leading-4 {
    line-height: 1rem;
  }

  .\32xl\:leading-5 {
    line-height: 1.25rem;
  }

  .\32xl\:leading-6 {
    line-height: 1.5rem;
  }

  .\32xl\:leading-7 {
    line-height: 1.75rem;
  }

  .\32xl\:leading-8 {
    line-height: 2rem;
  }

  .\32xl\:leading-9 {
    line-height: 2.25rem;
  }

  .\32xl\:leading-10 {
    line-height: 2.5rem;
  }

  .\32xl\:leading-none {
    line-height: 1;
  }

  .\32xl\:leading-tight {
    line-height: 1.25;
  }

  .\32xl\:leading-snug {
    line-height: 1.375;
  }

  .\32xl\:leading-normal {
    line-height: 1.5;
  }

  .\32xl\:leading-relaxed {
    line-height: 1.625;
  }

  .\32xl\:leading-loose {
    line-height: 2;
  }

  .\32xl\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .\32xl\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .\32xl\:tracking-normal {
    letter-spacing: 0em;
  }

  .\32xl\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .\32xl\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .\32xl\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .\32xl\:text-transparent {
    color: transparent;
  }

  .\32xl\:text-current {
    color: currentColor;
  }

  .\32xl\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .\32xl\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .\32xl\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .\32xl\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .\32xl\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .\32xl\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .\32xl\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .\32xl\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .\32xl\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .\32xl\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .\32xl\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .\32xl\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .\32xl\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .\32xl\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .\32xl\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .\32xl\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .\32xl\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .\32xl\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .\32xl\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .\32xl\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .\32xl\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .\32xl\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .\32xl\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .\32xl\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .\32xl\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .\32xl\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .\32xl\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .\32xl\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-transparent {
    color: transparent;
  }

  .group:hover .\32xl\:group-hover\:text-current {
    color: currentColor;
  }

  .group:hover .\32xl\:group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-50 {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-50 {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-blue-900 {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-300 {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-50 {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-50 {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-100 {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-200 {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-400 {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-700 {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-800 {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .group:hover .\32xl\:group-hover\:text-pink-900 {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-transparent:focus-within {
    color: transparent;
  }

  .\32xl\:focus-within\:text-current:focus-within {
    color: currentColor;
  }

  .\32xl\:focus-within\:text-black:focus-within {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-white:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-gray-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-red-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-yellow-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-green-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-blue-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-indigo-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-purple-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-50:focus-within {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-100:focus-within {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-200:focus-within {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-300:focus-within {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-400:focus-within {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-500:focus-within {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-600:focus-within {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-700:focus-within {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-800:focus-within {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .\32xl\:focus-within\:text-pink-900:focus-within {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-transparent:hover {
    color: transparent;
  }

  .\32xl\:hover\:text-current:hover {
    color: currentColor;
  }

  .\32xl\:hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-50:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-50:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-300:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-700:hover {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-800:hover {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-yellow-900:hover {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-300:hover {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-400:hover {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-800:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-50:hover {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-200:hover {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-300:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-800:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-indigo-900:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-50:hover {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-100:hover {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-200:hover {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-800:hover {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-purple-900:hover {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-50:hover {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-100:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-200:hover {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-300:hover {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-400:hover {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-800:hover {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .\32xl\:hover\:text-pink-900:hover {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-transparent:focus {
    color: transparent;
  }

  .\32xl\:focus\:text-current:focus {
    color: currentColor;
  }

  .\32xl\:focus\:text-black:focus {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-200:focus {
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-300:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-50:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-200:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-400:focus {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-500:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-600:focus {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-700:focus {
    --tw-text-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-800:focus {
    --tw-text-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-red-900:focus {
    --tw-text-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-50:focus {
    --tw-text-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-100:focus {
    --tw-text-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-200:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-300:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-400:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-500:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-600:focus {
    --tw-text-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-700:focus {
    --tw-text-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-800:focus {
    --tw-text-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-yellow-900:focus {
    --tw-text-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-50:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-100:focus {
    --tw-text-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-200:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-300:focus {
    --tw-text-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-400:focus {
    --tw-text-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-500:focus {
    --tw-text-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-600:focus {
    --tw-text-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-700:focus {
    --tw-text-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-800:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-green-900:focus {
    --tw-text-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-50:focus {
    --tw-text-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-100:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-200:focus {
    --tw-text-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-300:focus {
    --tw-text-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-400:focus {
    --tw-text-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-500:focus {
    --tw-text-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-600:focus {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-700:focus {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-800:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-blue-900:focus {
    --tw-text-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-50:focus {
    --tw-text-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-100:focus {
    --tw-text-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-200:focus {
    --tw-text-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-300:focus {
    --tw-text-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-400:focus {
    --tw-text-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-500:focus {
    --tw-text-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-600:focus {
    --tw-text-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-700:focus {
    --tw-text-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-indigo-900:focus {
    --tw-text-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-50:focus {
    --tw-text-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-100:focus {
    --tw-text-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-200:focus {
    --tw-text-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-300:focus {
    --tw-text-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-400:focus {
    --tw-text-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-500:focus {
    --tw-text-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-600:focus {
    --tw-text-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-700:focus {
    --tw-text-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-800:focus {
    --tw-text-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-purple-900:focus {
    --tw-text-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-50:focus {
    --tw-text-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-100:focus {
    --tw-text-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-200:focus {
    --tw-text-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-300:focus {
    --tw-text-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-400:focus {
    --tw-text-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-500:focus {
    --tw-text-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-600:focus {
    --tw-text-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-700:focus {
    --tw-text-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-800:focus {
    --tw-text-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-text-opacity));
  }

  .\32xl\:focus\:text-pink-900:focus {
    --tw-text-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-text-opacity));
  }

  .\32xl\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .\32xl\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .\32xl\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .\32xl\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .\32xl\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .\32xl\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .\32xl\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .\32xl\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .\32xl\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .\32xl\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .\32xl\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .\32xl\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .\32xl\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .\32xl\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .\32xl\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-0 {
    --tw-text-opacity: 0;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95;
  }

  .group:hover .\32xl\:group-hover\:text-opacity-100 {
    --tw-text-opacity: 1;
  }

  .\32xl\:focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0;
  }

  .\32xl\:focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05;
  }

  .\32xl\:focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1;
  }

  .\32xl\:focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2;
  }

  .\32xl\:focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25;
  }

  .\32xl\:focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3;
  }

  .\32xl\:focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4;
  }

  .\32xl\:focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5;
  }

  .\32xl\:focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6;
  }

  .\32xl\:focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7;
  }

  .\32xl\:focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75;
  }

  .\32xl\:focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8;
  }

  .\32xl\:focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9;
  }

  .\32xl\:focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95;
  }

  .\32xl\:focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1;
  }

  .\32xl\:hover\:text-opacity-0:hover {
    --tw-text-opacity: 0;
  }

  .\32xl\:hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05;
  }

  .\32xl\:hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1;
  }

  .\32xl\:hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2;
  }

  .\32xl\:hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25;
  }

  .\32xl\:hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3;
  }

  .\32xl\:hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4;
  }

  .\32xl\:hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5;
  }

  .\32xl\:hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6;
  }

  .\32xl\:hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7;
  }

  .\32xl\:hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75;
  }

  .\32xl\:hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8;
  }

  .\32xl\:hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9;
  }

  .\32xl\:hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95;
  }

  .\32xl\:hover\:text-opacity-100:hover {
    --tw-text-opacity: 1;
  }

  .\32xl\:focus\:text-opacity-0:focus {
    --tw-text-opacity: 0;
  }

  .\32xl\:focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05;
  }

  .\32xl\:focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1;
  }

  .\32xl\:focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2;
  }

  .\32xl\:focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25;
  }

  .\32xl\:focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3;
  }

  .\32xl\:focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4;
  }

  .\32xl\:focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5;
  }

  .\32xl\:focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6;
  }

  .\32xl\:focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7;
  }

  .\32xl\:focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75;
  }

  .\32xl\:focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8;
  }

  .\32xl\:focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9;
  }

  .\32xl\:focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95;
  }

  .\32xl\:focus\:text-opacity-100:focus {
    --tw-text-opacity: 1;
  }

  .\32xl\:underline {
    text-decoration: underline;
  }

  .\32xl\:line-through {
    text-decoration: line-through;
  }

  .\32xl\:no-underline {
    text-decoration: none;
  }

  .group:hover .\32xl\:group-hover\:underline {
    text-decoration: underline;
  }

  .group:hover .\32xl\:group-hover\:line-through {
    text-decoration: line-through;
  }

  .group:hover .\32xl\:group-hover\:no-underline {
    text-decoration: none;
  }

  .\32xl\:focus-within\:underline:focus-within {
    text-decoration: underline;
  }

  .\32xl\:focus-within\:line-through:focus-within {
    text-decoration: line-through;
  }

  .\32xl\:focus-within\:no-underline:focus-within {
    text-decoration: none;
  }

  .\32xl\:hover\:underline:hover {
    text-decoration: underline;
  }

  .\32xl\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .\32xl\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .\32xl\:focus\:underline:focus {
    text-decoration: underline;
  }

  .\32xl\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .\32xl\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .\32xl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .\32xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .\32xl\:placeholder-transparent::-webkit-input-placeholder {
    color: transparent;
  }

  .\32xl\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  .\32xl\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .\32xl\:placeholder-transparent::-ms-input-placeholder {
    color: transparent;
  }

  .\32xl\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .\32xl\:placeholder-current::-webkit-input-placeholder {
    color: currentColor;
  }

  .\32xl\:placeholder-current::-moz-placeholder {
    color: currentColor;
  }

  .\32xl\:placeholder-current:-ms-input-placeholder {
    color: currentColor;
  }

  .\32xl\:placeholder-current::-ms-input-placeholder {
    color: currentColor;
  }

  .\32xl\:placeholder-current::placeholder {
    color: currentColor;
  }

  .\32xl\:placeholder-black::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-black:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-black::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-white::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-white:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-white::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-gray-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-red-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-yellow-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-green-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-blue-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-indigo-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-purple-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-50::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-50::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-200::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-200::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-200:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-200::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-200::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-300::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-300:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-300::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-400::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-400:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-400::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-600::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-600:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-600::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-700::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-700:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-700::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-800::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-800::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-800:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-800::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-800::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-900::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-900::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-900:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-900::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-pink-900::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent;
  }

  .\32xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  .\32xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .\32xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent;
  }

  .\32xl\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .\32xl\:focus\:placeholder-current:focus::-webkit-input-placeholder {
    color: currentColor;
  }

  .\32xl\:focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor;
  }

  .\32xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
    color: currentColor;
  }

  .\32xl\:focus\:placeholder-current:focus::-ms-input-placeholder {
    color: currentColor;
  }

  .\32xl\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  .\32xl\:focus\:placeholder-black:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-black:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-black:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-black:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-white:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-white:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-white:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-white:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-gray-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-red-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-yellow-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-green-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-blue-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-indigo-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-purple-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-50:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-200:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-300:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-400:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-500:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-600:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-700:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-800:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:focus\:placeholder-pink-900:focus::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
  }

  .\32xl\:placeholder-opacity-0::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:placeholder-opacity-0::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:placeholder-opacity-0:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:placeholder-opacity-0::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:placeholder-opacity-5::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:placeholder-opacity-5::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:placeholder-opacity-5:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:placeholder-opacity-5::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:placeholder-opacity-10::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:placeholder-opacity-10::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:placeholder-opacity-10:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:placeholder-opacity-10::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:placeholder-opacity-20::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:placeholder-opacity-20::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:placeholder-opacity-20:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:placeholder-opacity-20::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:placeholder-opacity-25::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:placeholder-opacity-25::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:placeholder-opacity-25:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:placeholder-opacity-25::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:placeholder-opacity-30::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:placeholder-opacity-30::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:placeholder-opacity-30:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:placeholder-opacity-30::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:placeholder-opacity-40::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:placeholder-opacity-40::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:placeholder-opacity-40:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:placeholder-opacity-40::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:placeholder-opacity-50::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:placeholder-opacity-50::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:placeholder-opacity-50:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:placeholder-opacity-50::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:placeholder-opacity-60::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:placeholder-opacity-60::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:placeholder-opacity-60:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:placeholder-opacity-60::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:placeholder-opacity-70::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:placeholder-opacity-70::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:placeholder-opacity-70:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:placeholder-opacity-70::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:placeholder-opacity-75::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:placeholder-opacity-75::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:placeholder-opacity-75:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:placeholder-opacity-75::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:placeholder-opacity-80::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:placeholder-opacity-80::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:placeholder-opacity-80:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:placeholder-opacity-80::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:placeholder-opacity-90::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:placeholder-opacity-90::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:placeholder-opacity-90:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:placeholder-opacity-90::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:placeholder-opacity-95::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:placeholder-opacity-95::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:placeholder-opacity-95:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:placeholder-opacity-95::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:placeholder-opacity-100::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:placeholder-opacity-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:placeholder-opacity-100:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:placeholder-opacity-100::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0;
  }

  .\32xl\:focus\:placeholder-opacity-5:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:focus\:placeholder-opacity-5:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:focus\:placeholder-opacity-5:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:focus\:placeholder-opacity-5:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05;
  }

  .\32xl\:focus\:placeholder-opacity-10:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:focus\:placeholder-opacity-10:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:focus\:placeholder-opacity-10:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:focus\:placeholder-opacity-10:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1;
  }

  .\32xl\:focus\:placeholder-opacity-20:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:focus\:placeholder-opacity-20:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:focus\:placeholder-opacity-20:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:focus\:placeholder-opacity-20:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2;
  }

  .\32xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25;
  }

  .\32xl\:focus\:placeholder-opacity-30:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:focus\:placeholder-opacity-30:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:focus\:placeholder-opacity-30:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:focus\:placeholder-opacity-30:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3;
  }

  .\32xl\:focus\:placeholder-opacity-40:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:focus\:placeholder-opacity-40:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:focus\:placeholder-opacity-40:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:focus\:placeholder-opacity-40:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4;
  }

  .\32xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5;
  }

  .\32xl\:focus\:placeholder-opacity-60:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:focus\:placeholder-opacity-60:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:focus\:placeholder-opacity-60:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:focus\:placeholder-opacity-60:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6;
  }

  .\32xl\:focus\:placeholder-opacity-70:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:focus\:placeholder-opacity-70:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:focus\:placeholder-opacity-70:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:focus\:placeholder-opacity-70:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7;
  }

  .\32xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75;
  }

  .\32xl\:focus\:placeholder-opacity-80:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:focus\:placeholder-opacity-80:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:focus\:placeholder-opacity-80:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:focus\:placeholder-opacity-80:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8;
  }

  .\32xl\:focus\:placeholder-opacity-90:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:focus\:placeholder-opacity-90:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:focus\:placeholder-opacity-90:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:focus\:placeholder-opacity-90:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9;
  }

  .\32xl\:focus\:placeholder-opacity-95:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:focus\:placeholder-opacity-95:focus::-moz-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:focus\:placeholder-opacity-95:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:focus\:placeholder-opacity-95:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95;
  }

  .\32xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1;
  }

  .\32xl\:opacity-0 {
    opacity: 0;
  }

  .\32xl\:opacity-5 {
    opacity: 0.05;
  }

  .\32xl\:opacity-10 {
    opacity: 0.1;
  }

  .\32xl\:opacity-20 {
    opacity: 0.2;
  }

  .\32xl\:opacity-25 {
    opacity: 0.25;
  }

  .\32xl\:opacity-30 {
    opacity: 0.3;
  }

  .\32xl\:opacity-40 {
    opacity: 0.4;
  }

  .\32xl\:opacity-50 {
    opacity: 0.5;
  }

  .\32xl\:opacity-60 {
    opacity: 0.6;
  }

  .\32xl\:opacity-70 {
    opacity: 0.7;
  }

  .\32xl\:opacity-75 {
    opacity: 0.75;
  }

  .\32xl\:opacity-80 {
    opacity: 0.8;
  }

  .\32xl\:opacity-90 {
    opacity: 0.9;
  }

  .\32xl\:opacity-95 {
    opacity: 0.95;
  }

  .\32xl\:opacity-100 {
    opacity: 1;
  }

  .group:hover .\32xl\:group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .\32xl\:group-hover\:opacity-5 {
    opacity: 0.05;
  }

  .group:hover .\32xl\:group-hover\:opacity-10 {
    opacity: 0.1;
  }

  .group:hover .\32xl\:group-hover\:opacity-20 {
    opacity: 0.2;
  }

  .group:hover .\32xl\:group-hover\:opacity-25 {
    opacity: 0.25;
  }

  .group:hover .\32xl\:group-hover\:opacity-30 {
    opacity: 0.3;
  }

  .group:hover .\32xl\:group-hover\:opacity-40 {
    opacity: 0.4;
  }

  .group:hover .\32xl\:group-hover\:opacity-50 {
    opacity: 0.5;
  }

  .group:hover .\32xl\:group-hover\:opacity-60 {
    opacity: 0.6;
  }

  .group:hover .\32xl\:group-hover\:opacity-70 {
    opacity: 0.7;
  }

  .group:hover .\32xl\:group-hover\:opacity-75 {
    opacity: 0.75;
  }

  .group:hover .\32xl\:group-hover\:opacity-80 {
    opacity: 0.8;
  }

  .group:hover .\32xl\:group-hover\:opacity-90 {
    opacity: 0.9;
  }

  .group:hover .\32xl\:group-hover\:opacity-95 {
    opacity: 0.95;
  }

  .group:hover .\32xl\:group-hover\:opacity-100 {
    opacity: 1;
  }

  .\32xl\:focus-within\:opacity-0:focus-within {
    opacity: 0;
  }

  .\32xl\:focus-within\:opacity-5:focus-within {
    opacity: 0.05;
  }

  .\32xl\:focus-within\:opacity-10:focus-within {
    opacity: 0.1;
  }

  .\32xl\:focus-within\:opacity-20:focus-within {
    opacity: 0.2;
  }

  .\32xl\:focus-within\:opacity-25:focus-within {
    opacity: 0.25;
  }

  .\32xl\:focus-within\:opacity-30:focus-within {
    opacity: 0.3;
  }

  .\32xl\:focus-within\:opacity-40:focus-within {
    opacity: 0.4;
  }

  .\32xl\:focus-within\:opacity-50:focus-within {
    opacity: 0.5;
  }

  .\32xl\:focus-within\:opacity-60:focus-within {
    opacity: 0.6;
  }

  .\32xl\:focus-within\:opacity-70:focus-within {
    opacity: 0.7;
  }

  .\32xl\:focus-within\:opacity-75:focus-within {
    opacity: 0.75;
  }

  .\32xl\:focus-within\:opacity-80:focus-within {
    opacity: 0.8;
  }

  .\32xl\:focus-within\:opacity-90:focus-within {
    opacity: 0.9;
  }

  .\32xl\:focus-within\:opacity-95:focus-within {
    opacity: 0.95;
  }

  .\32xl\:focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .\32xl\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .\32xl\:hover\:opacity-5:hover {
    opacity: 0.05;
  }

  .\32xl\:hover\:opacity-10:hover {
    opacity: 0.1;
  }

  .\32xl\:hover\:opacity-20:hover {
    opacity: 0.2;
  }

  .\32xl\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .\32xl\:hover\:opacity-30:hover {
    opacity: 0.3;
  }

  .\32xl\:hover\:opacity-40:hover {
    opacity: 0.4;
  }

  .\32xl\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .\32xl\:hover\:opacity-60:hover {
    opacity: 0.6;
  }

  .\32xl\:hover\:opacity-70:hover {
    opacity: 0.7;
  }

  .\32xl\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .\32xl\:hover\:opacity-80:hover {
    opacity: 0.8;
  }

  .\32xl\:hover\:opacity-90:hover {
    opacity: 0.9;
  }

  .\32xl\:hover\:opacity-95:hover {
    opacity: 0.95;
  }

  .\32xl\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .\32xl\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .\32xl\:focus\:opacity-5:focus {
    opacity: 0.05;
  }

  .\32xl\:focus\:opacity-10:focus {
    opacity: 0.1;
  }

  .\32xl\:focus\:opacity-20:focus {
    opacity: 0.2;
  }

  .\32xl\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .\32xl\:focus\:opacity-30:focus {
    opacity: 0.3;
  }

  .\32xl\:focus\:opacity-40:focus {
    opacity: 0.4;
  }

  .\32xl\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .\32xl\:focus\:opacity-60:focus {
    opacity: 0.6;
  }

  .\32xl\:focus\:opacity-70:focus {
    opacity: 0.7;
  }

  .\32xl\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .\32xl\:focus\:opacity-80:focus {
    opacity: 0.8;
  }

  .\32xl\:focus\:opacity-90:focus {
    opacity: 0.9;
  }

  .\32xl\:focus\:opacity-95:focus {
    opacity: 0.95;
  }

  .\32xl\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .\32xl\:bg-blend-normal {
    background-blend-mode: normal;
  }

  .\32xl\:bg-blend-multiply {
    background-blend-mode: multiply;
  }

  .\32xl\:bg-blend-screen {
    background-blend-mode: screen;
  }

  .\32xl\:bg-blend-overlay {
    background-blend-mode: overlay;
  }

  .\32xl\:bg-blend-darken {
    background-blend-mode: darken;
  }

  .\32xl\:bg-blend-lighten {
    background-blend-mode: lighten;
  }

  .\32xl\:bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .\32xl\:bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .\32xl\:bg-blend-hard-light {
    background-blend-mode: hard-light;
  }

  .\32xl\:bg-blend-soft-light {
    background-blend-mode: soft-light;
  }

  .\32xl\:bg-blend-difference {
    background-blend-mode: difference;
  }

  .\32xl\:bg-blend-exclusion {
    background-blend-mode: exclusion;
  }

  .\32xl\:bg-blend-hue {
    background-blend-mode: hue;
  }

  .\32xl\:bg-blend-saturation {
    background-blend-mode: saturation;
  }

  .\32xl\:bg-blend-color {
    background-blend-mode: color;
  }

  .\32xl\:bg-blend-luminosity {
    background-blend-mode: luminosity;
  }

  .\32xl\:mix-blend-normal {
    mix-blend-mode: normal;
  }

  .\32xl\:mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .\32xl\:mix-blend-screen {
    mix-blend-mode: screen;
  }

  .\32xl\:mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .\32xl\:mix-blend-darken {
    mix-blend-mode: darken;
  }

  .\32xl\:mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .\32xl\:mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .\32xl\:mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .\32xl\:mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  .\32xl\:mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .\32xl\:mix-blend-difference {
    mix-blend-mode: difference;
  }

  .\32xl\:mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }

  .\32xl\:mix-blend-hue {
    mix-blend-mode: hue;
  }

  .\32xl\:mix-blend-saturation {
    mix-blend-mode: saturation;
  }

  .\32xl\:mix-blend-color {
    mix-blend-mode: color;
  }

  .\32xl\:mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .\32xl\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .\32xl\:group-hover\:shadow-none {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow:focus-within {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-xl:focus-within {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-2xl:focus-within {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-inner:focus-within {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus-within\:shadow-none:focus-within {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-2xl:focus {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-inner:focus {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\32xl\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .\32xl\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .\32xl\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .\32xl\:focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .\32xl\:focus-within\:outline-white:focus-within {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .\32xl\:focus-within\:outline-black:focus-within {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .\32xl\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .\32xl\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .\32xl\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .\32xl\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:ring-8 {
    --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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:focus\:ring-8: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(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\: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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .\32xl\:ring-inset {
    --tw-ring-inset: inset;
  }

  .\32xl\:focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset;
  }

  .\32xl\:focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .\32xl\:ring-transparent {
    --tw-ring-color: transparent;
  }

  .\32xl\:ring-current {
    --tw-ring-color: currentColor;
  }

  .\32xl\:ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .\32xl\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .\32xl\:ring-gray-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .\32xl\:ring-red-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .\32xl\:ring-yellow-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .\32xl\:ring-green-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .\32xl\:ring-blue-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .\32xl\:ring-indigo-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .\32xl\:ring-purple-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .\32xl\:ring-pink-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }

  .\32xl\:focus-within\:ring-current:focus-within {
    --tw-ring-color: currentColor;
  }

  .\32xl\:focus-within\:ring-black:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-white:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-gray-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-red-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-yellow-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-green-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-blue-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-indigo-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-purple-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-50:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-100:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-200:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-300:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-400:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-800:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .\32xl\:focus-within\:ring-pink-900:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }

  .\32xl\:focus\:ring-current:focus {
    --tw-ring-color: currentColor;
  }

  .\32xl\:focus\:ring-black:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-yellow-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-green-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-blue-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-indigo-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-purple-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
  }

  .\32xl\:focus\:ring-pink-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
  }

  .\32xl\:ring-opacity-0 {
    --tw-ring-opacity: 0;
  }

  .\32xl\:ring-opacity-5 {
    --tw-ring-opacity: 0.05;
  }

  .\32xl\:ring-opacity-10 {
    --tw-ring-opacity: 0.1;
  }

  .\32xl\:ring-opacity-20 {
    --tw-ring-opacity: 0.2;
  }

  .\32xl\:ring-opacity-25 {
    --tw-ring-opacity: 0.25;
  }

  .\32xl\:ring-opacity-30 {
    --tw-ring-opacity: 0.3;
  }

  .\32xl\:ring-opacity-40 {
    --tw-ring-opacity: 0.4;
  }

  .\32xl\:ring-opacity-50 {
    --tw-ring-opacity: 0.5;
  }

  .\32xl\:ring-opacity-60 {
    --tw-ring-opacity: 0.6;
  }

  .\32xl\:ring-opacity-70 {
    --tw-ring-opacity: 0.7;
  }

  .\32xl\:ring-opacity-75 {
    --tw-ring-opacity: 0.75;
  }

  .\32xl\:ring-opacity-80 {
    --tw-ring-opacity: 0.8;
  }

  .\32xl\:ring-opacity-90 {
    --tw-ring-opacity: 0.9;
  }

  .\32xl\:ring-opacity-95 {
    --tw-ring-opacity: 0.95;
  }

  .\32xl\:ring-opacity-100 {
    --tw-ring-opacity: 1;
  }

  .\32xl\:focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0;
  }

  .\32xl\:focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05;
  }

  .\32xl\:focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1;
  }

  .\32xl\:focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2;
  }

  .\32xl\:focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25;
  }

  .\32xl\:focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3;
  }

  .\32xl\:focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4;
  }

  .\32xl\:focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5;
  }

  .\32xl\:focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6;
  }

  .\32xl\:focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7;
  }

  .\32xl\:focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75;
  }

  .\32xl\:focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8;
  }

  .\32xl\:focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9;
  }

  .\32xl\:focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95;
  }

  .\32xl\:focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1;
  }

  .\32xl\:focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0;
  }

  .\32xl\:focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05;
  }

  .\32xl\:focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1;
  }

  .\32xl\:focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2;
  }

  .\32xl\:focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25;
  }

  .\32xl\:focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3;
  }

  .\32xl\:focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4;
  }

  .\32xl\:focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
  }

  .\32xl\:focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6;
  }

  .\32xl\:focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7;
  }

  .\32xl\:focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75;
  }

  .\32xl\:focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8;
  }

  .\32xl\:focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9;
  }

  .\32xl\:focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95;
  }

  .\32xl\:focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1;
  }

  .\32xl\:ring-offset-0 {
    --tw-ring-offset-width: 0px;
  }

  .\32xl\:ring-offset-1 {
    --tw-ring-offset-width: 1px;
  }

  .\32xl\:ring-offset-2 {
    --tw-ring-offset-width: 2px;
  }

  .\32xl\:ring-offset-4 {
    --tw-ring-offset-width: 4px;
  }

  .\32xl\:ring-offset-8 {
    --tw-ring-offset-width: 8px;
  }

  .\32xl\:focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px;
  }

  .\32xl\:focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px;
  }

  .\32xl\:focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
  }

  .\32xl\:focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px;
  }

  .\32xl\:focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px;
  }

  .\32xl\:focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
  }

  .\32xl\:focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
  }

  .\32xl\:focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }

  .\32xl\:focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px;
  }

  .\32xl\:focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px;
  }

  .\32xl\:ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }

  .\32xl\:ring-offset-current {
    --tw-ring-offset-color: currentColor;
  }

  .\32xl\:ring-offset-black {
    --tw-ring-offset-color: #000;
  }

  .\32xl\:ring-offset-white {
    --tw-ring-offset-color: #fff;
  }

  .\32xl\:ring-offset-gray-50 {
    --tw-ring-offset-color: #f9fafb;
  }

  .\32xl\:ring-offset-gray-100 {
    --tw-ring-offset-color: #f3f4f6;
  }

  .\32xl\:ring-offset-gray-200 {
    --tw-ring-offset-color: #e5e7eb;
  }

  .\32xl\:ring-offset-gray-300 {
    --tw-ring-offset-color: #d1d5db;
  }

  .\32xl\:ring-offset-gray-400 {
    --tw-ring-offset-color: #9ca3af;
  }

  .\32xl\:ring-offset-gray-500 {
    --tw-ring-offset-color: #6b7280;
  }

  .\32xl\:ring-offset-gray-600 {
    --tw-ring-offset-color: #4b5563;
  }

  .\32xl\:ring-offset-gray-700 {
    --tw-ring-offset-color: #374151;
  }

  .\32xl\:ring-offset-gray-800 {
    --tw-ring-offset-color: #1f2937;
  }

  .\32xl\:ring-offset-gray-900 {
    --tw-ring-offset-color: #111827;
  }

  .\32xl\:ring-offset-red-50 {
    --tw-ring-offset-color: #fef2f2;
  }

  .\32xl\:ring-offset-red-100 {
    --tw-ring-offset-color: #fee2e2;
  }

  .\32xl\:ring-offset-red-200 {
    --tw-ring-offset-color: #fecaca;
  }

  .\32xl\:ring-offset-red-300 {
    --tw-ring-offset-color: #fca5a5;
  }

  .\32xl\:ring-offset-red-400 {
    --tw-ring-offset-color: #f87171;
  }

  .\32xl\:ring-offset-red-500 {
    --tw-ring-offset-color: #ef4444;
  }

  .\32xl\:ring-offset-red-600 {
    --tw-ring-offset-color: #dc2626;
  }

  .\32xl\:ring-offset-red-700 {
    --tw-ring-offset-color: #b91c1c;
  }

  .\32xl\:ring-offset-red-800 {
    --tw-ring-offset-color: #991b1b;
  }

  .\32xl\:ring-offset-red-900 {
    --tw-ring-offset-color: #7f1d1d;
  }

  .\32xl\:ring-offset-yellow-50 {
    --tw-ring-offset-color: #fffbeb;
  }

  .\32xl\:ring-offset-yellow-100 {
    --tw-ring-offset-color: #fef3c7;
  }

  .\32xl\:ring-offset-yellow-200 {
    --tw-ring-offset-color: #fde68a;
  }

  .\32xl\:ring-offset-yellow-300 {
    --tw-ring-offset-color: #fcd34d;
  }

  .\32xl\:ring-offset-yellow-400 {
    --tw-ring-offset-color: #fbbf24;
  }

  .\32xl\:ring-offset-yellow-500 {
    --tw-ring-offset-color: #f59e0b;
  }

  .\32xl\:ring-offset-yellow-600 {
    --tw-ring-offset-color: #d97706;
  }

  .\32xl\:ring-offset-yellow-700 {
    --tw-ring-offset-color: #b45309;
  }

  .\32xl\:ring-offset-yellow-800 {
    --tw-ring-offset-color: #92400e;
  }

  .\32xl\:ring-offset-yellow-900 {
    --tw-ring-offset-color: #78350f;
  }

  .\32xl\:ring-offset-green-50 {
    --tw-ring-offset-color: #ecfdf5;
  }

  .\32xl\:ring-offset-green-100 {
    --tw-ring-offset-color: #d1fae5;
  }

  .\32xl\:ring-offset-green-200 {
    --tw-ring-offset-color: #a7f3d0;
  }

  .\32xl\:ring-offset-green-300 {
    --tw-ring-offset-color: #6ee7b7;
  }

  .\32xl\:ring-offset-green-400 {
    --tw-ring-offset-color: #34d399;
  }

  .\32xl\:ring-offset-green-500 {
    --tw-ring-offset-color: #10b981;
  }

  .\32xl\:ring-offset-green-600 {
    --tw-ring-offset-color: #059669;
  }

  .\32xl\:ring-offset-green-700 {
    --tw-ring-offset-color: #047857;
  }

  .\32xl\:ring-offset-green-800 {
    --tw-ring-offset-color: #065f46;
  }

  .\32xl\:ring-offset-green-900 {
    --tw-ring-offset-color: #064e3b;
  }

  .\32xl\:ring-offset-blue-50 {
    --tw-ring-offset-color: #eff6ff;
  }

  .\32xl\:ring-offset-blue-100 {
    --tw-ring-offset-color: #dbeafe;
  }

  .\32xl\:ring-offset-blue-200 {
    --tw-ring-offset-color: #bfdbfe;
  }

  .\32xl\:ring-offset-blue-300 {
    --tw-ring-offset-color: #93c5fd;
  }

  .\32xl\:ring-offset-blue-400 {
    --tw-ring-offset-color: #60a5fa;
  }

  .\32xl\:ring-offset-blue-500 {
    --tw-ring-offset-color: #3b82f6;
  }

  .\32xl\:ring-offset-blue-600 {
    --tw-ring-offset-color: #2563eb;
  }

  .\32xl\:ring-offset-blue-700 {
    --tw-ring-offset-color: #1d4ed8;
  }

  .\32xl\:ring-offset-blue-800 {
    --tw-ring-offset-color: #1e40af;
  }

  .\32xl\:ring-offset-blue-900 {
    --tw-ring-offset-color: #1e3a8a;
  }

  .\32xl\:ring-offset-indigo-50 {
    --tw-ring-offset-color: #eef2ff;
  }

  .\32xl\:ring-offset-indigo-100 {
    --tw-ring-offset-color: #e0e7ff;
  }

  .\32xl\:ring-offset-indigo-200 {
    --tw-ring-offset-color: #c7d2fe;
  }

  .\32xl\:ring-offset-indigo-300 {
    --tw-ring-offset-color: #a5b4fc;
  }

  .\32xl\:ring-offset-indigo-400 {
    --tw-ring-offset-color: #818cf8;
  }

  .\32xl\:ring-offset-indigo-500 {
    --tw-ring-offset-color: #6366f1;
  }

  .\32xl\:ring-offset-indigo-600 {
    --tw-ring-offset-color: #4f46e5;
  }

  .\32xl\:ring-offset-indigo-700 {
    --tw-ring-offset-color: #4338ca;
  }

  .\32xl\:ring-offset-indigo-800 {
    --tw-ring-offset-color: #3730a3;
  }

  .\32xl\:ring-offset-indigo-900 {
    --tw-ring-offset-color: #312e81;
  }

  .\32xl\:ring-offset-purple-50 {
    --tw-ring-offset-color: #f5f3ff;
  }

  .\32xl\:ring-offset-purple-100 {
    --tw-ring-offset-color: #ede9fe;
  }

  .\32xl\:ring-offset-purple-200 {
    --tw-ring-offset-color: #ddd6fe;
  }

  .\32xl\:ring-offset-purple-300 {
    --tw-ring-offset-color: #c4b5fd;
  }

  .\32xl\:ring-offset-purple-400 {
    --tw-ring-offset-color: #a78bfa;
  }

  .\32xl\:ring-offset-purple-500 {
    --tw-ring-offset-color: #8b5cf6;
  }

  .\32xl\:ring-offset-purple-600 {
    --tw-ring-offset-color: #7c3aed;
  }

  .\32xl\:ring-offset-purple-700 {
    --tw-ring-offset-color: #6d28d9;
  }

  .\32xl\:ring-offset-purple-800 {
    --tw-ring-offset-color: #5b21b6;
  }

  .\32xl\:ring-offset-purple-900 {
    --tw-ring-offset-color: #4c1d95;
  }

  .\32xl\:ring-offset-pink-50 {
    --tw-ring-offset-color: #fdf2f8;
  }

  .\32xl\:ring-offset-pink-100 {
    --tw-ring-offset-color: #fce7f3;
  }

  .\32xl\:ring-offset-pink-200 {
    --tw-ring-offset-color: #fbcfe8;
  }

  .\32xl\:ring-offset-pink-300 {
    --tw-ring-offset-color: #f9a8d4;
  }

  .\32xl\:ring-offset-pink-400 {
    --tw-ring-offset-color: #f472b6;
  }

  .\32xl\:ring-offset-pink-500 {
    --tw-ring-offset-color: #ec4899;
  }

  .\32xl\:ring-offset-pink-600 {
    --tw-ring-offset-color: #db2777;
  }

  .\32xl\:ring-offset-pink-700 {
    --tw-ring-offset-color: #be185d;
  }

  .\32xl\:ring-offset-pink-800 {
    --tw-ring-offset-color: #9d174d;
  }

  .\32xl\:ring-offset-pink-900 {
    --tw-ring-offset-color: #831843;
  }

  .\32xl\:focus-within\:ring-offset-transparent:focus-within {
    --tw-ring-offset-color: transparent;
  }

  .\32xl\:focus-within\:ring-offset-current:focus-within {
    --tw-ring-offset-color: currentColor;
  }

  .\32xl\:focus-within\:ring-offset-black:focus-within {
    --tw-ring-offset-color: #000;
  }

  .\32xl\:focus-within\:ring-offset-white:focus-within {
    --tw-ring-offset-color: #fff;
  }

  .\32xl\:focus-within\:ring-offset-gray-50:focus-within {
    --tw-ring-offset-color: #f9fafb;
  }

  .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6;
  }

  .\32xl\:focus-within\:ring-offset-gray-200:focus-within {
    --tw-ring-offset-color: #e5e7eb;
  }

  .\32xl\:focus-within\:ring-offset-gray-300:focus-within {
    --tw-ring-offset-color: #d1d5db;
  }

  .\32xl\:focus-within\:ring-offset-gray-400:focus-within {
    --tw-ring-offset-color: #9ca3af;
  }

  .\32xl\:focus-within\:ring-offset-gray-500:focus-within {
    --tw-ring-offset-color: #6b7280;
  }

  .\32xl\:focus-within\:ring-offset-gray-600:focus-within {
    --tw-ring-offset-color: #4b5563;
  }

  .\32xl\:focus-within\:ring-offset-gray-700:focus-within {
    --tw-ring-offset-color: #374151;
  }

  .\32xl\:focus-within\:ring-offset-gray-800:focus-within {
    --tw-ring-offset-color: #1f2937;
  }

  .\32xl\:focus-within\:ring-offset-gray-900:focus-within {
    --tw-ring-offset-color: #111827;
  }

  .\32xl\:focus-within\:ring-offset-red-50:focus-within {
    --tw-ring-offset-color: #fef2f2;
  }

  .\32xl\:focus-within\:ring-offset-red-100:focus-within {
    --tw-ring-offset-color: #fee2e2;
  }

  .\32xl\:focus-within\:ring-offset-red-200:focus-within {
    --tw-ring-offset-color: #fecaca;
  }

  .\32xl\:focus-within\:ring-offset-red-300:focus-within {
    --tw-ring-offset-color: #fca5a5;
  }

  .\32xl\:focus-within\:ring-offset-red-400:focus-within {
    --tw-ring-offset-color: #f87171;
  }

  .\32xl\:focus-within\:ring-offset-red-500:focus-within {
    --tw-ring-offset-color: #ef4444;
  }

  .\32xl\:focus-within\:ring-offset-red-600:focus-within {
    --tw-ring-offset-color: #dc2626;
  }

  .\32xl\:focus-within\:ring-offset-red-700:focus-within {
    --tw-ring-offset-color: #b91c1c;
  }

  .\32xl\:focus-within\:ring-offset-red-800:focus-within {
    --tw-ring-offset-color: #991b1b;
  }

  .\32xl\:focus-within\:ring-offset-red-900:focus-within {
    --tw-ring-offset-color: #7f1d1d;
  }

  .\32xl\:focus-within\:ring-offset-yellow-50:focus-within {
    --tw-ring-offset-color: #fffbeb;
  }

  .\32xl\:focus-within\:ring-offset-yellow-100:focus-within {
    --tw-ring-offset-color: #fef3c7;
  }

  .\32xl\:focus-within\:ring-offset-yellow-200:focus-within {
    --tw-ring-offset-color: #fde68a;
  }

  .\32xl\:focus-within\:ring-offset-yellow-300:focus-within {
    --tw-ring-offset-color: #fcd34d;
  }

  .\32xl\:focus-within\:ring-offset-yellow-400:focus-within {
    --tw-ring-offset-color: #fbbf24;
  }

  .\32xl\:focus-within\:ring-offset-yellow-500:focus-within {
    --tw-ring-offset-color: #f59e0b;
  }

  .\32xl\:focus-within\:ring-offset-yellow-600:focus-within {
    --tw-ring-offset-color: #d97706;
  }

  .\32xl\:focus-within\:ring-offset-yellow-700:focus-within {
    --tw-ring-offset-color: #b45309;
  }

  .\32xl\:focus-within\:ring-offset-yellow-800:focus-within {
    --tw-ring-offset-color: #92400e;
  }

  .\32xl\:focus-within\:ring-offset-yellow-900:focus-within {
    --tw-ring-offset-color: #78350f;
  }

  .\32xl\:focus-within\:ring-offset-green-50:focus-within {
    --tw-ring-offset-color: #ecfdf5;
  }

  .\32xl\:focus-within\:ring-offset-green-100:focus-within {
    --tw-ring-offset-color: #d1fae5;
  }

  .\32xl\:focus-within\:ring-offset-green-200:focus-within {
    --tw-ring-offset-color: #a7f3d0;
  }

  .\32xl\:focus-within\:ring-offset-green-300:focus-within {
    --tw-ring-offset-color: #6ee7b7;
  }

  .\32xl\:focus-within\:ring-offset-green-400:focus-within {
    --tw-ring-offset-color: #34d399;
  }

  .\32xl\:focus-within\:ring-offset-green-500:focus-within {
    --tw-ring-offset-color: #10b981;
  }

  .\32xl\:focus-within\:ring-offset-green-600:focus-within {
    --tw-ring-offset-color: #059669;
  }

  .\32xl\:focus-within\:ring-offset-green-700:focus-within {
    --tw-ring-offset-color: #047857;
  }

  .\32xl\:focus-within\:ring-offset-green-800:focus-within {
    --tw-ring-offset-color: #065f46;
  }

  .\32xl\:focus-within\:ring-offset-green-900:focus-within {
    --tw-ring-offset-color: #064e3b;
  }

  .\32xl\:focus-within\:ring-offset-blue-50:focus-within {
    --tw-ring-offset-color: #eff6ff;
  }

  .\32xl\:focus-within\:ring-offset-blue-100:focus-within {
    --tw-ring-offset-color: #dbeafe;
  }

  .\32xl\:focus-within\:ring-offset-blue-200:focus-within {
    --tw-ring-offset-color: #bfdbfe;
  }

  .\32xl\:focus-within\:ring-offset-blue-300:focus-within {
    --tw-ring-offset-color: #93c5fd;
  }

  .\32xl\:focus-within\:ring-offset-blue-400:focus-within {
    --tw-ring-offset-color: #60a5fa;
  }

  .\32xl\:focus-within\:ring-offset-blue-500:focus-within {
    --tw-ring-offset-color: #3b82f6;
  }

  .\32xl\:focus-within\:ring-offset-blue-600:focus-within {
    --tw-ring-offset-color: #2563eb;
  }

  .\32xl\:focus-within\:ring-offset-blue-700:focus-within {
    --tw-ring-offset-color: #1d4ed8;
  }

  .\32xl\:focus-within\:ring-offset-blue-800:focus-within {
    --tw-ring-offset-color: #1e40af;
  }

  .\32xl\:focus-within\:ring-offset-blue-900:focus-within {
    --tw-ring-offset-color: #1e3a8a;
  }

  .\32xl\:focus-within\:ring-offset-indigo-50:focus-within {
    --tw-ring-offset-color: #eef2ff;
  }

  .\32xl\:focus-within\:ring-offset-indigo-100:focus-within {
    --tw-ring-offset-color: #e0e7ff;
  }

  .\32xl\:focus-within\:ring-offset-indigo-200:focus-within {
    --tw-ring-offset-color: #c7d2fe;
  }

  .\32xl\:focus-within\:ring-offset-indigo-300:focus-within {
    --tw-ring-offset-color: #a5b4fc;
  }

  .\32xl\:focus-within\:ring-offset-indigo-400:focus-within {
    --tw-ring-offset-color: #818cf8;
  }

  .\32xl\:focus-within\:ring-offset-indigo-500:focus-within {
    --tw-ring-offset-color: #6366f1;
  }

  .\32xl\:focus-within\:ring-offset-indigo-600:focus-within {
    --tw-ring-offset-color: #4f46e5;
  }

  .\32xl\:focus-within\:ring-offset-indigo-700:focus-within {
    --tw-ring-offset-color: #4338ca;
  }

  .\32xl\:focus-within\:ring-offset-indigo-800:focus-within {
    --tw-ring-offset-color: #3730a3;
  }

  .\32xl\:focus-within\:ring-offset-indigo-900:focus-within {
    --tw-ring-offset-color: #312e81;
  }

  .\32xl\:focus-within\:ring-offset-purple-50:focus-within {
    --tw-ring-offset-color: #f5f3ff;
  }

  .\32xl\:focus-within\:ring-offset-purple-100:focus-within {
    --tw-ring-offset-color: #ede9fe;
  }

  .\32xl\:focus-within\:ring-offset-purple-200:focus-within {
    --tw-ring-offset-color: #ddd6fe;
  }

  .\32xl\:focus-within\:ring-offset-purple-300:focus-within {
    --tw-ring-offset-color: #c4b5fd;
  }

  .\32xl\:focus-within\:ring-offset-purple-400:focus-within {
    --tw-ring-offset-color: #a78bfa;
  }

  .\32xl\:focus-within\:ring-offset-purple-500:focus-within {
    --tw-ring-offset-color: #8b5cf6;
  }

  .\32xl\:focus-within\:ring-offset-purple-600:focus-within {
    --tw-ring-offset-color: #7c3aed;
  }

  .\32xl\:focus-within\:ring-offset-purple-700:focus-within {
    --tw-ring-offset-color: #6d28d9;
  }

  .\32xl\:focus-within\:ring-offset-purple-800:focus-within {
    --tw-ring-offset-color: #5b21b6;
  }

  .\32xl\:focus-within\:ring-offset-purple-900:focus-within {
    --tw-ring-offset-color: #4c1d95;
  }

  .\32xl\:focus-within\:ring-offset-pink-50:focus-within {
    --tw-ring-offset-color: #fdf2f8;
  }

  .\32xl\:focus-within\:ring-offset-pink-100:focus-within {
    --tw-ring-offset-color: #fce7f3;
  }

  .\32xl\:focus-within\:ring-offset-pink-200:focus-within {
    --tw-ring-offset-color: #fbcfe8;
  }

  .\32xl\:focus-within\:ring-offset-pink-300:focus-within {
    --tw-ring-offset-color: #f9a8d4;
  }

  .\32xl\:focus-within\:ring-offset-pink-400:focus-within {
    --tw-ring-offset-color: #f472b6;
  }

  .\32xl\:focus-within\:ring-offset-pink-500:focus-within {
    --tw-ring-offset-color: #ec4899;
  }

  .\32xl\:focus-within\:ring-offset-pink-600:focus-within {
    --tw-ring-offset-color: #db2777;
  }

  .\32xl\:focus-within\:ring-offset-pink-700:focus-within {
    --tw-ring-offset-color: #be185d;
  }

  .\32xl\:focus-within\:ring-offset-pink-800:focus-within {
    --tw-ring-offset-color: #9d174d;
  }

  .\32xl\:focus-within\:ring-offset-pink-900:focus-within {
    --tw-ring-offset-color: #831843;
  }

  .\32xl\:focus\:ring-offset-transparent:focus {
    --tw-ring-offset-color: transparent;
  }

  .\32xl\:focus\:ring-offset-current:focus {
    --tw-ring-offset-color: currentColor;
  }

  .\32xl\:focus\:ring-offset-black:focus {
    --tw-ring-offset-color: #000;
  }

  .\32xl\:focus\:ring-offset-white:focus {
    --tw-ring-offset-color: #fff;
  }

  .\32xl\:focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb;
  }

  .\32xl\:focus\:ring-offset-gray-100:focus {
    --tw-ring-offset-color: #f3f4f6;
  }

  .\32xl\:focus\:ring-offset-gray-200:focus {
    --tw-ring-offset-color: #e5e7eb;
  }

  .\32xl\:focus\:ring-offset-gray-300:focus {
    --tw-ring-offset-color: #d1d5db;
  }

  .\32xl\:focus\:ring-offset-gray-400:focus {
    --tw-ring-offset-color: #9ca3af;
  }

  .\32xl\:focus\:ring-offset-gray-500:focus {
    --tw-ring-offset-color: #6b7280;
  }

  .\32xl\:focus\:ring-offset-gray-600:focus {
    --tw-ring-offset-color: #4b5563;
  }

  .\32xl\:focus\:ring-offset-gray-700:focus {
    --tw-ring-offset-color: #374151;
  }

  .\32xl\:focus\:ring-offset-gray-800:focus {
    --tw-ring-offset-color: #1f2937;
  }

  .\32xl\:focus\:ring-offset-gray-900:focus {
    --tw-ring-offset-color: #111827;
  }

  .\32xl\:focus\:ring-offset-red-50:focus {
    --tw-ring-offset-color: #fef2f2;
  }

  .\32xl\:focus\:ring-offset-red-100:focus {
    --tw-ring-offset-color: #fee2e2;
  }

  .\32xl\:focus\:ring-offset-red-200:focus {
    --tw-ring-offset-color: #fecaca;
  }

  .\32xl\:focus\:ring-offset-red-300:focus {
    --tw-ring-offset-color: #fca5a5;
  }

  .\32xl\:focus\:ring-offset-red-400:focus {
    --tw-ring-offset-color: #f87171;
  }

  .\32xl\:focus\:ring-offset-red-500:focus {
    --tw-ring-offset-color: #ef4444;
  }

  .\32xl\:focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626;
  }

  .\32xl\:focus\:ring-offset-red-700:focus {
    --tw-ring-offset-color: #b91c1c;
  }

  .\32xl\:focus\:ring-offset-red-800:focus {
    --tw-ring-offset-color: #991b1b;
  }

  .\32xl\:focus\:ring-offset-red-900:focus {
    --tw-ring-offset-color: #7f1d1d;
  }

  .\32xl\:focus\:ring-offset-yellow-50:focus {
    --tw-ring-offset-color: #fffbeb;
  }

  .\32xl\:focus\:ring-offset-yellow-100:focus {
    --tw-ring-offset-color: #fef3c7;
  }

  .\32xl\:focus\:ring-offset-yellow-200:focus {
    --tw-ring-offset-color: #fde68a;
  }

  .\32xl\:focus\:ring-offset-yellow-300:focus {
    --tw-ring-offset-color: #fcd34d;
  }

  .\32xl\:focus\:ring-offset-yellow-400:focus {
    --tw-ring-offset-color: #fbbf24;
  }

  .\32xl\:focus\:ring-offset-yellow-500:focus {
    --tw-ring-offset-color: #f59e0b;
  }

  .\32xl\:focus\:ring-offset-yellow-600:focus {
    --tw-ring-offset-color: #d97706;
  }

  .\32xl\:focus\:ring-offset-yellow-700:focus {
    --tw-ring-offset-color: #b45309;
  }

  .\32xl\:focus\:ring-offset-yellow-800:focus {
    --tw-ring-offset-color: #92400e;
  }

  .\32xl\:focus\:ring-offset-yellow-900:focus {
    --tw-ring-offset-color: #78350f;
  }

  .\32xl\:focus\:ring-offset-green-50:focus {
    --tw-ring-offset-color: #ecfdf5;
  }

  .\32xl\:focus\:ring-offset-green-100:focus {
    --tw-ring-offset-color: #d1fae5;
  }

  .\32xl\:focus\:ring-offset-green-200:focus {
    --tw-ring-offset-color: #a7f3d0;
  }

  .\32xl\:focus\:ring-offset-green-300:focus {
    --tw-ring-offset-color: #6ee7b7;
  }

  .\32xl\:focus\:ring-offset-green-400:focus {
    --tw-ring-offset-color: #34d399;
  }

  .\32xl\:focus\:ring-offset-green-500:focus {
    --tw-ring-offset-color: #10b981;
  }

  .\32xl\:focus\:ring-offset-green-600:focus {
    --tw-ring-offset-color: #059669;
  }

  .\32xl\:focus\:ring-offset-green-700:focus {
    --tw-ring-offset-color: #047857;
  }

  .\32xl\:focus\:ring-offset-green-800:focus {
    --tw-ring-offset-color: #065f46;
  }

  .\32xl\:focus\:ring-offset-green-900:focus {
    --tw-ring-offset-color: #064e3b;
  }

  .\32xl\:focus\:ring-offset-blue-50:focus {
    --tw-ring-offset-color: #eff6ff;
  }

  .\32xl\:focus\:ring-offset-blue-100:focus {
    --tw-ring-offset-color: #dbeafe;
  }

  .\32xl\:focus\:ring-offset-blue-200:focus {
    --tw-ring-offset-color: #bfdbfe;
  }

  .\32xl\:focus\:ring-offset-blue-300:focus {
    --tw-ring-offset-color: #93c5fd;
  }

  .\32xl\:focus\:ring-offset-blue-400:focus {
    --tw-ring-offset-color: #60a5fa;
  }

  .\32xl\:focus\:ring-offset-blue-500:focus {
    --tw-ring-offset-color: #3b82f6;
  }

  .\32xl\:focus\:ring-offset-blue-600:focus {
    --tw-ring-offset-color: #2563eb;
  }

  .\32xl\:focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8;
  }

  .\32xl\:focus\:ring-offset-blue-800:focus {
    --tw-ring-offset-color: #1e40af;
  }

  .\32xl\:focus\:ring-offset-blue-900:focus {
    --tw-ring-offset-color: #1e3a8a;
  }

  .\32xl\:focus\:ring-offset-indigo-50:focus {
    --tw-ring-offset-color: #eef2ff;
  }

  .\32xl\:focus\:ring-offset-indigo-100:focus {
    --tw-ring-offset-color: #e0e7ff;
  }

  .\32xl\:focus\:ring-offset-indigo-200:focus {
    --tw-ring-offset-color: #c7d2fe;
  }

  .\32xl\:focus\:ring-offset-indigo-300:focus {
    --tw-ring-offset-color: #a5b4fc;
  }

  .\32xl\:focus\:ring-offset-indigo-400:focus {
    --tw-ring-offset-color: #818cf8;
  }

  .\32xl\:focus\:ring-offset-indigo-500:focus {
    --tw-ring-offset-color: #6366f1;
  }

  .\32xl\:focus\:ring-offset-indigo-600:focus {
    --tw-ring-offset-color: #4f46e5;
  }

  .\32xl\:focus\:ring-offset-indigo-700:focus {
    --tw-ring-offset-color: #4338ca;
  }

  .\32xl\:focus\:ring-offset-indigo-800:focus {
    --tw-ring-offset-color: #3730a3;
  }

  .\32xl\:focus\:ring-offset-indigo-900:focus {
    --tw-ring-offset-color: #312e81;
  }

  .\32xl\:focus\:ring-offset-purple-50:focus {
    --tw-ring-offset-color: #f5f3ff;
  }

  .\32xl\:focus\:ring-offset-purple-100:focus {
    --tw-ring-offset-color: #ede9fe;
  }

  .\32xl\:focus\:ring-offset-purple-200:focus {
    --tw-ring-offset-color: #ddd6fe;
  }

  .\32xl\:focus\:ring-offset-purple-300:focus {
    --tw-ring-offset-color: #c4b5fd;
  }

  .\32xl\:focus\:ring-offset-purple-400:focus {
    --tw-ring-offset-color: #a78bfa;
  }

  .\32xl\:focus\:ring-offset-purple-500:focus {
    --tw-ring-offset-color: #8b5cf6;
  }

  .\32xl\:focus\:ring-offset-purple-600:focus {
    --tw-ring-offset-color: #7c3aed;
  }

  .\32xl\:focus\:ring-offset-purple-700:focus {
    --tw-ring-offset-color: #6d28d9;
  }

  .\32xl\:focus\:ring-offset-purple-800:focus {
    --tw-ring-offset-color: #5b21b6;
  }

  .\32xl\:focus\:ring-offset-purple-900:focus {
    --tw-ring-offset-color: #4c1d95;
  }

  .\32xl\:focus\:ring-offset-pink-50:focus {
    --tw-ring-offset-color: #fdf2f8;
  }

  .\32xl\:focus\:ring-offset-pink-100:focus {
    --tw-ring-offset-color: #fce7f3;
  }

  .\32xl\:focus\:ring-offset-pink-200:focus {
    --tw-ring-offset-color: #fbcfe8;
  }

  .\32xl\:focus\:ring-offset-pink-300:focus {
    --tw-ring-offset-color: #f9a8d4;
  }

  .\32xl\:focus\:ring-offset-pink-400:focus {
    --tw-ring-offset-color: #f472b6;
  }

  .\32xl\:focus\:ring-offset-pink-500:focus {
    --tw-ring-offset-color: #ec4899;
  }

  .\32xl\:focus\:ring-offset-pink-600:focus {
    --tw-ring-offset-color: #db2777;
  }

  .\32xl\:focus\:ring-offset-pink-700:focus {
    --tw-ring-offset-color: #be185d;
  }

  .\32xl\:focus\:ring-offset-pink-800:focus {
    --tw-ring-offset-color: #9d174d;
  }

  .\32xl\:focus\:ring-offset-pink-900:focus {
    --tw-ring-offset-color: #831843;
  }

  .\32xl\:filter {
    --tw-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
    -webkit-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: 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);
  }

  .\32xl\:filter-none {
    -webkit-filter: none;
            filter: none;
  }

  .\32xl\:blur-0 {
    --tw-blur: blur(0);
  }

  .\32xl\:blur-none {
    --tw-blur: blur(0);
  }

  .\32xl\:blur-sm {
    --tw-blur: blur(4px);
  }

  .\32xl\:blur {
    --tw-blur: blur(8px);
  }

  .\32xl\:blur-md {
    --tw-blur: blur(12px);
  }

  .\32xl\:blur-lg {
    --tw-blur: blur(16px);
  }

  .\32xl\:blur-xl {
    --tw-blur: blur(24px);
  }

  .\32xl\:blur-2xl {
    --tw-blur: blur(40px);
  }

  .\32xl\:blur-3xl {
    --tw-blur: blur(64px);
  }

  .\32xl\:brightness-0 {
    --tw-brightness: brightness(0);
  }

  .\32xl\:brightness-50 {
    --tw-brightness: brightness(.5);
  }

  .\32xl\:brightness-75 {
    --tw-brightness: brightness(.75);
  }

  .\32xl\:brightness-90 {
    --tw-brightness: brightness(.9);
  }

  .\32xl\:brightness-95 {
    --tw-brightness: brightness(.95);
  }

  .\32xl\:brightness-100 {
    --tw-brightness: brightness(1);
  }

  .\32xl\:brightness-105 {
    --tw-brightness: brightness(1.05);
  }

  .\32xl\:brightness-110 {
    --tw-brightness: brightness(1.1);
  }

  .\32xl\:brightness-125 {
    --tw-brightness: brightness(1.25);
  }

  .\32xl\:brightness-150 {
    --tw-brightness: brightness(1.5);
  }

  .\32xl\:brightness-200 {
    --tw-brightness: brightness(2);
  }

  .\32xl\:contrast-0 {
    --tw-contrast: contrast(0);
  }

  .\32xl\:contrast-50 {
    --tw-contrast: contrast(.5);
  }

  .\32xl\:contrast-75 {
    --tw-contrast: contrast(.75);
  }

  .\32xl\:contrast-100 {
    --tw-contrast: contrast(1);
  }

  .\32xl\:contrast-125 {
    --tw-contrast: contrast(1.25);
  }

  .\32xl\:contrast-150 {
    --tw-contrast: contrast(1.5);
  }

  .\32xl\:contrast-200 {
    --tw-contrast: contrast(2);
  }

  .\32xl\:drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
  }

  .\32xl\:drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
  }

  .\32xl\:drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
  }

  .\32xl\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
  }

  .\32xl\:drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
  }

  .\32xl\:drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  }

  .\32xl\:drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
  }

  .\32xl\:grayscale-0 {
    --tw-grayscale: grayscale(0);
  }

  .\32xl\:grayscale {
    --tw-grayscale: grayscale(100%);
  }

  .\32xl\:hue-rotate-0 {
    --tw-hue-rotate: hue-rotate(0deg);
  }

  .\32xl\:hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(15deg);
  }

  .\32xl\:hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg);
  }

  .\32xl\:hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(60deg);
  }

  .\32xl\:hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(90deg);
  }

  .\32xl\:hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg);
  }

  .\32xl\:-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(-180deg);
  }

  .\32xl\:-hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(-90deg);
  }

  .\32xl\:-hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(-60deg);
  }

  .\32xl\:-hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(-30deg);
  }

  .\32xl\:-hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(-15deg);
  }

  .\32xl\:invert-0 {
    --tw-invert: invert(0);
  }

  .\32xl\:invert {
    --tw-invert: invert(100%);
  }

  .\32xl\:saturate-0 {
    --tw-saturate: saturate(0);
  }

  .\32xl\:saturate-50 {
    --tw-saturate: saturate(.5);
  }

  .\32xl\:saturate-100 {
    --tw-saturate: saturate(1);
  }

  .\32xl\:saturate-150 {
    --tw-saturate: saturate(1.5);
  }

  .\32xl\:saturate-200 {
    --tw-saturate: saturate(2);
  }

  .\32xl\:sepia-0 {
    --tw-sepia: sepia(0);
  }

  .\32xl\:sepia {
    --tw-sepia: sepia(100%);
  }

  .\32xl\:backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
    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);
  }

  .\32xl\:backdrop-filter-none {
    backdrop-filter: none;
  }

  .\32xl\:backdrop-blur-0 {
    --tw-backdrop-blur: blur(0);
  }

  .\32xl\:backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
  }

  .\32xl\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
  }

  .\32xl\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
  }

  .\32xl\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
  }

  .\32xl\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
  }

  .\32xl\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
  }

  .\32xl\:backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
  }

  .\32xl\:backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
  }

  .\32xl\:backdrop-brightness-0 {
    --tw-backdrop-brightness: brightness(0);
  }

  .\32xl\:backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
  }

  .\32xl\:backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75);
  }

  .\32xl\:backdrop-brightness-90 {
    --tw-backdrop-brightness: brightness(.9);
  }

  .\32xl\:backdrop-brightness-95 {
    --tw-backdrop-brightness: brightness(.95);
  }

  .\32xl\:backdrop-brightness-100 {
    --tw-backdrop-brightness: brightness(1);
  }

  .\32xl\:backdrop-brightness-105 {
    --tw-backdrop-brightness: brightness(1.05);
  }

  .\32xl\:backdrop-brightness-110 {
    --tw-backdrop-brightness: brightness(1.1);
  }

  .\32xl\:backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(1.25);
  }

  .\32xl\:backdrop-brightness-150 {
    --tw-backdrop-brightness: brightness(1.5);
  }

  .\32xl\:backdrop-brightness-200 {
    --tw-backdrop-brightness: brightness(2);
  }

  .\32xl\:backdrop-contrast-0 {
    --tw-backdrop-contrast: contrast(0);
  }

  .\32xl\:backdrop-contrast-50 {
    --tw-backdrop-contrast: contrast(.5);
  }

  .\32xl\:backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75);
  }

  .\32xl\:backdrop-contrast-100 {
    --tw-backdrop-contrast: contrast(1);
  }

  .\32xl\:backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(1.25);
  }

  .\32xl\:backdrop-contrast-150 {
    --tw-backdrop-contrast: contrast(1.5);
  }

  .\32xl\:backdrop-contrast-200 {
    --tw-backdrop-contrast: contrast(2);
  }

  .\32xl\:backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0);
  }

  .\32xl\:backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
  }

  .\32xl\:backdrop-hue-rotate-0 {
    --tw-backdrop-hue-rotate: hue-rotate(0deg);
  }

  .\32xl\:backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(15deg);
  }

  .\32xl\:backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(30deg);
  }

  .\32xl\:backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(60deg);
  }

  .\32xl\:backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(90deg);
  }

  .\32xl\:backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(180deg);
  }

  .\32xl\:-backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(-180deg);
  }

  .\32xl\:-backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(-90deg);
  }

  .\32xl\:-backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(-60deg);
  }

  .\32xl\:-backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(-30deg);
  }

  .\32xl\:-backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(-15deg);
  }

  .\32xl\:backdrop-invert-0 {
    --tw-backdrop-invert: invert(0);
  }

  .\32xl\:backdrop-invert {
    --tw-backdrop-invert: invert(100%);
  }

  .\32xl\:backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0);
  }

  .\32xl\:backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05);
  }

  .\32xl\:backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1);
  }

  .\32xl\:backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2);
  }

  .\32xl\:backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25);
  }

  .\32xl\:backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3);
  }

  .\32xl\:backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4);
  }

  .\32xl\:backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5);
  }

  .\32xl\:backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6);
  }

  .\32xl\:backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7);
  }

  .\32xl\:backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75);
  }

  .\32xl\:backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8);
  }

  .\32xl\:backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9);
  }

  .\32xl\:backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95);
  }

  .\32xl\:backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1);
  }

  .\32xl\:backdrop-saturate-0 {
    --tw-backdrop-saturate: saturate(0);
  }

  .\32xl\:backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5);
  }

  .\32xl\:backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(1);
  }

  .\32xl\:backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5);
  }

  .\32xl\:backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2);
  }

  .\32xl\:backdrop-sepia-0 {
    --tw-backdrop-sepia: sepia(0);
  }

  .\32xl\:backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
  }

  .\32xl\:transition-none {
    -webkit-transition-property: none;
    transition-property: none;
  }

  .\32xl\:transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:transition-colors {
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:transition-shadow {
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:delay-75 {
    -webkit-transition-delay: 75ms;
            transition-delay: 75ms;
  }

  .\32xl\:delay-100 {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
  }

  .\32xl\:delay-150 {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
  }

  .\32xl\:delay-200 {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }

  .\32xl\:delay-300 {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }

  .\32xl\:delay-500 {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }

  .\32xl\:delay-700 {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
  }

  .\32xl\:delay-1000 {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }

  .\32xl\:duration-75 {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
  }

  .\32xl\:duration-100 {
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
  }

  .\32xl\:duration-150 {
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }

  .\32xl\:duration-200 {
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  .\32xl\:duration-300 {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }

  .\32xl\:duration-500 {
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }

  .\32xl\:duration-700 {
    -webkit-transition-duration: 700ms;
            transition-duration: 700ms;
  }

  .\32xl\:duration-1000 {
    -webkit-transition-duration: 1000ms;
            transition-duration: 1000ms;
  }

  .\32xl\:ease-linear {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }

  .\32xl\:ease-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .\32xl\:ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .\32xl\:ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@charset "UTF-8";

/*请求时图标不居中*/

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  margin: 0 auto 10px;
}

.el-loading-spinner .circular {
  margin: 0 auto 10px;
}

/*弹出框垂直滚动*/

.el-dialog-div {
  overflow-y: auto;
  /*padding: 5px;*/
  padding-right: 40px;
}

/*.el-dialog-div .el-input{*/

/*  width: 70%;*/

/*}*/

.el-dialog-div .el-select {
  width: 100%;
}

/*.el-dialog-div .el-select .el-input  {*/

/*  width: 100%;*/

/*}*/

/*cascader不用点radio就能选中*/

.el-cascader-panel .el-radio {
  z-index: 10;
  width: 99%;
  height: 99%;
  position: absolute;
  top: 10px;
  right: -12px;
}

.el-cascader-panel .el-cascader-node__postfix {
  top: 10px;
}

/*设置 级联选择器高度*/

.el-cascader-menu__wrap {
  min-height: 350px;
}

.gui-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gui-border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.gui-body {
  width: 750rpx;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* #endif */

/* flex 布局 */

.gui-rows, .gui-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.gui-columns, .gui-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.gui-wrap {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.gui-nowrap {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.gui-space-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.gui-space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.gui-justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.gui-justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.gui-justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.gui-align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.gui-align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.gui-align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.gui-flex1 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

/* 框架颜色 */

.gui-color-white {
  color: #FFFFFF !important;
}

.gui-color-gray {
  color: rgba(69, 90, 100, 0.6) !important;
}

.gui-color-gray-light {
  color: rgba(69, 90, 100, 0.3) !important;
}

.gui-color-blue {
  color: #008AFF !important;
}

.gui-color-red {
  color: #EE0A25 !important;
}

.gui-color-orange {
  color: #ED6A0C !important;
}

.gui-color-purple {
  color: #8A3FD4 !important;
}

.gui-color-green {
  color: #39B55A !important;
}

.gui-color-yellow {
  color: #FBDE4E !important;
}

/* 背景色 */

.gui-bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.gui-bg-red {
  background-color: #EE0A25 !important;
}

.gui-bg-green {
  background-color: #07C160 !important;
}

.gui-bg-blue {
  background-color: #008AFF !important;
}

.gui-bg-orange {
  background-color: #ED6A0C !important;
}

.gui-bg-yellow {
  background-color: #FBDE4E !important;
}

.gui-bg-purple {
  background-color: #8A3FD4 !important;
}

.gui-bg-white {
  background-color: #FFFFFF !important;
}

.gui-bg-black {
  background-color: #2B2E3D !important;
}

.gui-bg-black {
  background-color: #2B2E3D !important;
}

.gui-bg-black2 {
  background-color: #656565 !important;
}

.gui-bg-black3 {
  background-color: #969799 !important;
}

.gui-bg-black4 {
  background-color: #C8C9CC !important;
}

.gui-bg-black-opacity7 {
  background-color: rgba(0, 0, 0, 0.7);
}

.gui-bg-black-opacity5 {
  background-color: rgba(0, 0, 0, 0.5);
}

.gui-bg-black-opacity3 {
  background-color: rgba(0, 0, 0, 0.3);
}

.gui-xhs-red {
  background: #FF2442 !important;
}

.gui-gtbg-red {
  background-image: linear-gradient(45deg, #FF0066, #D50000) !important;
}

.gui-gtbg-blue {
  background-image: linear-gradient(45deg, #0000FF, #008AFF) !important;
}

.gui-gtbg-green {
  background-image: linear-gradient(45deg, #39B55A, #8DC63E) !important;
}

.gui-gtbg-orange {
  background-image: -webkit-gradient(linear, left top, right top, from(#F1CF53), to(#F29C39)) !important;
  background-image: linear-gradient(to right, #F1CF53, #F29C39) !important;
}

.gui-bg-gray {
  background-color: #F8F8F8 !important;
}
@charset "UTF-8";

@font-face {
  font-family: "iconfont";

  /* Project id 2326639 */

  src: url("//at.alicdn.com/t/c/font_2326639_ahdwkf6zg.woff2?t=1744007357841") format("woff2"), url("//at.alicdn.com/t/c/font_2326639_ahdwkf6zg.woff?t=1744007357841") format("woff"), url("//at.alicdn.com/t/c/font_2326639_ahdwkf6zg.ttf?t=1744007357841") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icondingdan1:before {
  content: "";
}

.icondaifahuo2:before {
  content: "";
}

.iconic_up2:before {
  content: "";
}

.iconic_down2:before {
  content: "";
}

.icontupian:before {
  content: "";
}

.iconkanjiahuohua:before {
  content: "";
}

.iconjuyou:before {
  content: "";
}

.icontuozhuaitubiao:before {
  content: "";
}

.iconyouhuiquanyangshiyi:before {
  content: "";
}

.iconshangpinliebiaopaixuyangshi:before {
  content: "";
}

.iconyouhuiquanyangshisan:before {
  content: "";
}

.iconbiaotiwenziyangshi:before {
  content: "";
}

.iconbiaotiwenzixieti:before {
  content: "";
}

.iconjianbianlianjie:before {
  content: "";
}

.iconlianjietubiao:before {
  content: "";
}

.iconyouhuiquanyangshisi:before {
  content: "";
}

.iconbiaotiwenzijiacu:before {
  content: "";
}

.iconrequwenzitishi:before {
  content: "";
}

.iconrequbianji:before {
  content: "";
}

.iconyouhuiquanyangshier:before {
  content: "";
}

.iconpaixuyangshiyi:before {
  content: "";
}

.icon-tianjia1:before {
  content: "";
}

.icon-buxianshi:before {
  content: "";
}

.icon-logo:before {
  content: "";
}

.icon-jiage:before {
  content: "";
}

.icon-tonglan:before {
  content: "";
}

.icon-tupian-yangshiwu:before {
  content: "";
}

.icon-xuxian:before {
  content: "";
}

.icon-xiaoliang:before {
  content: "";
}

.icon-xiantiao:before {
  content: "";
}

.icon-shangxia:before {
  content: "";
}

.icon-shixian:before {
  content: "";
}

.icon-zuoyou:before {
  content: "";
}

.icon-yuandian:before {
  content: "";
}

.icon-youhuiquan-yangshier:before {
  content: "";
}

.icon-youhuiquan-yangshiyi:before {
  content: "";
}

.icon-caozuo-shang:before {
  content: "";
}

.icon-caozuo-shanchu:before {
  content: "";
}

.icon-caozuo-xia:before {
  content: "";
}

.icon-caozuo-fuzhi1:before {
  content: "";
}

.icon-daohang-4ge:before {
  content: "";
}

.icon-daohang-3hang:before {
  content: "";
}

.icon-daohang-2hang:before {
  content: "";
}

.icon-daohang-3ge:before {
  content: "";
}

.icon-daohang-4hang:before {
  content: "";
}

.icon-dianzhuangxian:before {
  content: "";
}

.icon-daohang-5ge:before {
  content: "";
}

.icon-juzhong:before {
  content: "";
}

.icon-juyou:before {
  content: "";
}

.icon-juzuo:before {
  content: "";
}

.icon-shangpin-lianglie:before {
  content: "";
}

.icon-shangpin-danlie:before {
  content: "";
}

.icon-shangpin-datu:before {
  content: "";
}

.icon-shangpin-sanlie:before {
  content: "";
}

.icon-tupian-yangshier:before {
  content: "";
}

.icon-tupian-yangshiliu:before {
  content: "";
}

.icon-tupian-yangshiyi:before {
  content: "";
}

.icon-tupian-yangshisan:before {
  content: "";
}

.icon-tupian-yangshisi:before {
  content: "";
}

.icon-yangshier:before {
  content: "";
}

.icon-yangshisan:before {
  content: "";
}

.icon-yangshiyi:before {
  content: "";
}

.icon-zuhe-fenlei:before {
  content: "";
}

.icon-zuhe-lunbotu:before {
  content: "";
}

.icon-fuchuang-zuoshang:before {
  content: "";
}

.icon-fuchuang-zuoxia:before {
  content: "";
}

.icon-fuchuang-youxia:before {
  content: "";
}

.icon-zuhe-sousuokuang:before {
  content: "";
}

.icon-fuchuang-youshang:before {
  content: "";
}

.icon-dianpujie-yangshiyi:before {
  content: "";
}

.icon-a-11:before {
  content: "";
}

.icon-a-43:before {
  content: "";
}

.icon-a-34:before {
  content: "";
}

.icon-a-169:before {
  content: "";
}

.icon-dantu:before {
  content: "";
}

.icon-pingpu:before {
  content: "";
}

.icon-datu:before {
  content: "";
}

.iconic_layout4:before {
  content: "";
}

.iconzujian-dibucaidan:before {
  content: "";
}

.iconzujian-dianpujie:before {
  content: "";
}

.iconzujian-daohangzu:before {
  content: "";
}

.iconzujian-biaoti:before {
  content: "";
}

.iconzujian-fuzhukongbai:before {
  content: "";
}

.iconzujian-tupianmofang:before {
  content: "";
}

.iconzujian-shangpinfenlei:before {
  content: "";
}

.iconzujian-wenzhangliebiao:before {
  content: "";
}

.iconzujian-shangpinliebiao:before {
  content: "";
}

.iconzujian-lunbotu:before {
  content: "";
}

.iconzujian-xiaochengxuzhibo:before {
  content: "";
}

.iconzujian-fuwenben:before {
  content: "";
}

.iconzujian-shipin:before {
  content: "";
}

.iconzujian-sousuokuang:before {
  content: "";
}

.iconzujian-zhongcaoshequ:before {
  content: "";
}

.iconzujian-xuanfucaidan:before {
  content: "";
}

.iconzujian-miaosha:before {
  content: "";
}

.iconzujian-youhuiquan:before {
  content: "";
}

.iconzujian-xinwenbobao:before {
  content: "";
}

.iconzujian-xuanxiangka:before {
  content: "";
}

.iconzujian-zuhezujian:before {
  content: "";
}

.iconzujian-fuzhuxian:before {
  content: "";
}

.iconzujian-duanshipin:before {
  content: "";
}

.iconzujian-kanjia:before {
  content: "";
}

.iconzujian-requ:before {
  content: "";
}

.iconzujian-pintuan:before {
  content: "";
}

.iconzujian-jifenshangcheng:before {
  content: "";
}

.iconzujian-xuanfuanniu:before {
  content: "";
}

.iconzujian-qiandao:before {
  content: "";
}

.iconzujian-shangpinxuanxiangka:before {
  content: "";
}

.iconzujian-xuanxiangka1:before {
  content: "";
}

.iconzujian-yonghuxinxi:before {
  content: "";
}

.iconzujian-yushou:before {
  content: "";
}

.iconzujian-paihangbang:before {
  content: "";
}

.iconzujian-xinrenzhuanxiang:before {
  content: "";
}

.iconzujian-gongzhonghao:before {
  content: "";
}

.icongongzhonghao:before {
  content: "";
}

.iconxiaochengxu:before {
  content: "";
}

.iconyingyongpeizhi:before {
  content: "";
}

.iconzhandianpeizhi:before {
  content: "";
}

.iconanzhuangxitong:before {
  content: "";
}

.iconzhifupeizhi:before {
  content: "";
}

.iconyihaotongkaitong:before {
  content: "";
}

.iconwanchenganzhuang:before {
  content: "";
}

.iconweixinzhifujine:before {
  content: "";
}

.iconleijiyonghushu:before {
  content: "";
}

.icondingdanjine:before {
  content: "";
}

.iconyuezhifujine2:before {
  content: "";
}

.iconliulanliang:before {
  content: "";
}

.iconjiagouliang:before {
  content: "";
}

.iconjiaoyijianshu:before {
  content: "";
}

.iconshoucangliang:before {
  content: "";
}

.iconjiaoyichenggongshu:before {
  content: "";
}

.iconxinzengliang:before {
  content: "";
}

.iconzhifuyongjinjine1:before {
  content: "";
}

.iconchongzhijine:before {
  content: "";
}

.iconshangpintuikuanjine:before {
  content: "";
}

.iconyingyee1:before {
  content: "";
}

.iconshangpinzhifujine1:before {
  content: "";
}

.iconyuezhifujine1:before {
  content: "";
}

.iconzhichujine1:before {
  content: "";
}

.iconshangpinguanli:before {
  content: "";
}

.iconwenzhangguanli:before {
  content: "";
}

.iconduanxinpeizhi:before {
  content: "";
}

.icondingdanguanli:before {
  content: "";
}

.iconfenxiaoguanli:before {
  content: "";
}

.iconyouhuiquan:before {
  content: "";
}

.iconxitongshezhi:before {
  content: "";
}

.iconhuiyuanguanli:before {
  content: "";
}

.iconyonghu:before {
  content: "";
}

.iconxiaoshoue:before {
  content: "";
}

.icondingdan:before {
  content: "";
}

.iconxinzengyonghu:before {
  content: "";
}

.icondrag2:before {
  content: "";
}

.iconline-addcommodity:before {
  content: "";
}

.iconline-achievement:before {
  content: "";
}

.iconline-check:before {
  content: "";
}

.iconline-coin:before {
  content: "";
}

.iconline-applets:before {
  content: "";
}

.iconline-company:before {
  content: "";
}

.iconline-ancrown:before {
  content: "";
}

.iconline-label:before {
  content: "";
}

.iconline-order:before {
  content: "";
}

.iconline-purchase:before {
  content: "";
}

.iconline-service:before {
  content: "";
}

.iconline-shop:before {
  content: "";
}

.iconline-system:before {
  content: "";
}

.iconline-shipment:before {
  content: "";
}

.iconline-team:before {
  content: "";
}

.iconline-statistics:before {
  content: "";
}

.iconline-wallet:before {
  content: "";
}

.iconline-workset:before {
  content: "";
}

.iconline-organizational:before {
  content: "";
}

.iconline-shoppingcart:before {
  content: "";
}

.iconline-purchase1:before {
  content: "";
}

.iconline-template:before {
  content: "";
}

.iconmd-heart-empty:before {
  content: "";
}

.iconios-remove-circle-outline:before {
  content: "";
}

.iconios-notifications-outline:before {
  content: "";
}

.iconios-resize:before {
  content: "";
}

.iconios-shuffle:before {
  content: "";
}

.iconios-return-left:before {
  content: "";
}

.iconios-swap:before {
  content: "";
}

.iconios-search:before {
  content: "";
}

.iconios-repeat:before {
  content: "";
}

.iconios-qr-scanner:before {
  content: "";
}

.iconios-trending-up:before {
  content: "";
}

.iconios-refresh:before {
  content: "";
}

.iconios-crop:before {
  content: "";
}

.iconios-female:before {
  content: "";
}

.iconios-male:before {
  content: "";
}

.iconmd-wallet:before {
  content: "";
}

.iconmd-train:before {
  content: "";
}

.iconmd-bookmarks:before {
  content: "";
}

.iconmd-basket:before {
  content: "";
}

.iconmd-build:before {
  content: "";
}

.iconmd-boat:before {
  content: "";
}

.iconmd-chatbubbles:before {
  content: "";
}

.iconmd-compass:before {
  content: "";
}

.iconmd-bowtie:before {
  content: "";
}

.iconmd-camera:before {
  content: "";
}

.iconmd-cloudy:before {
  content: "";
}

.iconmd-cafe:before {
  content: "";
}

.iconmd-document:before {
  content: "";
}

.iconmd-color-palette:before {
  content: "";
}

.iconmd-disc:before {
  content: "";
}

.iconmd-flask:before {
  content: "";
}

.iconmd-cube:before {
  content: "";
}

.iconmd-help-buoy:before {
  content: "";
}

.iconmd-cart:before {
  content: "";
}

.iconmd-chatboxes:before {
  content: "";
}

.iconmd-image:before {
  content: "";
}

.iconmd-ice-cream:before {
  content: "";
}

.iconmd-jet:before {
  content: "";
}

.iconmd-film:before {
  content: "";
}

.iconmd-cloudy-night:before {
  content: "";
}

.iconmd-flower:before {
  content: "";
}

.iconmd-nutrition:before {
  content: "";
}

.iconmd-medal:before {
  content: "";
}

.iconmd-cloud-circle:before {
  content: "";
}

.iconmd-contact:before {
  content: "";
}

.iconmd-microphone:before {
  content: "";
}

.iconmd-contrast:before {
  content: "";
}

.iconmd-person-add:before {
  content: "";
}

.iconmd-easel:before {
  content: "";
}

.iconmd-partly-sunny:before {
  content: "";
}

.iconmd-outlet:before {
  content: "";
}

.iconmd-people:before {
  content: "";
}

.iconmd-heart-dislike:before {
  content: "";
}

.iconmd-moon:before {
  content: "";
}

.iconmd-laptop:before {
  content: "";
}

.iconmd-heart:before {
  content: "";
}

.iconmd-flame:before {
  content: "";
}

.iconmd-lock:before {
  content: "";
}

.iconmd-musical-note:before {
  content: "";
}

.iconmd-information-circle:before {
  content: "";
}

.iconmd-help-circle:before {
  content: "";
}

.iconmd-mail:before {
  content: "";
}

.iconmd-journal:before {
  content: "";
}

.iconmd-mail-unread:before {
  content: "";
}

.iconmd-notifications-off:before {
  content: "";
}

.iconmd-notifications:before {
  content: "";
}

.iconmd-nuclear:before {
  content: "";
}

.iconmd-medkit:before {
  content: "";
}

.iconmd-paw:before {
  content: "";
}

.iconmd-person:before {
  content: "";
}

.iconios-notifications-off:before {
  content: "";
}

.iconios-notifications:before {
  content: "";
}

.iconios-pie:before {
  content: "";
}

.iconios-rocket:before {
  content: "";
}

.iconios-people:before {
  content: "";
}

.iconios-save:before {
  content: "";
}

.iconios-school:before {
  content: "";
}

.iconios-ribbon:before {
  content: "";
}

.iconios-stopwatch:before {
  content: "";
}

.iconios-print:before {
  content: "";
}

.iconios-refresh-circle:before {
  content: "";
}

.iconios-switch:before {
  content: "";
}

.iconios-warning:before {
  content: "";
}

.iconmd-albums:before {
  content: "";
}

.iconlogo-html:before {
  content: "";
}

.iconlogo-chrome:before {
  content: "";
}

.iconios-tennisball:before {
  content: "";
}

.iconios-umbrella:before {
  content: "";
}

.iconlogo-rss:before {
  content: "";
}

.iconlogo-octocat:before {
  content: "";
}

.iconlogo-slack:before {
  content: "";
}

.iconlogo-game-controller-b:before {
  content: "";
}

.iconlogo-windows:before {
  content: "";
}

.iconios-add-circle:before {
  content: "";
}

.iconios-archive:before {
  content: "";
}

.iconios-aperture:before {
  content: "";
}

.iconios-appstore:before {
  content: "";
}

.iconios-alarm:before {
  content: "";
}

.iconios-apps:before {
  content: "";
}

.iconios-beaker:before {
  content: "";
}

.iconios-albums:before {
  content: "";
}

.iconios-briefcase:before {
  content: "";
}

.iconios-bed:before {
  content: "";
}

.iconios-bookmarks:before {
  content: "";
}

.iconios-book:before {
  content: "";
}

.iconios-camera:before {
  content: "";
}

.iconios-boat:before {
  content: "";
}

.iconios-bulb:before {
  content: "";
}

.iconios-cash:before {
  content: "";
}

.iconios-close-circle-outline:before {
  content: "";
}

.iconios-checkbox-outline:before {
  content: "";
}

.iconios-checkmark-circle:before {
  content: "";
}

.iconios-close-circle:before {
  content: "";
}

.iconios-cloud-upload:before {
  content: "";
}

.iconios-cloud:before {
  content: "";
}

.iconios-cloud-done:before {
  content: "";
}

.iconios-contact:before {
  content: "";
}

.iconios-cloud-download:before {
  content: "";
}

.iconios-clipboard:before {
  content: "";
}

.iconios-eye-off:before {
  content: "";
}

.iconios-copy:before {
  content: "";
}

.iconios-eye:before {
  content: "";
}

.iconios-filing:before {
  content: "";
}

.iconios-folder-open:before {
  content: "";
}

.iconios-gift:before {
  content: "";
}

.iconios-funnel:before {
  content: "";
}

.iconios-flag:before {
  content: "";
}

.iconios-home:before {
  content: "";
}

.iconios-journal:before {
  content: "";
}

.iconios-folder:before {
  content: "";
}

.iconios-image:before {
  content: "";
}

.iconios-mail:before {
  content: "";
}

.iconios-map:before {
  content: "";
}

.iconios-medkit:before {
  content: "";
}

.iconmd-phone-portrait:before {
  content: "";
}

.iconmd-photos:before {
  content: "";
}

.iconmd-pin:before {
  content: "";
}

.iconmd-pie:before {
  content: "";
}

.iconmd-podium:before {
  content: "";
}

.iconmd-pint:before {
  content: "";
}

.iconmd-phone-landscape:before {
  content: "";
}

.iconmd-play-circle:before {
  content: "";
}

.iconmd-pizza:before {
  content: "";
}

.iconmd-print:before {
  content: "";
}

.iconmd-pricetags:before {
  content: "";
}

.iconmd-pricetag:before {
  content: "";
}

.iconmd-remove-circle:before {
  content: "";
}

.iconmd-refresh-circle:before {
  content: "";
}

.iconmd-school:before {
  content: "";
}

.iconmd-rainy:before {
  content: "";
}

.iconmd-rocket:before {
  content: "";
}

.iconmd-reverse-camera:before {
  content: "";
}

.iconmd-send:before {
  content: "";
}

.iconmd-share-alt:before {
  content: "";
}

.iconmd-star:before {
  content: "";
}

.iconmd-subway:before {
  content: "";
}

.iconmd-ribbon:before {
  content: "";
}

.iconmd-shirt:before {
  content: "";
}

.iconmd-snow:before {
  content: "";
}

.iconmd-rose:before {
  content: "";
}

.iconmd-save:before {
  content: "";
}

.iconmd-thermometer:before {
  content: "";
}

.iconmd-thunderstorm:before {
  content: "";
}

.iconmd-settings:before {
  content: "";
}

.iconmd-trash:before {
  content: "";
}

.iconmd-thumbs-down:before {
  content: "";
}

.iconmd-trophy:before {
  content: "";
}

.iconmd-warning:before {
  content: "";
}

.iconmd-thumbs-up:before {
  content: "";
}

.iconmd-watch:before {
  content: "";
}

.iconmd-umbrella:before {
  content: "";
}

.iconmd-tennisball:before {
  content: "";
}

.iconchengjiaoyonghushu:before {
  content: "";
}

.iconchongzhijianshu:before {
  content: "";
}

.iconchengbenjine:before {
  content: "";
}

.iconfufeihuiyuanshu:before {
  content: "";
}

.iconchongzhiyonghushu:before {
  content: "";
}

.icongoumaihuiyuanjine:before {
  content: "";
}

.iconfangke-zhifuzhuanhuashuai:before {
  content: "";
}

.iconjingzengyonghu:before {
  content: "";
}

.iconkedanjia:before {
  content: "";
}

.iconjiagoujianshu:before {
  content: "";
}

.iconleijichongzhiyonghu:before {
  content: "";
}

.iconleijichengjiaoyonghu:before {
  content: "";
}

.iconleijihuiyuanshu:before {
  content: "";
}

.iconshangpinliulanliang:before {
  content: "";
}

.iconshangpinzhifujine:before {
  content: "";
}

.icontuikuanjianshu:before {
  content: "";
}

.iconleijiguanzhuyonghu:before {
  content: "";
}

.icontuikuan:before {
  content: "";
}

.iconxiadanjianshu:before {
  content: "";
}

.iconleijiquguanyonghu:before {
  content: "";
}

.iconleijiyonghu:before {
  content: "";
}

.iconxinzengquguanyonghu:before {
  content: "";
}

.iconshangpinfangkeshu:before {
  content: "";
}

.iconxinzengyonghushu:before {
  content: "";
}

.iconxinzengguanzhuyonghu:before {
  content: "";
}

.iconzhifujine:before {
  content: "";
}

.iconyingyee:before {
  content: "";
}

.iconzhifujianshu:before {
  content: "";
}

.iconzhichujine:before {
  content: "";
}

.iconfangwenliang:before {
  content: "";
}

.iconfangkeshu:before {
  content: "";
}

.iconjiaoyijine:before {
  content: "";
}

.iconyuezhifujine:before {
  content: "";
}

.iconzhifuyongjinjine:before {
  content: "";
}

.iconxianxiashouyinjine:before {
  content: "";
}
.t-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.t-icon-zujian-requ {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-requ%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20109.714286m73.142857%200l658.285714%200q73.142857%200%2073.142857%2073.142857l0%20658.285714q0%2073.142857-73.142857%2073.142857l-658.285714%200q-73.142857%200-73.142857-73.142857l0-658.285714q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M219.428571%20548.571429a36.571429%2036.571429%200%200%200%2036.571429%2036.571428h292.571429a36.571429%2036.571429%200%200%200%2036.571428-36.571428V256a36.571429%2036.571429%200%200%200-36.571428-36.571429H256a36.571429%2036.571429%200%200%200-36.571429%2036.571429v292.571429z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-pintuan {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-pintuan%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M821.504%20253.842286h99.474286c15.945143%200%2029.878857-15.067429%2029.878857-32.256%200-17.188571-13.933714-32.292571-29.842286-32.292572h-99.510857c-15.945143%200-29.878857%2015.067429-29.878857%2032.292572%200%2017.188571%2013.933714%2032.256%2029.878857%2032.256z%20m99.474286%2064.548571h-99.474286c-15.945143%200-29.878857%2015.067429-29.878857%2032.256%200%2017.188571%2013.933714%2032.292571%2029.878857%2032.292572h99.474286c15.945143%200%2029.878857-15.067429%2029.878857-32.292572%200-17.188571-13.933714-32.256-29.842286-32.256z%20m0%20129.097143h-99.474286c-15.945143%200-29.878857%2015.030857-29.878857%2032.256%200%2017.188571%2013.933714%2032.256%2029.878857%2032.256h99.474286c15.945143%200%2029.878857-15.067429%2029.878857-32.256%200-17.188571-13.933714-32.292571-29.842286-32.292571z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M811.52%20565.76l-155.209143-36.571429c49.737143-27.940571%2083.565714-81.737143%2083.565714-146.285714v-73.142857C739.876571%20219.428571%20672.219429%20146.285714%20588.617143%20146.285714c-83.565714%200-153.234286%2073.142857-153.234286%20163.474286v73.142857c0%2064.548571%2033.828571%20118.345143%2083.565714%20146.285714l-155.209142%2036.571429c-47.798857%2010.788571-79.616%2055.954286-79.616%20107.593143V804.571429c0%2040.886857%2029.842286%2073.142857%2067.657142%2073.142857h473.673143c37.814857%200%2067.657143-32.256%2067.657143-73.142857v-131.218286c-1.974857-51.638857-35.803429-96.804571-81.554286-107.556572z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M349.805714%20503.405714l49.737143-10.788571a243.236571%20243.236571%200%200%201-25.856-107.52v-73.142857c0-19.382857%201.974857-38.765714%207.936-58.112a115.346286%20115.346286%200%200%200-65.682286-21.504c-65.645714%200-121.417143%2058.075429-121.417142%20131.218285v58.075429c0%2049.481143%2025.892571%2094.683429%2065.718857%20116.187429l-123.392%2027.940571C98.998857%20574.390857%2073.142857%20608.804571%2073.142857%20651.812571v103.277715c1.974857%2032.256%2025.856%2058.075429%2055.734857%2058.075428h93.549715v-139.812571c0-81.773714%2053.723429-152.758857%20127.378285-169.947429z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-jifenshangcheng {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-jifenshangcheng%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M866.962286%20651.995429l68.242285%20117.394285a40.155429%2040.155429%200%200%201-14.884571%2055.076572c-7.606857%204.352-16.457143%206.144-25.161143%205.083428l-105.837714-12.653714a20.333714%2020.333714%200%200%200-21.101714%2012.105143L726.308571%20926.354286a40.704%2040.704%200%200%201-72.521142%204.315428l-62.098286-106.788571a408.246857%20408.246857%200%200%200%20275.273143-171.885714z%20m-691.712-31.341715a408.978286%20408.978286%200%200%200%20260.827428%20196.644572l-65.938285%20113.371428a40.704%2040.704%200%200%201-72.521143-4.315428l-41.837715-97.389715a20.333714%2020.333714%200%200%200-21.101714-12.068571l-105.837714%2012.653714c-8.740571%201.060571-17.554286-0.731429-25.161143-5.12a40.155429%2040.155429%200%200%201-14.884571-55.076571l86.454857-148.699429z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M530.944%2073.142857a346.989714%20346.989714%200%200%201%20346.989714%20346.989714%20346.038857%20346.038857%200%200%201-22.381714%20122.88l1.024-2.779428c-0.950857%202.56-1.901714%205.12-2.925714%207.68l-1.206857%202.998857-3.510858%208.338286a347.062857%20347.062857%200%200%201-290.998857%20206.848l-8.155428%200.512a341.211429%20341.211429%200%200%201-8.045715%200.365714l6.034286-0.256a298.605714%20298.605714%200%200%201-9.654857%200.365714l-7.168%200.036572-8.667429-0.073143a352.475429%20352.475429%200%200%201-23.588571-1.389714l1.828571%200.182857a349.696%20349.696%200%200%201-11.373714-1.206857l9.545143%201.024a347.574857%20347.574857%200%200%201-284.379429-203.337143l-2.194285-5.010286-3.072-7.424a344.722286%20344.722286%200%200%201-7.241143-19.602286l0.621714%201.901715a309.138286%20309.138286%200%200%201-2.816-8.630858l2.194286%206.729143a350.317714%20350.317714%200%200%201-2.669714-8.265143l0.475428%201.536a344.210286%20344.210286%200%200%201-2.523428-8.521142l2.048%206.985142a368.457143%20368.457143%200%200%201-3.364572-11.702857l1.316572%204.754286a340.260571%20340.260571%200%200%201-2.230858-8.338286l0.914286%203.547429-1.609143-6.180572%200.694857%202.633143a344.429714%20344.429714%200%200%201-2.486857-10.349714l1.828572%207.716571a344.393143%20344.393143%200%200%201-2.267429-9.654857l0.402286%201.938286a344.978286%20344.978286%200%200%201-8.301714-69.193143l-0.073143-7.058286c0-189.44%20151.771429-343.405714%20340.406857-346.916571l6.582857-0.073143z%20m-21.321143%20236.032l-15.36%2037.632a25.490286%2025.490286%200%200%201-21.76%2015.798857l-40.521143%202.962286a23.04%2023.04%200%200%200-13.165714%2040.557714l31.049143%2026.221715c7.424%206.217143%2010.605714%2016.164571%208.301714%2025.6l-9.728%2039.460571a23.04%2023.04%200%200%200%2034.523429%2025.051429l34.523428-21.430858c8.228571-5.12%2018.651429-5.12%2026.916572%200l34.523428%2021.430858a23.04%2023.04%200%200%200%2034.486857-25.051429l-9.691428-39.497143a25.526857%2025.526857%200%200%201%208.301714-25.6l31.085714-26.185143a23.04%2023.04%200%200%200-13.165714-40.557714l-40.594286-2.925714a25.526857%2025.526857%200%200%201-21.76-15.835429l-15.323428-37.668571a23.04%2023.04%200%200%200-42.642286%200z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M507.318857%20308.041143l-17.005714%2041.691428a28.233143%2028.233143%200%200%201-24.100572%2017.554286l-44.873142%203.254857a25.490286%2025.490286%200%200%200-14.628572%2044.909715l34.413714%2029.037714c8.228571%206.948571%2011.776%2017.92%209.216%2028.342857l-10.752%2043.702857a25.490286%2025.490286%200%200%200%2038.180572%2027.794286l38.253714-23.771429a28.269714%2028.269714%200%200%201%2029.805714%200l38.253715%2023.771429a25.490286%2025.490286%200%200%200%2038.217143-27.794286l-10.752-43.702857a28.269714%2028.269714%200%200%201%209.216-28.342857l34.377142-29.037714a25.490286%2025.490286%200%200%200-14.555428-44.909715l-44.909714-3.291428a28.269714%2028.269714%200%200%201-24.137143-17.517715l-16.969143-41.691428a25.490286%2025.490286%200%200%200-47.250286%200z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-dibucaidan {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-dibucaidan%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20109.714286m73.142857%200l658.285714%200q73.142857%200%2073.142857%2073.142857l0%20475.428571q0%2073.142857-73.142857%2073.142857l-658.285714%200q-73.142857%200-73.142857-73.142857l0-475.428571q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M109.714286%20804.571429m18.285714%200l146.285714%200q18.285714%200%2018.285715%2018.285714l0%2073.142857q0%2018.285714-18.285715%2018.285714l-146.285714%200q-18.285714%200-18.285714-18.285714l0-73.142857q0-18.285714%2018.285714-18.285714Z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M420.571429%20804.571429m18.285714%200l146.285714%200q18.285714%200%2018.285714%2018.285714l0%2073.142857q0%2018.285714-18.285714%2018.285714l-146.285714%200q-18.285714%200-18.285714-18.285714l0-73.142857q0-18.285714%2018.285714-18.285714Z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M731.428571%20804.571429m18.285715%200l146.285714%200q18.285714%200%2018.285714%2018.285714l0%2073.142857q0%2018.285714-18.285714%2018.285714l-146.285714%200q-18.285714%200-18.285715-18.285714l0-73.142857q0-18.285714%2018.285715-18.285714Z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-dianpujie {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-dianpujie%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M658.285714%20559.652571c-6.290286-5.485714-17.225143-5.851429-23.552-0.402285A187.136%20187.136%200%200%201%20512%20605.074286a186.148571%20186.148571%200%200%201-122.806857-46.262857%2017.773714%2017.773714%200%200%200-22.674286%200c-48.384%2042.057143-116.077714%2058.038857-183.808%2035.766857-2.925714-0.841143-7.131429-2.121143-7.131428-2.925715v247.222858c0%2048.786286%2037.412571%2079.067429%2086.198857%2079.067428h501.211428c48.786286%200%2089.6-30.281143%2089.6-79.067428v-246.857143c-71.460571%2027.355429-143.798857%2011.812571-194.267428-32.365715z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M927.817143%20381.805714l-1.682286-5.046857-110.994286-226.669714A72.374857%2072.374857%200%200%200%20750.774857%20109.714286H271.433143c-27.318857%200-52.553143%2015.542857-64.329143%2040.374857l-109.348571%20227.474286c-0.402286%201.28-1.243429%203.401143-1.682286%204.644571a129.499429%20129.499429%200%200%200-4.608%2035.328c0%2068.534857%2044.141714%20128.658286%20110.189714%20146.761143%2065.572571%2017.664%20126.976-7.570286%20162.304-53.833143a17.846857%2017.846857%200%200%201%2027.757714%200%20151.405714%20151.405714%200%200%200%20120.246858%2059.282286%20151.405714%20151.405714%200%200%200%20120.32-59.245715%2017.554286%2017.554286%200%200%201%2027.721142%200%20152.064%20152.064%200%200%200%20149.723429%2057.161143c68.534857-13.056%20125.732571-85.796571%20122.770286-155.611428a146.358857%20146.358857%200%200%200-4.644572-30.244572z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M420.571429%20804.571429a73.142857%2073.142857%200%200%201%2073.142857-73.142858h36.571428a73.142857%2073.142857%200%200%201%2073.142857%2073.142858v109.714285h-182.857142z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M329.142857%20292.571429m36.571429%200l292.571428%200q36.571429%200%2036.571429%2036.571428l0%200q0%2036.571429-36.571429%2036.571429l-292.571428%200q-36.571429%200-36.571429-36.571429l0%200q0-36.571429%2036.571429-36.571428Z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-daohangzu {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-daohangzu%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M950.857143%20512q0%2010.788571-0.548572%2021.540571-0.512%2010.752-1.572571%2021.467429-1.060571%2010.715429-2.633143%2021.394286-1.572571%2010.642286-3.657143%2021.211428-2.121143%2010.569143-4.754285%2021.028572-2.596571%2010.422857-5.741715%2020.736-3.108571%2010.313143-6.729143%2020.48-3.657143%2010.130286-7.753142%2020.114285-4.132571%209.910857-8.777143%2019.675429-4.571429%209.728-9.654857%2019.236571t-10.605715%2018.724572q-5.558857%209.252571-11.52%2018.212571-5.997714%208.96-12.434285%2017.590857-6.4%208.667429-13.238858%2017.005715-6.838857%208.301714-14.08%2016.310857-7.204571%207.972571-14.848%2015.579428-7.606857%207.643429-15.579428%2014.848-8.009143%207.241143-16.310857%2014.08-8.338286%206.838857-17.005715%2013.275429-8.630857%206.4-17.590857%2012.397714-8.96%205.961143-18.212571%2011.52-9.216%205.522286-18.724572%2010.605715-9.508571%205.083429-19.236571%209.691428-9.764571%204.608-19.712%208.740572-9.947429%204.096-20.114286%207.753142-10.130286%203.620571-20.443428%206.729143-10.313143%203.145143-20.736%205.741715-10.459429%202.633143-21.028572%204.754285-10.569143%202.084571-21.211428%203.657143-10.678857%201.572571-21.394286%202.633143-10.715429%201.097143-21.467429%201.572571Q522.788571%20950.857143%20512%20950.857143t-21.540571-0.548572q-10.752-0.512-21.467429-1.572571-10.715429-1.060571-21.394286-2.633143-10.642286-1.572571-21.211428-3.657143-10.569143-2.121143-21.028572-4.754285-10.459429-2.596571-20.736-5.741715-10.313143-3.108571-20.48-6.729143-10.130286-3.657143-20.114285-7.753142-9.910857-4.132571-19.675429-8.777143-9.728-4.571429-19.236571-9.654857t-18.724572-10.605715q-9.252571-5.558857-18.212571-11.52-8.96-5.997714-17.590857-12.434285-8.667429-6.4-17.005715-13.238858-8.301714-6.838857-16.310857-14.08-7.972571-7.204571-15.579428-14.848-7.643429-7.606857-14.848-15.579428-7.241143-8.009143-14.08-16.310857-6.838857-8.338286-13.238858-17.005715-6.436571-8.630857-12.434285-17.590857-5.961143-8.96-11.52-18.212571-5.522286-9.216-10.605715-18.724572-5.083429-9.508571-9.691428-19.236571-4.608-9.764571-8.740572-19.712-4.096-9.947429-7.753142-20.114286-3.620571-10.130286-6.729143-20.443428-3.145143-10.313143-5.741715-20.736-2.633143-10.459429-4.754285-21.028572-2.084571-10.569143-3.657143-21.211428-1.572571-10.678857-2.633143-21.394286-1.097143-10.715429-1.609143-21.467429Q73.142857%20522.788571%2073.142857%20512t0.512-21.540571q0.548571-10.752%201.609143-21.467429%201.060571-10.715429%202.633143-21.394286%201.572571-10.642286%203.657143-21.211428%202.121143-10.569143%204.754285-21.028572%202.596571-10.459429%205.741715-20.736%203.108571-10.313143%206.729143-20.48%203.657143-10.130286%207.753142-20.114285%204.132571-9.910857%208.777143-19.675429%204.571429-9.728%209.654857-19.236571t10.605715-18.724572q5.558857-9.252571%2011.52-18.212571%205.997714-8.96%2012.434285-17.590857%206.4-8.667429%2013.238858-17.005715%206.838857-8.301714%2014.08-16.310857%207.204571-7.972571%2014.848-15.579428%207.606857-7.643429%2015.579428-14.848%208.009143-7.241143%2016.310857-14.08%208.338286-6.838857%2017.005715-13.238858%208.630857-6.436571%2017.590857-12.434285%208.96-5.961143%2018.212571-11.52%209.216-5.522286%2018.724572-10.605715%209.508571-5.083429%2019.236571-9.691428%209.764571-4.608%2019.712-8.740572%209.947429-4.096%2020.114286-7.753142%2010.130286-3.620571%2020.443428-6.729143%2010.276571-3.145143%2020.736-5.741715%2010.459429-2.633143%2021.028572-4.754285%2010.569143-2.084571%2021.211428-3.657143%2010.678857-1.572571%2021.394286-2.633143%2010.715429-1.097143%2021.467429-1.609143Q501.211429%2073.142857%20512%2073.142857t21.540571%200.512q10.752%200.548571%2021.467429%201.609143%2010.715429%201.060571%2021.394286%202.633143%2010.642286%201.572571%2021.211428%203.657143%2010.569143%202.121143%2021.028572%204.754285%2010.422857%202.596571%2020.736%205.741715%2010.313143%203.108571%2020.48%206.729143%2010.130286%203.657143%2020.114285%207.753142%209.910857%204.132571%2019.675429%208.777143%209.728%204.571429%2019.236571%209.654857t18.724572%2010.605715q9.252571%205.558857%2018.212571%2011.52%208.96%205.997714%2017.590857%2012.434285%208.667429%206.4%2017.005715%2013.238858%208.301714%206.838857%2016.310857%2014.08%207.972571%207.204571%2015.579428%2014.848%207.643429%207.606857%2014.848%2015.579428%207.241143%208.009143%2014.08%2016.310857%206.838857%208.338286%2013.275429%2017.005715%206.4%208.630857%2012.397714%2017.590857%205.961143%208.96%2011.52%2018.212571%205.522286%209.216%2010.605715%2018.724572%205.083429%209.508571%209.691428%2019.236571%204.608%209.764571%208.740572%2019.712%204.096%209.947429%207.753142%2020.114286%203.620571%2010.130286%206.729143%2020.443428%203.145143%2010.276571%205.741715%2020.736%202.633143%2010.459429%204.754285%2021.028572%202.084571%2010.569143%203.657143%2021.211428%201.572571%2010.678857%202.633143%2021.394286%201.097143%2010.715429%201.572571%2021.467429%200.548571%2010.752%200.548572%2021.540571z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M714.422857%20321.901714l-197.485714%20456.228572c-2.852571%206.509714-12.288%206.326857-15.433143-0.365715l-80.530286-172.105142a5.339429%205.339429%200%200%200-2.669714-2.669715L246.491429%20522.386286c-6.802286-3.145143-6.948571-12.580571-0.365715-15.433143l455.68-197.741714a9.618286%209.618286%200%200%201%2012.617143%2012.690285z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-biaoti {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-biaoti%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M522.386286%20969.581714a58.514286%2058.514286%200%200%201-41.618286-17.261714l-96.914286-96.914286H247.003429c-32.402286%200-58.733714-26.331429-58.733715-58.733714v-136.850286l-96.914285-96.914285a58.88%2058.88%200%200%201%200-83.2l96.914285-96.914286V245.942857c0-32.402286%2026.331429-58.770286%2058.733715-58.770286h136.850285l96.914286-96.914285a58.477714%2058.477714%200%200%201%2041.618286-17.261715c15.725714%200%2030.464%206.144%2041.618285%2017.261715l96.914286%2096.914285h136.850286c32.402286%200%2058.733714%2026.331429%2058.733714%2058.770286v136.850286l96.914286%2096.914286c11.117714%2011.117714%2017.261714%2025.892571%2017.261714%2041.581714%200%2015.725714-6.144%2030.500571-17.261714%2041.618286l-96.914286%2096.914285v136.850286c0%2032.402286-26.331429%2058.733714-58.733714%2058.733714h-136.850286l-96.914286%2096.914286a58.514286%2058.514286%200%200%201-41.618285%2017.261714z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M580.169143%20968.484571q-23.954286%2023.954286-57.782857%2023.954286t-57.782857-23.954286l-96.914286-96.914285%2016.164571-16.164572v22.857143H247.003429q-33.755429%200-57.673143-23.917714-23.917714-23.917714-23.917715-57.673143v-136.850286h22.857143l-16.164571%2016.164572-96.914286-96.914286q-23.917714-23.917714-23.917714-57.782857t23.917714-57.782857l96.914286-96.914286%2016.164571%2016.201143h-22.857143V245.942857q0-33.792%2023.917715-57.709714t57.673143-23.917714h136.850285v22.857142l-16.164571-16.164571%2096.914286-96.914286q23.954286-23.954286%2057.782857-23.954285t57.782857%2023.954285l96.914286%2096.914286-16.164572%2016.164571v-22.857142h136.850286q33.755429%200%2057.673143%2023.917714%2023.917714%2023.917714%2023.917714%2057.709714v136.850286h-22.857143l16.164572-16.164572%2096.914285%2096.914286q23.954286%2023.954286%2023.954286%2057.782857%200%2033.792-23.954286%2057.782857l-96.914285%2096.877715-16.164572-16.164572h22.857143v136.850286q0%2033.755429-23.917714%2057.673143-23.917714%2023.917714-57.673143%2023.917714h-136.850286v-22.857143l16.164572%2016.164572-96.914286%2096.914285z%20m-32.329143-32.329142l103.606857-103.606858h146.285714q14.848%200%2025.380572-10.532571%2010.532571-10.532571%2010.532571-25.344v-146.285714l103.606857-103.643429q10.569143-10.569143%2010.569143-25.453714t-10.569143-25.417143l-103.606857-103.606857V245.942857q0-14.848-10.532571-25.380571-10.532571-10.532571-25.344-10.532572h-146.322286L547.84%20106.422857q-10.605714-10.569143-25.453714-10.569143-14.884571%200-25.453715%2010.605715l-103.606857%20103.570285h-146.285714q-14.848%200-25.380571%2010.532572-10.532571%2010.532571-10.532572%2025.380571v146.285714L107.52%20495.908571q-10.532571%2010.496-10.532571%2025.417143%200%2014.957714%2010.532571%2025.453715l103.606857%20103.606857v146.322285q0%2014.811429%2010.532572%2025.344%2010.532571%2010.532571%2025.344%2010.532572h146.322285l103.606857%20103.606857q10.569143%2010.605714%2025.453715%2010.605714t25.453714-10.605714z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M685.494857%20423.972571H362.422857a22.857143%2022.857143%200%201%201%200-45.714285h323.072a22.857143%2022.857143%200%200%201%200%2045.714285z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M717.531429%20401.115429q0%2013.238857-9.398858%2022.601142-9.362286%209.398857-22.637714%209.398858H362.422857q-13.238857%200-22.637714-9.398858-9.362286-9.362286-9.362286-22.601142%200-13.275429%209.362286-22.674286%209.398857-9.325714%2022.674286-9.325714h323.035428q13.275429%200%2022.674286%209.362285%209.325714%209.362286%209.325714%2022.637715z%20m-18.285715%200q0-13.714286-13.750857-13.714286H362.422857q-5.668571%200-9.691428%204.022857-4.022857%204.022857-4.022858%209.691429%200%2013.714286%2013.714286%2013.714285h323.072q13.714286%200%2013.714286-13.714285z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M523.739429%20737.060571a22.857143%2022.857143%200%200%201-22.857143-22.857142v-308.114286a22.857143%2022.857143%200%201%201%2045.714285%200v308.114286c0%2012.617143-10.24%2022.857143-22.857142%2022.857142z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M555.739429%20714.203429q0%2013.238857-9.362286%2022.601142-9.362286%209.398857-22.637714%209.398858-13.238857%200-22.601143-9.398858-9.398857-9.362286-9.398857-22.601142v-308.114286q0-13.238857%209.398857-22.601143%209.362286-9.398857%2022.601143-9.398857%2013.275429%200%2022.637714%209.398857%209.362286%209.362286%209.362286%2022.601143v308.114286z%20m-18.285715%200v-308.114286q0-13.714286-13.714285-13.714286-5.668571%200-9.691429%204.022857-4.022857%204.022857-4.022857%209.691429v308.114286q0%205.668571%204.022857%209.691428%204.022857%204.022857%209.691429%204.022857%2013.714286%200%2013.714285-13.714285z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-fuzhukongbai {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-fuzhukongbai%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M292.571429%20292.571429h438.857142v438.857142H292.571429V292.571429z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M109.714286%20109.714286h196.315428v57.124571H109.714286V109.714286z%20m304.128%200h196.315428v57.124571h-196.315428V109.714286z%20m303.725714%200h196.315429v57.124571h-196.315429V109.714286zM109.714286%20857.161143h196.315428V914.285714H109.714286v-57.124571z%20m304.128%200h196.315428V914.285714h-196.315428v-57.124571z%20m303.725714%200h196.315429V914.285714h-196.315429v-57.124571z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M857.161143%20109.714286H914.285714v196.717714h-57.124571V109.714286z%20m0%20304.530285H914.285714v196.315429h-57.124571v-196.315429z%20m0%20303.725715H914.285714V914.285714h-57.124571v-196.315428zM109.714286%20109.714286h57.124571v196.717714H109.714286V109.714286z%20m0%20304.530285h57.124571v196.315429H109.714286v-196.315429z%20m0%20303.725715h57.124571V914.285714H109.714286v-196.315428z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-tupianmofang {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-tupianmofang%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M73.142857%20128m73.142857%200l329.142857%200q73.142857%200%2073.142858%2073.142857l0%20621.714286q0%2073.142857-73.142858%2073.142857l-329.142857%200q-73.142857%200-73.142857-73.142857l0-621.714286q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M621.714286%20128m73.142857%200l182.857143%200q73.142857%200%2073.142857%2073.142857l0%20201.142857q0%2073.142857-73.142857%2073.142857l-182.857143%200q-73.142857%200-73.142857-73.142857l0-201.142857q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M621.714286%20548.571429m73.142857%200l182.857143%200q73.142857%200%2073.142857%2073.142857l0%20201.142857q0%2073.142857-73.142857%2073.142857l-182.857143%200q-73.142857%200-73.142857-73.142857l0-201.142857q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-shangpinfenlei {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-shangpinfenlei%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20292.571429a182.857143%20182.857143%200%200%201%20182.857143-182.857143h146.285714a36.571429%2036.571429%200%200%201%2036.571428%2036.571428v292.571429a36.571429%2036.571429%200%200%201-36.571428%2036.571428H146.285714a36.571429%2036.571429%200%200%201-36.571428-36.571428z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M548.571429%20109.714286m36.571428%200l292.571429%200q36.571429%200%2036.571428%2036.571428l0%20292.571429q0%2036.571429-36.571428%2036.571428l-292.571429%200q-36.571429%200-36.571428-36.571428l0-292.571429q0-36.571429%2036.571428-36.571428Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M109.714286%20548.571429m36.571428%200l292.571429%200q36.571429%200%2036.571428%2036.571428l0%20292.571429q0%2036.571429-36.571428%2036.571428l-292.571429%200q-36.571429%200-36.571428-36.571428l0-292.571429q0-36.571429%2036.571428-36.571428Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M548.571429%20548.571429m36.571428%200l292.571429%200q36.571429%200%2036.571428%2036.571428l0%20292.571429q0%2036.571429-36.571428%2036.571428l-292.571429%200q-36.571429%200-36.571428-36.571428l0-292.571429q0-36.571429%2036.571428-36.571428Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-wenzhangliebiao {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-wenzhangliebiao%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20109.714286m73.142857%200l658.285714%200q73.142857%200%2073.142857%2073.142857l0%20658.285714q0%2073.142857-73.142857%2073.142857l-658.285714%200q-73.142857%200-73.142857-73.142857l0-658.285714q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M512%20694.857143H292.571429v-182.857143h219.428571v182.857143z%20m219.428571%200h-158.464v-60.964572H731.428571V694.857143z%20m0-121.892572h-158.464V512H731.428571v60.964571z%20m0-121.929142H292.571429V329.142857h438.857142v121.892572z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-shangpinliebiao {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-shangpinliebiao%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M808.228571%20109.714286H215.808c-30.793143%200-55.771429%2024.941714-55.808%2055.771428L109.714286%20858.477714C109.714286%20889.307429%20134.692571%20914.285714%20165.522286%20914.285714h693.028571c30.793143%200%2055.734857-24.978286%2055.734857-55.771428L864%20165.522286c0-30.793143-24.978286-55.771429-55.771429-55.808z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M739.620571%20385.974857c-3.657143%20121.6-103.131429%20219.538286-225.572571%20219.538286-122.221714%200-221.44-97.426286-225.536-218.624a44.763429%2044.763429%200%200%201%2019.638857-85.211429c24.868571%200%2045.056%2020.187429%2045.056%2045.092572a44.544%2044.544%200%200%201-15.067428%2033.133714%20176.201143%20176.201143%200%200%200%20175.908571%20175.323429%20176.091429%20176.091429%200%200%200%20175.908571-174.592%2044.361143%2044.361143%200%200%201-16.274285-33.865143%2045.056%2045.056%200%201%201%2090.112%200%2044.617143%2044.617143%200%200%201-24.173715%2039.204571z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-lunbotu {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-lunbotu%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M746.422857%20164.571429H276.992a111.286857%20111.286857%200%200%200-111.323429%20111.323428v470.308572a111.286857%20111.286857%200%200%200%20111.323429%20111.323428H746.422857a111.286857%20111.286857%200%200%200%20111.323429-111.323428V275.894857A111.396571%20111.396571%200%200%200%20746.422857%20164.571429zM73.142857%20369.700571v282.697143c0%2024.393143%2019.748571%2044.178286%2044.178286%2044.178286h26.441143V325.485714h-26.441143C92.891429%20325.485714%2073.142857%20345.234286%2073.142857%20369.700571zM906.678857%20325.485714h-26.441143v370.944h26.441143c24.393143%200%2044.178286-19.748571%2044.178286-44.141714V369.737143c0-24.502857-19.748571-44.251429-44.178286-44.251429z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M384%20329.142857c30.244571%200%2054.857143%2024.758857%2054.857143%2055.515429%200%2030.72-24.502857%2055.552-54.857143%2055.552a55.222857%2055.222857%200%200%201-54.893714-55.588572A55.369143%2055.369143%200%200%201%20383.963429%20329.142857zM292.571429%20694.710857c0-0.073143%2029.988571-184.32%2089.636571-184.32%2059.757714%200%2052.662857%2051.492571%2097.462857%2051.492572%2044.982857%200%2063.451429-158.610286%20123.830857-158.610286q60.379429%200%20127.926857%20291.584H292.571429v-0.146286z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-xiaochengxuzhibo {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-xiaochengxuzhibo%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M91.428571%20248.32C91.428571%20212.114286%20122.148571%20182.857143%20159.926857%20182.857143h547.657143c37.851429%200%2068.498286%2029.293714%2068.498286%2065.462857v112.274286l109.531428-78.628572a30.464%2030.464%200%200%201%2030.72-2.633143c9.947429%204.754286%2016.237714%2014.482286%2016.237715%2025.088v430.372572c0%2010.605714-6.290286%2020.333714-16.237715%2025.088a30.464%2030.464%200%200%201-30.72-2.633143l-109.531428-78.592v93.586286c0%2036.132571-30.646857%2065.462857-68.498286%2065.462857H159.926857c-37.814857%200-68.461714-29.330286-68.498286-65.462857V248.32z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M306.651429%20323.181714v149.650286h58.660571V323.181714H306.651429zM208.822857%20360.557714v74.898286h58.660572V360.557714H208.822857z%20m195.657143%2074.898286V360.557714h58.660571v74.898286H404.48z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-fuwenben {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-fuwenben%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20109.714286m73.142857%200l658.285714%200q73.142857%200%2073.142857%2073.142857l0%20658.285714q0%2073.142857-73.142857%2073.142857l-658.285714%200q-73.142857%200-73.142857-73.142857l0-658.285714q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M307.090286%20303.542857a25.490286%2025.490286%200%200%200%200%2050.980572l76.434285%200.073142v229.083429a25.453714%2025.453714%200%200%200%2050.907429%200V354.596571l93.366857-0.073142a25.490286%2025.490286%200%201%200%200-50.980572H307.090286z%20m237.714285%20237.714286a25.453714%2025.453714%200%201%200%200%2050.907428h186.733715a25.453714%2025.453714%200%201%200%200-50.944h-186.770286z%20m67.876572-135.862857a25.453714%2025.453714%200%201%200%200%2050.944h118.857143a25.453714%2025.453714%200%200%200%200-50.944h-118.857143z%20m-237.677714%20271.652571a25.453714%2025.453714%200%200%200%200%2050.944h356.571428a25.453714%2025.453714%200%200%200%200-50.944h-356.571428z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-shipin {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-shipin%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M188.416%20340.150857H830.537143c47.469714%200%2083.785143%2036.315429%2083.785143%2083.748572V851.382857c0%2047.433143-36.315429%2083.748571-83.748572%2083.748572H216.283429c-47.469714%200-83.748571-36.315429-83.748572-83.748572V395.995429c0-30.72%2025.161143-55.844571%2055.844572-55.844572z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M129.316571%20370.358857a54.857143%2054.857143%200%200%201%2035.218286-69.12l591.286857-192.109714a54.857143%2054.857143%200%200%201%2069.12%2035.218286l16.932572%2052.187428L146.285714%20422.546286zM606.866286%20688.603429l-112.018286%2073.508571c-17.481143%2010.496-38.473143%206.948571-49.005714-10.532571-3.474286-6.985143-6.985143-14.006857-6.985143-20.992v-147.017143c0-20.992%2014.006857-34.998857%2034.998857-34.998857%207.021714%200%2014.006857%203.510857%2020.992%206.985142l112.018286%2073.508572c17.517714%2010.532571%2020.992%2031.524571%2010.496%2049.005714l-10.496%2010.532572z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-sousuokuang {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-sousuokuang%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20109.714286m73.142857%200l658.285714%200q73.142857%200%2073.142857%2073.142857l0%20658.285714q0%2073.142857-73.142857%2073.142857l-658.285714%200q-73.142857%200-73.142857-73.142857l0-658.285714q0-73.142857%2073.142857-73.142857Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M507.940571%20329.142857c98.742857%200%20178.797714%2079.981714%20178.797715%20178.614857a177.737143%20177.737143%200%200%201-40.96%20113.737143l-0.731429%200.914286%200.256%200.182857c1.316571%200.877714%202.56%201.901714%203.657143%202.998857l39.021714%2038.985143a23.515429%2023.515429%200%200%201-33.206857%2033.206857l-39.021714-38.985143a23.478857%2023.478857%200%200%201-4.132572-5.522285%20178.102857%20178.102857%200%200%201-103.68%2033.060571A178.688%20178.688%200%200%201%20329.142857%20507.757714%20178.688%20178.688%200%200%201%20507.940571%20329.142857z%20m4.900572%2035.84a140.982857%20140.982857%200%200%200-140.909714%20140.946286c0%206.217143%205.046857%2011.264%2011.264%2011.264a11.337143%2011.337143%200%200%200%2011.264-11.264%20118.381714%20118.381714%200%200%201%20118.381714-118.381714%2011.337143%2011.337143%200%200%200%2011.300571-11.300572%2011.337143%2011.337143%200%200%200-11.300571-11.264z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-zhongcaoshequ {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-zhongcaoshequ%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M796.635429%20228.022857v-0.438857A401.078857%20401.078857%200%200%200%20512.109714%20109.714286c-111.067429%200-211.638857%2044.982857-284.525714%20117.869714l-1.755429%201.755429A402.468571%20402.468571%200%200%200%20129.462857%20636.598857c12.068571%2037.010286%2029.44%2072.045714%2051.565714%20104.045714v142.701715c0%2016.896%2014.08%2030.939429%2031.195429%2030.939428h299.885714a400.822857%20400.822857%200%200%200%20284.050286-117.650285h0.438857A400.822857%20400.822857%200%200%200%20914.285714%20512.109714a398.994286%20398.994286%200%200%200-117.650285-284.086857z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M516.022857%20389.558857c-112.128-74.971429-248.722286%2077.312-148.224%20177.590857v0.219429l135.533714%20130.194286a18.285714%2018.285714%200%200%200%2025.124572%200l134.656-129.316572%201.097143-1.097143c100.059429-100.059429-35.254857-253.001143-148.224-177.590857z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-xuanfucaidan {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-xuanfucaidan%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M893.147429%20565.321143l-259.913143-140.8Q582.290286%20392.411429%20512%20392.411429t-121.234286%2032.109714l-259.913143%20140.8Q73.142857%20601.709714%2073.142857%20657.298286t57.709714%2091.977143l259.913143%20140.8q50.944%2032.109714%20121.234286%2032.109714t121.234286-32.109714l259.913143-140.8Q950.857143%20712.886857%20950.857143%20657.298286t-57.709714-91.977143z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M893.147429%20275.273143l-259.913143-140.8Q582.290286%20102.4%20512%20102.4t-121.234286%2032.109714l-259.913143%20140.8Q73.142857%20311.625143%2073.142857%20367.250286q0%2055.588571%2057.709714%2091.977143l259.913143%20140.8q50.944%2032.073143%20121.234286%2032.073142t121.234286-32.073142l259.913143-140.8Q950.857143%20422.875429%20950.857143%20367.286857t-57.709714-92.013714z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M795.245714%20512.292571l-162.011428-87.771428Q582.290286%20392.411429%20512%20392.411429t-121.234286%2032.109714l-162.011428%2087.771428%20162.011428%2087.771429q50.944%2032.073143%20121.234286%2032.073143t121.234286-32.073143l162.011428-87.771429z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-miaosha {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-miaosha%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M903.314286%20551.862857q0%209.398857-0.438857%2018.797714-0.475429%209.435429-1.389715%2018.797715-0.950857%209.398857-2.304%2018.724571-1.389714%209.325714-3.254857%2018.578286-1.828571%209.216-4.132571%2018.358857-2.267429%209.142857-5.010286%2018.176-2.742857%209.033143-5.924571%2017.92-3.145143%208.850286-6.765715%2017.554286t-7.643428%2017.225143q-4.022857%208.521143-8.484572%2016.822857-4.425143%208.338286-9.289143%2016.457143-4.827429%208.045714-10.057142%2015.908571-5.266286%207.826286-10.861715%2015.36-5.632%207.606857-11.593143%2014.884571-5.997714%207.314286-12.324571%2014.262858-6.326857%207.021714-12.982857%2013.677714t-13.641143%2012.982857q-6.985143%206.326857-14.262857%2012.324571-7.314286%205.961143-14.884572%2011.593143-7.570286%205.595429-15.396571%2010.861715-7.862857%205.229714-15.945143%2010.057142-8.045714%204.864-16.384%209.289143-8.338286%204.461714-16.822857%208.484572-8.557714%204.022857-17.261714%207.643428-8.704%203.620571-17.554286%206.765715-8.886857%203.181714-17.92%205.924571-9.033143%202.742857-18.176%205.010286-9.142857%202.304-18.358857%204.132571-9.252571%201.828571-18.578286%203.254857-9.325714%201.353143-18.724571%202.304-9.362286%200.914286-18.797715%201.389715-9.398857%200.438857-18.834285%200.438857t-18.834286-0.438857q-9.398857-0.475429-18.797714-1.389715-9.398857-0.950857-18.688-2.304-9.325714-1.389714-18.578286-3.254857-9.252571-1.828571-18.395429-4.132571-9.142857-2.267429-18.176-5.010286-8.996571-2.742857-17.92-5.924571-8.850286-3.145143-17.554285-6.765715t-17.225143-7.643428q-8.521143-4.022857-16.822857-8.484572-8.338286-4.425143-16.420572-9.289143-8.082286-4.827429-15.908571-10.057142-7.862857-5.266286-15.433143-10.861715-7.570286-5.632-14.848-11.593143-7.314286-5.997714-14.262857-12.324571-6.985143-6.326857-13.641143-12.982857-6.692571-6.656-13.019429-13.641143t-12.288-14.262857q-5.997714-7.314286-11.593142-14.884572-5.632-7.570286-10.861715-15.396571-5.229714-7.862857-10.093714-15.945143-4.827429-8.045714-9.289143-16.384-4.425143-8.338286-8.484571-16.822857-4.022857-8.557714-7.643429-17.261714-3.584-8.704-6.765714-17.554286-3.181714-8.886857-5.924572-17.92-2.742857-9.033143-5.010285-18.176-2.304-9.142857-4.132572-18.358857-1.828571-9.252571-3.218285-18.578286-1.389714-9.325714-2.304-18.724571-0.950857-9.362286-1.389715-18.797715-0.475429-9.398857-0.475428-18.834285t0.475428-18.834286q0.438857-9.435429%201.389715-18.797714%200.914286-9.398857%202.304-18.724572t3.218285-18.541714q1.828571-9.252571%204.132572-18.395429%202.267429-9.142857%205.010285-18.176%202.742857-9.033143%205.924572-17.92%203.181714-8.850286%206.765714-17.554285%203.657143-8.704%207.68-17.225143%204.022857-8.521143%208.448-16.822857%204.461714-8.338286%209.289143-16.420572%204.864-8.082286%2010.093714-15.908571%205.229714-7.862857%2010.861715-15.433143%205.595429-7.570286%2011.593142-14.848%205.961143-7.314286%2012.288-14.262857%206.326857-6.985143%2013.019429-13.641143%206.656-6.692571%2013.641143-13.019429%206.948571-6.326857%2014.262857-12.288%207.314286-5.997714%2014.848-11.629714%207.570286-5.595429%2015.433143-10.825143%207.826286-5.266286%2015.908571-10.093714%208.082286-4.864%2016.420572-9.289143%208.301714-4.461714%2016.822857-8.484571%208.521143-4.022857%2017.225143-7.643429%208.704-3.584%2017.554285-6.765714%208.923429-3.181714%2017.92-5.924572%209.033143-2.742857%2018.176-5.010285%209.142857-2.304%2018.395429-4.132572t18.578286-3.218285q9.289143-1.389714%2018.688-2.304%209.398857-0.950857%2018.797714-1.389715%209.398857-0.475429%2018.834286-0.475428t18.834285%200.475428q9.435429%200.438857%2018.797715%201.389715%209.398857%200.914286%2018.724571%202.304t18.578286%203.218285q9.216%201.828571%2018.358857%204.132572%209.142857%202.267429%2018.176%205.010285%209.033143%202.742857%2017.92%205.924572%208.850286%203.181714%2017.554286%206.765714%208.704%203.620571%2017.225143%207.68%208.521143%204.022857%2016.822857%208.448%208.338286%204.425143%2016.457143%209.289143%208.045714%204.827429%2015.908571%2010.093714%207.826286%205.229714%2015.396571%2010.825143%207.570286%205.632%2014.848%2011.629714%207.314286%205.961143%2014.262858%2012.288%207.021714%206.326857%2013.677714%2013.019429%206.656%206.656%2012.982857%2013.641143%206.326857%206.948571%2012.324571%2014.262857%205.961143%207.314286%2011.593143%2014.848%205.595429%207.570286%2010.861715%2015.433143%205.229714%207.826286%2010.057142%2015.908571%204.864%208.082286%209.289143%2016.384%204.461714%208.338286%208.484572%2016.822857%204.022857%208.557714%207.643428%2017.261715%203.620571%208.704%206.765715%2017.554285%203.181714%208.886857%205.924571%2017.92%202.742857%209.033143%205.010286%2018.176%202.304%209.142857%204.132571%2018.395429%201.828571%209.216%203.254857%2018.541714%201.353143%209.325714%202.304%2018.724572%200.914286%209.362286%201.389715%2018.797714%200.438857%209.398857%200.438857%2018.834286z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M526.884571%20738.267429l117.869715-203.593143a19.053714%2019.053714%200%200%200-4.169143-24.100572%2013.750857%2013.750857%200%200%200-8.374857-2.925714h-92.708572v-128.182857c0-9.618286-6.838857-17.408-15.140571-17.408a14.701714%2014.701714%200%200%200-12.580572%207.753143L393.874286%20573.44a19.053714%2019.053714%200%200%200%204.205714%2024.137143c2.377143%201.828571%205.302857%202.925714%208.338286%202.925714h92.708571v128.182857c0%209.581714%206.838857%2017.408%2015.177143%2017.408%205.010286%200%209.801143-2.925714%2012.580571-7.789714zM384.987429%2081.810286a34.925714%2034.925714%200%201%201%2019.2%2067.145143%20418.742857%20418.742857%200%200%200-189.732572%20115.565714%2034.925714%2034.925714%200%200%201-50.834286-47.908572%20488.594286%20488.594286%200%200%201%20221.403429-134.802285h-0.036571z%20m283.574857%200a34.925714%2034.925714%200%201%200-19.2%2067.145143%20418.742857%20418.742857%200%200%201%20189.732571%20115.565714%2034.925714%2034.925714%200%201%200%2050.834286-47.908572%20488.594286%20488.594286%200%200%200-221.366857-134.802285z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-youhuiquan {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-youhuiquan%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M111.323429%20695.222857c56.32-8.192%2090.075429-41.545143%2090.075428-88.429714%200-46.811429-34.377143-80.822857-91.062857-88.356572%200-55.405714-1.28-111.104%200.621714-166.765714%200.914286-25.965714%2023.661714-45.860571%2051.346286-50.578286%209.362286-1.609143%2019.126857-1.462857%2028.672-1.462857%20217.6-0.073143%20435.163429-0.073143%20652.726857-0.073143%2060.708571%200%2082.176%2020.553143%2082.176%2078.555429v139.52c-58.953143%2010.313143-91.794286%2043.739429-91.136%2091.062857%200.731429%2045.385143%2034.194286%2078.006857%2090.624%2086.820572%200%2054.747429%201.206857%20109.787429-0.475428%20164.754285-0.914286%2029.110857-27.282286%2050.944-59.209143%2053.430857-11.922286%200.950857-23.954286%200.438857-35.986286%200.438858H198.582857c-69.485714%200-88.905143-18.285714-88.868571-83.968%200-42.861714%200.109714-85.796571%200.182857-128.694858%200.073143-1.462857%200.658286-2.925714%201.426286-6.253714z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M529.481143%20551.643429c54.418286%200%20108.873143%200.109714%20163.291428-0.036572%2025.673143-0.109714%2038.070857-11.849143%2038.619429-35.913143%200.658286-27.538286-11.849143-42.057143-37.888-42.093714-108.141714-0.256-216.246857-0.256-324.352%200-27.099429%200.036571-40.082286%2013.714286-39.972571%2040.228571%200.146286%2025.929143%2012.068571%2037.668571%2039.241142%2037.778286%2053.650286%200.182857%20107.337143%200.036571%20161.060572%200.036572z%20m-1.536%20110.372571c-52.224%200-104.484571-0.073143-156.708572%200-28.416%200.073143-42.349714%2013.458286-42.057142%2039.862857%200.256%2026.258286%2012.909714%2038.217143%2041.435428%2038.290286%20106.715429%200.109714%20213.394286%200.146286%20320.073143%200%2028.306286-0.073143%2041.033143-12.507429%2040.704-38.838857-0.292571-27.611429-11.885714-39.131429-40.082286-39.241143-54.491429-0.182857-108.909714-0.073143-163.364571-0.073143zM198.546286%20237.202286h420.571428l-234.825143-117.028572a99.291429%2099.291429%200%200%200-125.44%2031.561143l-60.342857%2085.467429z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-xinwenbobao {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-xinwenbobao%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M202.934857%20761.746286h121.563429V251.940571H202.971429a100.900571%20100.900571%200%200%200-100.571429%20101.266286v307.273143a100.900571%20100.900571%200%200%200%20100.571429%20101.266286z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M516.827429%20892.342857c14.774857%208.118857%2031.378286%2012.434286%2048.274285%2012.507429a100.900571%20100.900571%200%200%200%20100.498286-101.961143V210.797714c0-16.164571-3.876571-32.109714-11.300571-46.482285l-2.304-4.059429a100.352%20100.352%200%200%200-135.314286-38.180571L251.977143%20268.726857v477.110857l264.850286%20146.468572z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M785.92%20642.267429l5.12%202.121142%20117.869714%2058.514286%204.242286%202.267429c21.138286%2011.337143%2027.904%2038.436571%2014.482286%2058.331428-15.213714%2019.748571-41.691429%2026.953143-64.841143%2017.664l-4.937143-2.121143-118.052571-58.660571-4.059429-2.304a40.118857%2040.118857%200%200%201-14.482286-57.6%2055.149714%2055.149714%200%200%201%2064.658286-18.212571z%20m106.569143-179.163429a47.908571%2047.908571%200%200%201%2051.053714%2043.812571%2047.177143%2047.177143%200%200%201-46.116571%2044.544h-141.348572a48.054857%2048.054857%200%200%201-51.273143-43.995428%2047.177143%2047.177143%200%200%201%2046.665143-44.361143h141.348572-0.365715z%20m35.145143-212.041143c13.019429%2019.748571%206.290286%2046.372571-14.482286%2057.6l-4.242286%202.304-117.869714%2058.660572c-24.100571%2012.068571-53.394286%205.339429-69.778286-16.091429a40.301714%2040.301714%200%200%201%2014.482286-57.782857l4.242286-2.267429%20117.869714-58.514285a55.844571%2055.844571%200%200%201%2069.778286%2016.091428zM257.901714%20640v-256h54.857143v256h-54.857143z%20m27.428572%2027.428571q-2.706286%200-5.376-0.512-2.633143-0.548571-5.12-1.572571-2.523429-1.024-4.754286-2.56-2.230857-1.462857-4.169143-3.401143-1.901714-1.901714-3.401143-4.132571-1.462857-2.267429-2.56-4.754286-0.987429-2.486857-1.536-5.12-0.512-2.669714-0.512-5.376t0.512-5.339429q0.548571-2.669714%201.572572-5.156571%201.024-2.486857%202.56-4.754286%201.462857-2.230857%203.364571-4.132571%201.938286-1.938286%204.169143-3.437714%202.230857-1.462857%204.754286-2.523429%202.486857-1.024%205.12-1.572571%202.669714-0.512%205.376-0.512t5.339428%200.512q2.669714%200.548571%205.12%201.572571%202.523429%201.024%204.754286%202.56%202.267429%201.462857%204.169143%203.401143%201.901714%201.901714%203.401143%204.132571%201.499429%202.267429%202.56%204.754286%201.024%202.486857%201.536%205.12%200.548571%202.669714%200.548571%205.376t-0.548571%205.339429q-0.512%202.669714-1.536%205.156571-1.060571%202.486857-2.56%204.754286-1.462857%202.230857-3.401143%204.132571-1.901714%201.938286-4.169143%203.437714-2.230857%201.462857-4.754286%202.523429-2.450286%201.024-5.12%201.572571-2.633143%200.512-5.339428%200.512z%20m0-256q-2.706286%200-5.376-0.512-2.633143-0.548571-5.12-1.572571-2.523429-1.024-4.754286-2.56-2.230857-1.462857-4.169143-3.401143-1.901714-1.901714-3.401143-4.132571-1.462857-2.267429-2.56-4.754286-0.987429-2.486857-1.536-5.12-0.512-2.669714-0.512-5.376t0.512-5.339429q0.548571-2.669714%201.572572-5.156571%201.024-2.486857%202.56-4.754286%201.462857-2.230857%203.364571-4.132571%201.938286-1.938286%204.169143-3.437714%202.230857-1.462857%204.754286-2.523429%202.486857-1.024%205.12-1.572571%202.669714-0.512%205.376-0.512t5.339428%200.512q2.669714%200.548571%205.12%201.572571%202.523429%201.024%204.754286%202.56%202.267429%201.462857%204.169143%203.401143%201.901714%201.901714%203.401143%204.132571%201.499429%202.267429%202.56%204.754286%201.024%202.486857%201.536%205.12%200.548571%202.669714%200.548571%205.376t-0.548571%205.339429q-0.512%202.669714-1.536%205.156571-1.060571%202.486857-2.56%204.754286-1.462857%202.230857-3.401143%204.132571-1.901714%201.938286-4.169143%203.437714-2.230857%201.462857-4.754286%202.523429-2.450286%201.024-5.12%201.572571-2.633143%200.512-5.339428%200.512z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-xuanxiangka {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-xuanxiangka%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M601.6%20128h-179.2c-11.227429%200-19.2%209.618286-19.2%2020.809143v39.972571c0%2011.227429%209.581714%2020.845714%2019.2%2020.845715h179.2c11.190857%200%2019.2-9.618286%2019.2-20.845715V148.845714c1.572571-11.190857-8.045714-20.809143-19.2-20.809143z%20m273.554286%200h-179.2a21.211429%2021.211429%200%200%200-20.772572%2020.809143v39.972571a21.211429%2021.211429%200%200%200%2020.809143%2020.845715h179.2c11.190857-1.645714%2020.809143-9.618286%2020.809143-20.845715V148.845714a21.211429%2021.211429%200%200%200-20.845714-20.809143z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M875.190857%20262.4H367.981714a21.211429%2021.211429%200%200%201-20.772571-20.809143V148.845714a21.211429%2021.211429%200%200%200-20.809143-20.809143H148.809143a21.211429%2021.211429%200%200%200-20.809143%2020.809143v727.990857c0%209.581714%209.618286%2019.2%2020.809143%2019.2H875.154286a21.211429%2021.211429%200%200%200%2020.809143-20.809142V283.209143a21.211429%2021.211429%200%200%200-20.809143-20.809143z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-zuhezujian {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-zuhezujian%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M109.714286%20109.714286m36.571428%200l585.142857%200q36.571429%200%2036.571429%2036.571428l0%20475.428572q0%2036.571429-36.571429%2036.571428l-585.142857%200q-36.571429%200-36.571428-36.571428l0-475.428572q0-36.571429%2036.571428-36.571428Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M365.714286%20365.714286m36.571428%200l475.428572%200q36.571429%200%2036.571428%2036.571428l0%20475.428572q0%2036.571429-36.571428%2036.571428l-475.428572%200q-36.571429%200-36.571428-36.571428l0-475.428572q0-36.571429%2036.571428-36.571428Z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M768%20365.714286v256q0%203.584-0.731429%207.131428-0.658286%203.547429-2.048%206.875429-1.389714%203.291429-3.401142%206.326857-1.974857%202.962286-4.534858%205.522286-2.56%202.56-5.522285%204.534857-2.998857%202.011429-6.326857%203.401143-3.328%201.389714-6.875429%202.084571Q735.085714%20658.285714%20731.428571%20658.285714H365.714286v-256q0-3.584%200.731428-7.131428%200.658286-3.547429%202.048-6.875429%201.389714-3.291429%203.401143-6.326857%201.974857-2.962286%204.534857-5.522286%202.56-2.56%205.522286-4.534857%202.998857-2.011429%206.326857-3.401143%203.328-1.389714%206.875429-2.084571Q398.701714%20365.714286%20402.285714%20365.714286h365.714286z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-fuzhuxian {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22t-icon-zujian-fuzhuxian%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M292.571429%20146.285714h585.142857v585.142857H292.571429V146.285714z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M109.714286%20857.161143h196.315428V914.285714H109.714286v-57.124571z%20m304.128%200h196.315428V914.285714h-196.315428v-57.124571z%20m303.725714%200h196.315429V914.285714h-196.315429v-57.124571z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M109.714286%20109.714286h57.124571v196.717714H109.714286V109.714286z%20m0%20304.530285h57.124571v196.315429H109.714286v-196.315429z%20m0%20303.725715h57.124571V914.285714H109.714286v-196.315428z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.t-icon-zujian-kanjia {
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%27100%25%27%20height%3D%27100%25%27%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22iconzujian-kanjia%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M820.443429%20448.073143l-359.68%20385.097143%2058.221714%2058.258285a78.006857%2078.006857%200%200%200%20110.336%200l262.070857-262.070857a78.006857%2078.006857%200%200%200%200-110.336l-70.948571-70.948571zM118.564571%20188.708571l-0.219428%204.205715-8.557714%20254.281143c-0.658286%2020.114286%206.436571%2039.68%2019.858285%2054.674285l2.962286%203.108572%20151.149714%20151.149714L675.913143%20303.542857l-170.971429-170.971428A78.043429%2078.043429%200%200%200%20451.913143%20109.714286h-4.571429l-253.44%207.862857a78.006857%2078.006857%200%200%200-75.337143%2071.168z%20m176.310858%20106.130286a65.828571%2065.828571%200%201%201%2093.110857%2093.110857%2065.828571%2065.828571%200%200%201-93.110857-93.110857z%22%20fill%3D%22%23D1E9FF%22%20%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M294.875429%20294.875429a65.828571%2065.828571%200%201%201%2093.110857%2093.110857%2065.828571%2065.828571%200%200%201-93.110857-93.110857zM756.041143%20320L288.585143%20740.352a39.021714%2039.021714%200%200%200-1.828572%2056.32l31.817143%2032.548571a39.021714%2039.021714%200%200%200%2056.429715-0.658285L804.608%20368.64a34.048%2034.048%200%200%200-0.804571-47.323429%2034.742857%2034.742857%200%200%200-47.762286-1.28z%22%20fill%3D%22%231890FF%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}
@charset "UTF-8";

/* fade */

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.28s;
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/* fade-transform 切换菜单显示动画时长 */

.fade-transform-leave-active,
.fade-transform-enter-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.fade-transform-enter {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

/* breadcrumb transition */

.breadcrumb-enter-active,
.breadcrumb-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.breadcrumb-move {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.breadcrumb-leave-active {
  position: absolute;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload input[type=file] {
  display: none !important;
}

.el-upload__input {
  display: none;
}

.el-dialog {
  -webkit-transform: none;
          transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container .el-upload {
  width: 100%;
}

.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-dropdown-menu a {
  display: block;
}

.el-range-separator {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.el-popover .el-menu,
.el-popover .el-menu.el-menu--vertical,
.el-popover .el-menu.el-menu--horizontal,
.el-popover .no-border-menu,
.el-popover .no-border-menu.el-menu--vertical {
  border-right: none !important;
  border: none !important;
}

#app .top-menu-container {
  height: 50px;
  width: calc(100% - 70px);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 70px;
  z-index: 998;
  overflow: visible;
  /* 改为 visible，确保下划线和内容不被裁剪 */
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "custom-font", Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

#app .top-menu-container .top-logo {
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
  width: calc(70px + 120px) !important;
}

#app .top-menu-container .top-toolbar {
  width: 40px;
  height: 50px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

#app .top-menu-container .top-toolbar .hamburger-container {
  height: 50px;
  line-height: 50px;
  color: #ffffff;
}

#app .top-menu-container .top-menu {
  height: 50px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: visible;
  /* 改为 visible，确保下划线和内容不被裁剪 */
  position: relative;
  /* 确保定位上下文 */
}

#app .top-menu-container .top-avatar {
  height: 50px;
  line-height: 50px;
}

#app .main-container {
  height: 100%;
  position: relative;
  overflow: auto;
  padding-top: 50px;
}

#app .main-container.sidebarLeft {
  margin-left: 70px;
}

#app .main-container.subSidebarLeft {
  margin-left: calc(70px + 120px);
}

#app .sidebar-container {
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
  width: 70px !important;
  background-color: #1F2937;
  position: fixed;
  font-size: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: auto;
  font-family: "custom-font", Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-family: "custom-font", Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

#app .sidebar-container .horizontal-collapse-transition {
  -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}

#app .sidebar-container .scrollbar-wrapper {
  overflow-x: hidden !important;
}

#app .sidebar-container .el-scrollbar__bar.is-vertical {
  right: 0px;
}

#app .sidebar-container .el-scrollbar {
  height: 100%;
}

#app .sidebar-container.has-logo .el-scrollbar {
  height: calc(100% - 50px);
}

#app .sidebar-container .is-horizontal {
  display: none;
}

#app .sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

#app .sidebar-container .svg-icon {
  margin-right: 16px;
}

#app .sidebar-container .sub-el-icon {
  margin-right: 12px;
  margin-left: -2px;
}

#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}

#app .sidebar-container .el-menu .el-submenu__icon-arrow {
  display: none;
}

#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover {
  background-color: #2563EB !important;
}

#app .sidebar-container .is-active > .el-submenu__title {
  color: #f4f4f5 !important;
}

#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item {
  min-width: 70px !important;
  background-color: #1F2937 !important;
}

#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item:hover {
  background-color: #2563EB !important;
}

#app .sub-sidebar-container {
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
  width: 120px !important;
  height: calc(100% - 50px);
  position: fixed;
  font-size: 0px;
  top: 50px;
  bottom: 0;
  left: 70px;
  z-index: 1001;
  overflow: hidden;
  background-color: #ffffff;
}

#app .sub-sidebar-container .horizontal-collapse-transition {
  -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}

#app .sub-sidebar-container .scrollbar-wrapper {
  overflow-x: hidden !important;
}

#app .sub-sidebar-container .el-scrollbar__bar.is-vertical {
  right: 0px;
}

#app .sub-sidebar-container .el-scrollbar {
  height: 100%;
}

#app .sub-sidebar-container .is-horizontal {
  display: none;
}

#app .sub-sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

#app .sub-sidebar-container .svg-icon {
  margin-right: 16px;
}

#app .sub-sidebar-container .sub-el-icon {
  margin-right: 12px;
  margin-left: -2px;
}

#app .sub-sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}

#app .sub-sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sub-sidebar-container .el-submenu .el-menu-item {
  min-width: 70px !important;
}

#app .el-menu--collapse .el-menu .el-submenu {
  min-width: 54px !important;
}

#app .mobile .main-container {
  margin-left: 0px;
}

#app .mobile .main-container.sidebarLeft {
  margin-left: 0px;
}

#app .mobile .top-logo {
  -webkit-transition: none !important;
  transition: none !important;
  width: 54px !important;
}

#app .mobile .sidebar-container {
  -webkit-transition: -webkit-transform 0.28s;
  transition: -webkit-transform 0.28s;
  transition: transform 0.28s;
  transition: transform 0.28s, -webkit-transform 0.28s;
  width: 70px !important;
}

#app .mobile .sub-sidebar-container {
  -webkit-transition: -webkit-transform 0.28s;
  transition: -webkit-transform 0.28s;
  transition: transform 0.28s;
  transition: transform 0.28s, -webkit-transform 0.28s;
  width: 120px !important;
}

#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translate3d(-70px, 0, 0);
          transform: translate3d(-70px, 0, 0);
}

#app .mobile.hideSidebar .sub-sidebar-container {
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translate3d(-120px, 0, 0);
          transform: translate3d(-120px, 0, 0);
}

#app .withoutAnimation .main-container,
#app .withoutAnimation .top-logo,
#app .withoutAnimation .sidebar-container,
#app .withoutAnimation .sub-sidebar-container {
  -webkit-transition: none;
  transition: none;
}

.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 16px;
}

.el-menu--vertical > .el-menu .sub-el-icon {
  margin-right: 12px;
  margin-left: -2px;
}

.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover,
.el-menu--vertical .el-menu-item:hover {
  background-color: #2563EB !important;
}

.el-menu--vertical > .el-menu--popup {
  max-height: 100vh;
  overflow-y: auto;
}

.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
  background: #d3dce6;
}

.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
  width: 6px;
}

.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}

:root {
  --prev-color-primary: #1890ff;
}

@font-face {
  font-family: "password";

  src: url(../../static/fonts/PasswordEntry.b5a7feab.ttf);
}

@font-face {
  font-family: "custom-font";

  src: url(../../static/fonts/313f7dacf2076822059d.535877f5.woff) format("woff"), url(../../static/fonts/4520188144a17fb24a6a.732389de.ttf) format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

.pw input {
  font-family: "password";
}

/* 应用自定义字体到菜单和导航 */

.sidebar-menu,
.top-menu-container,
.el-tabs {
  font-family: "custom-font", Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  overflow: auto;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.app-main {
  background: #f0f2f5;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}

.app-main .w-200 {
  width: 200px;
}

.app-main .app-container {
  padding: 20px;
  margin: 0px;
  background: #ffffff;
  border-radius: 3.6px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.app-main .app-container.auto-height {
  height: auto;
}

.app-main .app-container .filter-container {
  margin-bottom: 20px;
}

.app-main .app-container .filter-container .filter-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 10px;
}

.app-main .app-container .filter-container .filter-item + .filter-item {
  margin-left: 10px;
}

.app-main .app-container .table-container {
  width: 100%;
  /* 
   * 标准表格高度：calc(100vh - 200px)
   * 适用于标准布局：filter-container + 表格 + 分页
   * 
   * 高度计算：
   * - 顶部菜单：50px（无二级菜单）或 85px（有二级菜单，由 has-submenu 类处理）
   * - app-container padding：40px (20px * 2)
   * - filter-container：约 80px (高度 + margin-bottom)
   * - 分页：约 50px
   * - 总计：50 + 40 + 80 + 50 = 220px，取整为 200px
   * 
   * 有额外内容（如统计信息）时，需要相应增加高度值
   * 例如：统计信息区域约 50px，则使用 calc(100vh - 250px)
   */
}

.app-main .app-container .el-input-number--small {
  width: 180px;
}

.app-main .app-container .form-container {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.app-main .app-container .form-container .form-container-header {
  height: 40px;
  line-height: 40px;
  background: #ffffff;
}

.app-main .app-container .form-container .form-container-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}

.app-main .app-container .form-container .form-container-footer {
  height: 40px;
  line-height: 40px;
  background: #ffffff;
}

.mobile .app-main .w-200 {
  width: 100%;
}

.mobile .app-main .app-container .filter-container .filter-item {
  margin-left: 0;
}

.mobile .app-main .app-container .filter-container .filter-item.el-date-editor.el-range-editor.el-input__inner.el-date-editor--datetimerange {
  width: auto;
}

.mobile .el-dialog {
  width: 100% !important;
  margin-top: 0 !important;
}

.el-drawer__wrapper {
  height: 100% !important;
}

.el-drawer {
  height: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.el-drawer .el-drawer__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.el-drawer .el-drawer__body {
  height: 100% !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.el-drawer__body > .form-container,
.el-drawer__body > .drawer-content,
.el-drawer__body > .drawer-body {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.pwa-install-prompt[data-v-65169116] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
.pwa-install-content[data-v-65169116] {
  background: white;
  border-radius: 12px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.pwa-install-header[data-v-65169116] {
  text-align: center;
  margin-bottom: 20px;
}
.pwa-install-header i[data-v-65169116] {
  font-size: 48px;
  color: #409EFF;
  margin-bottom: 10px;
}
.pwa-install-header h3[data-v-65169116] {
  margin: 0;
  color: #303133;
  font-size: 18px;
  font-weight: 600;
}
.pwa-install-body[data-v-65169116] {
  margin-bottom: 20px;
}
.pwa-install-body p[data-v-65169116] {
  color: #606266;
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: center;
}
.pwa-install-features[data-v-65169116] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 20px 0;
}
.feature[data-v-65169116] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.feature i[data-v-65169116] {
  font-size: 24px;
  color: #409EFF;
  margin-bottom: 5px;
}
.feature span[data-v-65169116] {
  font-size: 12px;
  color: #909399;
}
.warning-message[data-v-65169116] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
  padding: 10px;
  background: #fef0f0;
  border: 1px solid #fbc4c4;
  border-radius: 4px;
  color: #f56c6c;
}
.warning-message i[data-v-65169116] {
  margin-right: 5px;
  font-size: 14px;
}
.warning-message span[data-v-65169116] {
  font-size: 12px;
}
.pwa-install-footer[data-v-65169116] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.btn-cancel[data-v-65169116], .btn-install[data-v-65169116] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-cancel[data-v-65169116] {
  background: #f5f7fa;
  color: #606266;
}
.btn-cancel[data-v-65169116]:hover {
  background: #ebeef5;
}
.btn-install[data-v-65169116] {
  background: #409EFF;
  color: white;
}
.btn-install[data-v-65169116]:hover {
  background: #66b1ff;
}
.btn-install[data-v-65169116]:disabled {
  background: #c0c4cc;
  color: #ffffff;
  cursor: not-allowed;
}
.btn-install[data-v-65169116]:disabled:hover {
  background: #c0c4cc;
}

/* 基础样式重置和通用设置 */
*[data-v-37dfd6fc] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 登录页主题颜色变量 */
[data-v-37dfd6fc]:root {
  --login-theme-color: var(--sidebar-theme-color, var(--theme-color, #409EFF));
}

/* 登录容器样式 */
.login-container[data-v-37dfd6fc] {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
  background-position: center;
  padding: 16px;
  position: relative;
}

/* 背景遮罩，提高文字可读性 */
.login-container[data-v-37dfd6fc]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/* 登录包装器 */
.login-wrapper[data-v-37dfd6fc] {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  max-width: 900px;
  min-height: 500px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  overflow: hidden;
}

/* 图片区域 - 左侧，占 45% - 主题色背景 */
.image-section[data-v-37dfd6fc] {
  padding: 40px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, var(--login-theme-color, #409EFF) 0%, rgba(64, 158, 255, 0.8) 100%);
}
.left-content[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
}

/* Logo样式 */
.login-logo-wrapper[data-v-37dfd6fc] {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.login-logo[data-v-37dfd6fc] {
  width: 70%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* 系统名称 - 白色 */
.system-name[data-v-37dfd6fc] {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;
  letter-spacing: 1px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 关注我们区域 */
.follow-us[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.follow-title[data-v-37dfd6fc] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 12px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.qr-code-wrapper[data-v-37dfd6fc] {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.qr-code[data-v-37dfd6fc] {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}
.follow-tip[data-v-37dfd6fc] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* 表单区域 - 右侧，占 55% */
.form-section[data-v-37dfd6fc] {
  padding: 40px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
}

/* 表单头部 */
.form-header[data-v-37dfd6fc] {
  margin-bottom: 30px;
  text-align: center;
}
.form-header h1[data-v-37dfd6fc] {
  font-size: 28px;
  font-weight: bold;
  color: #1e293b;
  margin-bottom: 12px;
}
.form-header p[data-v-37dfd6fc] {
  font-size: 15px;
  color: #64748b;
}

/* 输入组 */
.input-group[data-v-37dfd6fc] {
  position: relative;
  margin-bottom: 20px;
}
.input-group input[data-v-37dfd6fc] {
  width: 100%;
  height: 52px;
  padding: 0 48px 0 48px;
  font-size: 16px;
  background-color: #ffffff;
  border: 1px solid var(--login-theme-color, #409EFF);
  border-radius: 10px;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-group input[data-v-37dfd6fc]:focus {
  border-color: var(--login-theme-color, #409EFF);
  -webkit-box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.2);
          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.2);
  background-color: #ffffff;
}
.input-group input[data-v-37dfd6fc]::-webkit-input-placeholder {
  color: #94a3b8;
}
.input-group input[data-v-37dfd6fc]::-moz-placeholder {
  color: #94a3b8;
}
.input-group input[data-v-37dfd6fc]:-ms-input-placeholder {
  color: #94a3b8;
}
.input-group input[data-v-37dfd6fc]::-ms-input-placeholder {
  color: #94a3b8;
}
.input-group input[data-v-37dfd6fc]::placeholder {
  color: #94a3b8;
}

/* 左侧图标样式 */
.input-group > i[data-v-37dfd6fc]:not(.password-toggle) {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 18px;
  color: var(--login-theme-color, #409EFF);
  font-size: 18px;
}

/* 密码切换按钮 - 右侧 */
.password-toggle[data-v-37dfd6fc] {
  position: absolute;
  right: 18px !important;
  left: auto !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  color: var(--login-theme-color, #409EFF);
  font-size: 18px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  z-index: 10;
  padding: 8px;
}
.password-toggle[data-v-37dfd6fc]:hover {
  color: var(--login-theme-color, #409EFF);
}

/* 忘记密码链接 */
.forgot-password-link[data-v-37dfd6fc] {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #3b82f6;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  z-index: 10;
}
.forgot-password-link[data-v-37dfd6fc]:hover {
  color: #2563eb;
  text-decoration: underline;
}

/* 重置文字 */
.reset-text[data-v-37dfd6fc] {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #3b82f6;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  z-index: 10;
  padding: 4px 8px;
}
.reset-text[data-v-37dfd6fc]:hover {
  color: #2563eb;
  text-decoration: underline;
}

/* 验证码区域 */
.captcha-group .captcha-display[data-v-37dfd6fc] {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #f1f5f9;
  padding: 10px 16px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  font-weight: 500;
  color: #475569;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #e2e8f0;
}
.captcha-group .captcha-display[data-v-37dfd6fc]:hover {
  background-color: #e2e8f0;
  border-color: #cbd5e1;
}

/* 协议和忘记密码区域 */
.agreement-group[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 25px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.agreement-label[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
}
.agreement-label input[type="checkbox"][data-v-37dfd6fc] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--login-theme-color, #409EFF);
  /* 自定义复选框样式，选中时图标为白色 */
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid var(--login-theme-color, #409EFF);
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.agreement-label input[type="checkbox"][data-v-37dfd6fc]:checked {
  background-color: var(--login-theme-color, #409EFF);
}
.agreement-label input[type="checkbox"][data-v-37dfd6fc]:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.agreement-label input[type="checkbox"][data-v-37dfd6fc]:hover {
  border-color: var(--login-theme-color, #409EFF);
  -webkit-box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
}
.agreement-text[data-v-37dfd6fc] {
  font-size: 14px;
  color: #64748b;
  line-height: 1.4;
}
.agreement-link[data-v-37dfd6fc] {
  background: none;
  border: none;
  color: var(--login-theme-color, #409EFF);
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}
.agreement-link[data-v-37dfd6fc]:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

/* 登录按钮 */
.login-button[data-v-37dfd6fc] {
  width: 100%;
  height: 52px;
  background: var(--login-theme-color, #409EFF);
  color: white;
  font-size: 17px;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.login-button[data-v-37dfd6fc]:hover:not(:disabled) {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.login-button[data-v-37dfd6fc]:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.login-button[data-v-37dfd6fc]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 调试样式 */
.debug-login-container[data-v-37dfd6fc] {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f5f5;
  padding: 20px;
}
.debug-login-wrapper[data-v-37dfd6fc] {
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 400px;
}
.debug-login-wrapper h2[data-v-37dfd6fc] {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}
.debug-input-group[data-v-37dfd6fc] {
  margin-bottom: 15px;
}
.debug-input-group label[data-v-37dfd6fc] {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
.debug-input-group input[data-v-37dfd6fc] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.debug-input-group input[data-v-37dfd6fc]:focus {
  outline: none;
  border-color: var(--login-theme-color, #409EFF);
}
.debug-login-btn[data-v-37dfd6fc] {
  width: 100%;
  padding: 12px;
  background-color: var(--login-theme-color, #409EFF);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 10px;
}
.debug-login-btn[data-v-37dfd6fc]:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.debug-login-btn[data-v-37dfd6fc]:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
}

/* 响应式设计 */

/* 平板和手机 */
@media (max-width: 768px) {
.login-wrapper[data-v-37dfd6fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
    max-width: 100%;
    margin: 0;
    border-radius: 12px;
}
.image-section[data-v-37dfd6fc] {
    display: none;
}
.form-section[data-v-37dfd6fc] {
    padding: 24px;
    max-width: 100%;
    min-width: auto;
}
.form-header[data-v-37dfd6fc] {
    margin-bottom: 32px;
}
.form-header h1[data-v-37dfd6fc] {
    font-size: 24px;
}
.input-group input[data-v-37dfd6fc] {
    height: 48px;
    font-size: 14px;
}
.login-button[data-v-37dfd6fc] {
    height: 48px;
    font-size: 15px;
}
.agreement-group[data-v-37dfd6fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
}

/* 小平板 */
@media (min-width: 769px) and (max-width: 1024px) {
.login-wrapper[data-v-37dfd6fc] {
    max-width: 90%;
    min-height: 480px;
}
.image-section[data-v-37dfd6fc] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    padding: 30px 20px;
}
.form-section[data-v-37dfd6fc] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    padding: 30px 35px;
}
.login-logo-wrapper[data-v-37dfd6fc] {
    width: 70px;
    height: 70px;
}
.system-name[data-v-37dfd6fc] {
    font-size: 18px;
}
.qr-code-wrapper[data-v-37dfd6fc] {
    width: 100px;
    height: 100px;
}
}

/* 手机 */
@media (max-width: 480px) {
.login-container[data-v-37dfd6fc] {
    padding: 8px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 20px;
}
.login-wrapper[data-v-37dfd6fc] {
    border-radius: 8px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}
.form-section[data-v-37dfd6fc] {
    padding: 16px;
}
.form-header[data-v-37dfd6fc] {
    margin-bottom: 20px;
}
.form-header h1[data-v-37dfd6fc] {
    font-size: 20px;
}
.form-header p[data-v-37dfd6fc] {
    font-size: 13px;
}
.input-group input[data-v-37dfd6fc] {
    height: 44px;
    font-size: 13px;
    padding: 0 40px 0 36px;
}
.input-group i[data-v-37dfd6fc] {
    font-size: 16px;
    left: 12px;
}
.password-toggle[data-v-37dfd6fc] {
    right: 12px;
}
.login-button[data-v-37dfd6fc] {
    height: 44px;
    font-size: 14px;
}
.agreement-text[data-v-37dfd6fc] {
    font-size: 12px;
}
.agreement-group[data-v-37dfd6fc] {
    gap: 6px;
}
}

/* 超小屏幕 */
@media (max-width: 360px) {
.login-container[data-v-37dfd6fc] {
    padding: 4px;
    padding-top: 10px;
}
.form-section[data-v-37dfd6fc] {
    padding: 12px;
}
.form-header h1[data-v-37dfd6fc] {
    font-size: 18px;
}
.input-group input[data-v-37dfd6fc] {
    height: 40px;
    font-size: 12px;
}
.login-button[data-v-37dfd6fc] {
    height: 40px;
    font-size: 13px;
}
}

/* 大屏幕 */
@media (min-width: 1440px) {
.login-wrapper[data-v-37dfd6fc] {
    max-width: 1000px;
    min-height: 550px;
}
.image-section[data-v-37dfd6fc] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    padding: 35px;
}
.form-section[data-v-37dfd6fc] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    padding: 50px 60px;
}
.image-section img[data-v-37dfd6fc] {
    max-width: 360px;
}
.form-header h1[data-v-37dfd6fc] {
    font-size: 32px;
}
.form-header p[data-v-37dfd6fc] {
    font-size: 16px;
}
.input-group input[data-v-37dfd6fc] {
    height: 56px;
    font-size: 17px;
}
.login-button[data-v-37dfd6fc] {
    height: 56px;
    font-size: 18px;
}
}

/* 横屏手机 */
@media (max-height: 500px) and (orientation: landscape) {
.login-container[data-v-37dfd6fc] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: auto;
}
.login-wrapper[data-v-37dfd6fc] {
    min-height: auto;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
}
.image-section[data-v-37dfd6fc] {
    display: none;
}
.form-section[data-v-37dfd6fc] {
    padding: 16px;
}
.form-header[data-v-37dfd6fc] {
    margin-bottom: 16px;
}
.input-group[data-v-37dfd6fc] {
    margin-bottom: 12px;
}
}

/* ==================== 门店选择抽屉弹窗 ==================== */
.store-drawer-overlay[data-v-37dfd6fc] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-animation: fadeIn-data-v-37dfd6fc 0.3s ease;
          animation: fadeIn-data-v-37dfd6fc 0.3s ease;
}
@-webkit-keyframes fadeIn-data-v-37dfd6fc {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes fadeIn-data-v-37dfd6fc {
from { opacity: 0;
}
to { opacity: 1;
}
}
.store-drawer[data-v-37dfd6fc] {
  width: 100%;
  max-width: 400px;
  height: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-animation: slideIn-data-v-37dfd6fc 0.3s ease;
          animation: slideIn-data-v-37dfd6fc 0.3s ease;
}
@-webkit-keyframes slideIn-data-v-37dfd6fc {
from { -webkit-transform: translateX(100%); transform: translateX(100%);
}
to { -webkit-transform: translateX(0); transform: translateX(0);
}
}
@keyframes slideIn-data-v-37dfd6fc {
from { -webkit-transform: translateX(100%); transform: translateX(100%);
}
to { -webkit-transform: translateX(0); transform: translateX(0);
}
}
.store-drawer-header[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e2e8f0;
  background-color: #f8fafc;
}
.store-drawer-header h3[data-v-37dfd6fc] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
.store-drawer-close[data-v-37dfd6fc] {
  background: none;
  border: none;
  font-size: 20px;
  color: #64748b;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.store-drawer-close[data-v-37dfd6fc]:hover {
  background-color: #e2e8f0;
  color: #1e293b;
}
.store-drawer-content[data-v-37dfd6fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
}
.store-drawer-tip[data-v-37dfd6fc] {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 20px;
  padding: 12px 16px;
  background-color: #f1f5f9;
  border-radius: 8px;
  border-left: 4px solid var(--login-theme-color, #409EFF);
}
.store-list[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.store-item[data-v-37dfd6fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.store-item[data-v-37dfd6fc]:hover {
  border-color: var(--login-theme-color, #409EFF);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.15);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.store-icon[data-v-37dfd6fc] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--login-theme-color, #409EFF) 0%, rgba(64, 158, 255, 0.8) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.store-icon i[data-v-37dfd6fc] {
  font-size: 20px;
  color: #ffffff;
}
.store-info[data-v-37dfd6fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.store-name[data-v-37dfd6fc] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-address[data-v-37dfd6fc] {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-arrow[data-v-37dfd6fc] {
  margin-left: 12px;
  color: #94a3b8;
  font-size: 14px;
}
.store-item:hover .store-arrow[data-v-37dfd6fc] {
  color: var(--login-theme-color, #409EFF);
}

/* 抽屉弹窗响应式 */
@media (max-width: 480px) {
.store-drawer[data-v-37dfd6fc] {
    max-width: 100%;
}
}

.app-breadcrumb.el-breadcrumb[data-v-b50ef614] {
  display: inline-block;
  font-size: 14px;
  line-height: 35px;
  margin-left: 8px;
}
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-b50ef614] {
  color: #97a8be;
  cursor: text;
}
.navbar[data-v-d16d6306] {
  height: 35px;
  overflow: hidden;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
          box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  border-left: 1px solid #eee;
}
.navbar .hamburger-container[data-v-d16d6306] {
  line-height: 46px;
  height: 100%;
  float: left;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.navbar .hamburger-container[data-v-d16d6306]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.navbar .breadcrumb-container[data-v-d16d6306] {
  float: left;
}
.sub-el-icon[data-v-31ea41b3] {
  color: currentColor;
  width: 1em;
  height: 1em;
}
span[slot="title"][data-v-31ea41b3] {
  font-weight: 600;
}


.sidebarLogoFade-enter-active[data-v-2e051af6] {
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
.sidebarLogoFade-enter[data-v-2e051af6],
.sidebarLogoFade-leave-to[data-v-2e051af6] {
  opacity: 0;
}
.sidebar-logo-container[data-v-2e051af6] {
  position: relative;
  width: 100%;
  min-height: 40px;
  /*line-height: 20px;*/
  background: #1F2937;
  text-align: center;
  overflow: hidden;
}
.sidebar-logo-container .sidebar-logo-link[data-v-2e051af6] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-2e051af6] {
  width: 40px;
  height: 40px;
  margin: 2px auto 0;
  border-radius: 50%;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-2e051af6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /*text-overflow: ellipsis;*/
  white-space: normal;
  /*overflow: hidden;*/
  display: inline-block;
  margin: 0;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  font-size: 14px;
  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-2e051af6] {
  margin: 0px;
}
.mobile .sidebarLogoFade-enter-active[data-v-2e051af6] {
  -webkit-transition: none;
  transition: none;
}
.mobile .sidebar-logo-container .sidebar-logo[data-v-2e051af6] {
  margin: 0 !important;
}
.mobile .sidebar-logo-container .sidebar-title[data-v-2e051af6] {
  display: none;
}
@charset "UTF-8";
.sidebar-menu[data-v-33ec43fc] {
  width: 70px;
  min-width: 70px;
  height: 100%;
  min-height: 100%;
  background: #001529;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1001;
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.logo-section[data-v-33ec43fc] {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #002140;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.logo-image[data-v-33ec43fc] {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 2px !important;
}
.menu-section[data-v-33ec43fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 0;
  overflow-y: auto;
}
.account-section[data-v-33ec43fc] {
  border-top: 1px solid #002140;
  padding: 8px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.menu-item[data-v-33ec43fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  width: 50px;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.5px 0;
  border-radius: 4px;
  position: relative;
}
.menu-item[data-v-33ec43fc]:hover {
  background: var(--theme-color);
  color: #fff;
  border-radius: 8px;
  margin: 0.5px 4px;
}
.menu-item.active[data-v-33ec43fc] {
  background: var(--theme-color);
  color: #fff;
  border-radius: 8px;
  margin: 0.5px 4px;
}
.menu-item i[data-v-33ec43fc] {
  font-size: 18px;
  margin-bottom: 2px;
  margin-right: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.menu-text[data-v-33ec43fc] {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.1;
  word-break: break-all;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-orient: vertical;
  line-clamp: 2;
}

/* 4 个字及以上时略缩小字号，避免侧栏宽度内换行显示不全 */
.menu-text--compact[data-v-33ec43fc] {
  font-size: 10px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

/* 挂单数量徽章样式 - 使用主题颜色 */
.pending-badge[data-v-33ec43fc] {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 12px;
  height: 12px;
  padding: 0 2px;
  background-color: var(--theme-color);
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.menu-item:hover .pending-badge[data-v-33ec43fc],
.menu-item.active .pending-badge[data-v-33ec43fc] {
  background-color: #fff;
  color: var(--theme-color);
}

/* 滚动条样式 */
.menu-section[data-v-33ec43fc]::-webkit-scrollbar {
  width: 4px;
}
.menu-section[data-v-33ec43fc]::-webkit-scrollbar-track {
  background: #002140;
}
.menu-section[data-v-33ec43fc]::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 2px;
}
.menu-section[data-v-33ec43fc]::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-dark);
}

/* 弹出层样式 - 隐藏右侧竖线 */

/* 强制覆盖 Element UI 默认的 .el-menu 右侧边框样式 */
[data-v-33ec43fc] .el-popover .el-menu,[data-v-33ec43fc] .el-popover .el-menu.el-menu--vertical,[data-v-33ec43fc] .el-popover .el-menu.el-menu--horizontal,[data-v-33ec43fc] .el-popover .no-border-menu,[data-v-33ec43fc] .el-popover .no-border-menu.el-menu--vertical {
  border-right: none !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border: none !important;
}
[data-v-33ec43fc] .el-popover {
  /* 隐藏菜单容器的所有边框（popover 内菜单不需要边框） */
  /* 全面覆盖 Element UI 默认的右侧边框样式 */
  /* 隐藏菜单相关元素的右侧边框 */
}
[data-v-33ec43fc] .el-popover .el-menu,[data-v-33ec43fc] .el-popover .no-border-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: none !important;
  border-right: none !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  gap: 8px;
  padding: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
[data-v-33ec43fc] .el-popover .el-menu--vertical,[data-v-33ec43fc] .el-popover .no-border-menu.el-menu--vertical {
  border-right: none !important;
  border: none !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
}
[data-v-33ec43fc] .el-popover .el-menu--horizontal,[data-v-33ec43fc] .el-popover .no-border-menu.el-menu--horizontal {
  border-right: none !important;
  border: none !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
}
[data-v-33ec43fc] .el-popover .el-menu-item,[data-v-33ec43fc] .el-popover .el-submenu,[data-v-33ec43fc] .el-popover .el-submenu__title,[data-v-33ec43fc] .el-popover .el-menu-item-group,[data-v-33ec43fc] .el-popover .nest-menu {
  border-right: none !important;
}
[data-v-33ec43fc] .nest-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: inline-block;
}
[data-v-33ec43fc] .nest-menu .el-menu-item {
  width: auto !important;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 8px 16px !important;
  white-space: nowrap;
  border-radius: 4px;
  margin: 0;
  line-height: 1.4;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-v-33ec43fc] .el-menu--vertical .nest-menu {
  display: inline-block !important;
  width: auto !important;
}
[data-v-33ec43fc] .el-menu--vertical .nest-menu .el-menu-item {
  display: inline-block !important;
  width: auto !important;
}
[data-v-33ec43fc] .nest-menu .el-menu-item.is-active {
  color: #fff !important;
  background-color: var(--theme-color) !important;
}
[data-v-33ec43fc] .nest-menu .el-menu-item:hover {
  background-color: var(--theme-color-light);
  color: var(--theme-color);
}

/* 强制隐藏 popover 内所有元素的右侧边框 */
[data-v-33ec43fc] .el-popover[data-popper-placement=right] .el-menu,[data-v-33ec43fc] .el-popover[data-popper-placement=right] .el-menu--vertical {
  border-right: none !important;
  border: none !important;
}

/* 全局覆盖：隐藏所有 popover 内的 .el-menu 右侧边框 */
[data-v-33ec43fc] .el-popover .el-menu,[data-v-33ec43fc] .el-popover .no-border-menu,[data-v-33ec43fc] .el-popover .el-menu.el-menu--vertical,[data-v-33ec43fc] .el-popover .no-border-menu.el-menu--vertical,[data-v-33ec43fc] .el-popover .el-menu.el-menu--horizontal,[data-v-33ec43fc] .el-popover .no-border-menu.el-menu--horizontal,[data-v-33ec43fc] .el-popover div.el-menu,[data-v-33ec43fc] .el-popover ul.el-menu,[data-v-33ec43fc] .el-popover div.no-border-menu,[data-v-33ec43fc] .el-popover ul.no-border-menu {
  border-right: none !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
  border: none !important;
}

/* 额外强化：使用更具体的选择器确保覆盖 Element UI 默认样式 */
[data-v-33ec43fc] .el-popover .no-border-menu.el-menu--vertical {
  border-right: none !important;
  border: none !important;
  border-right-width: 0 !important;
  border-right-style: none !important;
  border-right-color: transparent !important;
}

/* ==================== 退出确认弹窗美化样式 ==================== */
[data-v-33ec43fc] .logout-custom-dialog {
  border-radius: 16px;
  padding: 32px 24px 24px;
  width: 360px;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__header {
  display: none;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__content {
  padding: 0;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns {
  padding: 20px 0 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  text-align: center !important;
  gap: 12px;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .el-button {
  min-width: 100px;
  height: 36px;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0 !important;
  float: none !important;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .el-button:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-confirm-btn,[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-confirm-btn.el-button--primary {
  background-color: var(--sidebar-theme-color, var(--theme-color, #409EFF)) !important;
  border-color: var(--sidebar-theme-color, var(--theme-color, #409EFF)) !important;
  color: #fff !important;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-confirm-btn:hover,[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-confirm-btn:focus,[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-confirm-btn.el-button--primary:hover,[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-confirm-btn.el-button--primary:focus {
  background-color: var(--sidebar-theme-color, var(--theme-color, #409EFF)) !important;
  border-color: var(--sidebar-theme-color, var(--theme-color, #409EFF)) !important;
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-cancel-btn {
  background-color: #f5f7fa;
  border-color: #dcdfe6;
  color: #606266;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .logout-cancel-btn:hover {
  background-color: #e4e7ed;
  border-color: #c0c4cc;
  color: #303133;
}
.logout-confirm-dialog[data-v-33ec43fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.logout-logo-wrapper[data-v-33ec43fc] {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.logout-logo-image[data-v-33ec43fc] {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
.logout-icon-wrapper[data-v-33ec43fc] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--theme-color-light) 0%, var(--theme-color) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.logout-icon[data-v-33ec43fc] {
  font-size: 36px;
  color: #fff;
}
.logout-title[data-v-33ec43fc] {
  font-size: 20px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
}
.logout-message[data-v-33ec43fc] {
  font-size: 14px;
  color: #909399;
  line-height: 1.5;
}

/* 响应式适配 */
@media screen and (max-width: 480px) {
[data-v-33ec43fc] .logout-custom-dialog {
    width: 300px;
    padding: 24px 20px 20px;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}
[data-v-33ec43fc] .logout-custom-dialog .el-message-box__btns .el-button {
    width: 100%;
    min-width: auto;
}
.logout-icon-wrapper[data-v-33ec43fc] {
    width: 64px;
    height: 64px;
}
.logout-icon[data-v-33ec43fc] {
    font-size: 28px;
}
.logout-title[data-v-33ec43fc] {
    font-size: 18px;
}
.logout-message[data-v-33ec43fc] {
    font-size: 13px;
}
}
.app-main[data-v-078753dd] {
  /* 使用相对于父容器的高度，而不是 100vh，确保在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  /* 父容器 .main-container 已经有 padding-top: 50px，所以这里使用 100% 高度即可 */
  /* 全局样式 index.scss 中已经设置了 height: 100%，这里只需要确保 min-height 不会覆盖它 */
  width: 100%;
  position: relative;
  /* overflow 由全局样式 index.scss 中的 .app-main { overflow: auto; } 控制 */
}
.fixed-header+.app-main[data-v-078753dd] {
  padding-top: 35px;
}

.el-popup-parent--hidden .fixed-header {
  padding-right: 15px;
}
.sidebarLogoFade-enter-active[data-v-6494804b] {
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
.sidebarLogoFade-enter[data-v-6494804b],
.sidebarLogoFade-leave-to[data-v-6494804b] {
  opacity: 0;
}
.sidebar-logo-container[data-v-6494804b] {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #2b2f3a;
  text-align: center;
  overflow: hidden;
}
.sidebar-logo-container .sidebar-logo-link[data-v-6494804b] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-6494804b] {
  width: 32px;
  height: 32px;
  margin: 0 6px;
  border-radius: 50%;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-6494804b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  font-size: 14px;
  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-6494804b] {
  margin: 0px;
}
.mobile .sidebarLogoFade-enter-active[data-v-6494804b] {
  -webkit-transition: none;
  transition: none;
}
.mobile .sidebar-logo-container .sidebar-logo[data-v-6494804b] {
  margin: 0 !important;
}
.mobile .sidebar-logo-container .sidebar-title[data-v-6494804b] {
  display: none;
}
@charset "UTF-8";

/* 全局 CSS 变量定义主题颜色（默认蓝色）- 非 scoped 确保全局可用 */
:root {
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
@charset "UTF-8";
.top-menu-container[data-v-02c84338] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  background: #ffffff;
  /* 收银机屏幕适配（宽度 0-1600px，高度 0-1200px） */
  /* 确保小屏模式下二级菜单字体大小不被覆盖 - 使用更高优先级的选择器 */
}
.top-menu-container .top-menu-bar[data-v-02c84338] {
  border-bottom: 1px solid #f0f0f0;
  height: 50px;
  position: relative;
  /* 为右侧按钮预留空间 */
  padding-right: 200px;
  /* 确保容器不会裁剪下划线 */
  overflow: visible;
  background: #ffffff;
  /* 激活状态的下划线样式，优先级要高于默认样式 */
  /* 确保激活状态下划线显示，覆盖默认样式 - 使用深度选择器确保优先级 */
  /* 额外确保 Element UI 的激活状态样式 */
  /* 隐藏一级菜单右侧垂直滚动条 */
  /* 确保 scrollbar 容器不会裁剪菜单项的下划线 */
}
.top-menu-container .top-menu-bar .top-menu-horizontal[data-v-02c84338] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  /* 确保菜单容器有足够空间显示下划线 */
  position: relative;
  z-index: 1;
}
.top-menu-container .top-menu-bar .top-menu-item[data-v-02c84338] {
  background: #ffffff !important;
  /* 确保整个区域可点击 */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  cursor: pointer !important;
  /* 默认下划线，但激活状态会被覆盖 */
  border-bottom: 1px solid #f0f0f0 !important;
}
.top-menu-container .top-menu-bar .top-menu-item.is-active[data-v-02c84338],
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item.is-active[data-v-02c84338] {
  /*background: #f5f7fa !important;*/
  color: var(--theme-color) !important;
  border-bottom: 2.5px solid var(--theme-color) !important;
  /* 确保激活状态下划线显示 */
  position: relative !important;
  z-index: 2 !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .top-menu-item.is-active,
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2.5px solid var(--theme-color) !important;
  border-bottom-width: 2.5px !important;
  border-bottom-style: solid !important;
  border-bottom-color: var(--theme-color) !important;
  color: var(--theme-color) !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-menu--horizontal .el-menu-item.is-active {
  border-bottom: 2.5px solid var(--theme-color) !important;
  border-bottom-width: 2.5px !important;
  color: var(--theme-color) !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal.el-menu[data-v-02c84338] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  /* 限制最多显示6个菜单项，超过则滚动 */
  max-width: calc(100% - 200px);
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item[data-v-02c84338] {
  height: 49px !important;
  line-height: 49px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  /* 确保整个区域可点击 */
  padding: 0 20px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  /* 默认下划线，使用 box-sizing 确保下划线在容器内 */
  border-bottom: 1px solid #f0f0f0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* 确保下划线不被裁剪 */
  margin-bottom: 0 !important;
  /* 激活状态的下划线 - 一级菜单下划线 */
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item[data-v-02c84338]:hover {
  background-color: #f5f7fa !important;
  color: var(--theme-color);
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item.is-active[data-v-02c84338] {
  border-bottom: 2.5px solid var(--theme-color) !important;
  color: var(--theme-color) !important;
  /* 确保激活状态下划线显示在最底部 */
  z-index: 2;
}
.top-menu-container .top-menu-bar .svg-icon[data-v-02c84338] {
  margin-right: 5px;
}
.top-menu-container .top-menu-bar .el-scrollbar__bar.is-horizontal[data-v-02c84338] {
  display: none;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__bar.is-vertical {
  display: none !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__wrap {
  overflow-x: auto;
  overflow-y: visible !important;
  /* 允许下划线显示，不被裁剪 */
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__view {
  overflow: visible !important;
  /* 确保内容不被裁剪 */
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__thumb:hover {
  background-color: #f5f7fa !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar {
  height: 100%;
}
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
.top-menu-container[data-v-02c84338] {
    /* 二级菜单适配 */
}
.top-menu-container .top-menu-bar[data-v-02c84338] {
    padding-right: 180px !important;
    /* 为右侧按钮预留空间 */
    height: 50px !important;
    /* 确保激活状态下划线显示 - 一级菜单下划线 */
    /* 限制菜单项数量，超过6个时启用滚动 */
    /* 确保 el-scrollbar 填满 top-menu-bar 的高度，消除底部空白 */
}
.top-menu-container .top-menu-bar .top-menu-horizontal[data-v-02c84338] {
    height: 50px !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal.el-menu[data-v-02c84338] {
    height: 50px !important;
    max-width: calc(100% - 180px) !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item[data-v-02c84338] {
    height: 49px !important;
    line-height: 49px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    /* 限制最多显示6个菜单项 */
    min-width: 0 !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item.is-active[data-v-02c84338] {
    border-bottom: 2.5px solid var(--theme-color) !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 2.5px solid var(--theme-color) !important;
    border-bottom-width: 2.5px !important;
    border-bottom-style: solid !important;
    border-bottom-color: var(--theme-color) !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal.el-menu[data-v-02c84338] {
    /* 每个菜单项大约120px宽度，6个就是720px */
    max-width: 720px !important;
}
.top-menu-container .top-menu-bar .svg-icon[data-v-02c84338] {
    margin-right: 3px !important;
    font-size: 14px !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar {
    height: 50px !important;
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__wrap {
    height: 50px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    /* 允许下划线显示，不被裁剪 */
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__view {
    height: 50px !important;
    overflow: visible !important;
    /* 确保内容不被裁剪 */
}
.top-menu-container .top-menu-bar[data-v-02c84338]  .el-scrollbar__bar.is-vertical {
    display: none !important;
}
.top-menu-container .sub-menu-container[data-v-02c84338] {
    height: 38px !important;
    padding: 0 15px !important;
    /* 确保 z-index 在媒体查询中生效 */
    z-index: 100 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group[data-v-02c84338] {
    z-index: 101 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items[data-v-02c84338] {
    z-index: 102 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-02c84338] {
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6B7280 !important;
    /* 与一级菜单保持一致的默认边框：1px */
    border-bottom: 1px solid #f0f0f0 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    /* 确保文字可见 */
    opacity: 1 !important;
    visibility: visible !important;
    /* 确保 z-index 生效 */
    z-index: 103 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item span[data-v-02c84338] {
    color: #6B7280 !important;
    /* 明确设置字体大小，确保与一级菜单一致 */
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #6B7280 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-02c84338]:hover {
    color: var(--theme-color) !important;
    background-color: #f5f7fa !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item:hover span[data-v-02c84338] {
    color: var(--theme-color) !important;
    -webkit-text-fill-color: var(--theme-color) !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active[data-v-02c84338] {
    color: var(--theme-color) !important;
    /* 二级菜单下划线样式：2.5px 粗，主题颜色，与一级菜单完全一致 */
    border-bottom: 2.5px solid var(--theme-color) !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active span[data-v-02c84338] {
    color: var(--theme-color) !important;
    -webkit-text-fill-color: var(--theme-color) !important;
}
}
.top-menu-container .sub-menu-container[data-v-02c84338] {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  height: 40px;
  /* 确保容器可见 */
  visibility: visible !important;
  opacity: 1 !important;
  /* 增加 z-index 确保显示在其他元素之上 */
  position: relative;
  z-index: 100 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group[data-v-02c84338] {
  height: 100%;
  position: relative;
  z-index: 101 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items[data-v-02c84338] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  z-index: 102 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-02c84338] {
  padding: 0 16px;
  /* 与一级菜单保持一致的字体大小 */
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #6B7280 !important;
  cursor: pointer;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /* 与一级菜单保持一致的默认边框：1px */
  border-bottom: 1px solid #f0f0f0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  background: #ffffff;
  /* 确保文字可见 */
  opacity: 1 !important;
  visibility: visible !important;
  /* 确保文字颜色不被覆盖 */
  -webkit-text-fill-color: #6B7280 !important;
  /* 增加 z-index 确保菜单项显示在最上层 */
  z-index: 103 !important;
  /* 确保文字渲染 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item span[data-v-02c84338] {
  color: #6B7280 !important;
  /* 明确设置字体大小，确保与一级菜单一致 */
  font-size: 14px !important;
  font-weight: 600 !important;
  display: block !important;
  white-space: nowrap !important;
  /* 确保文字可见 */
  opacity: 1 !important;
  visibility: visible !important;
  /* 确保文字颜色 */
  -webkit-text-fill-color: #6B7280 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-02c84338]:hover {
  color: var(--theme-color) !important;
  background-color: #f5f7fa;
  -webkit-text-fill-color: var(--theme-color) !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item:hover span[data-v-02c84338] {
  color: var(--theme-color) !important;
  -webkit-text-fill-color: var(--theme-color) !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active[data-v-02c84338] {
  color: var(--theme-color) !important;
  /*background: #f5f7fa;*/
  /* 二级菜单下划线样式：2.5px 粗，主题颜色，与一级菜单完全一致 */
  border-bottom: 2.5px solid var(--theme-color) !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-text-fill-color: var(--theme-color) !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active span[data-v-02c84338] {
  color: var(--theme-color) !important;
  -webkit-text-fill-color: var(--theme-color) !important;
}
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-02c84338] {
    font-size: 13px !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item span[data-v-02c84338] {
    font-size: 13px !important;
}
}
.top-menu-container .mobile .top-menu-bar[data-v-02c84338]  .el-menu--horizontal > .el-menu-item {
  padding: 0 10px;
  display: inline-block;
}
.top-menu-container .mobile .top-menu-bar[data-v-02c84338]  .el-menu--horizontal > .el-menu-item .sub-el-icon {
  display: none;
}
.top-menu-container .mobile .top-menu-bar[data-v-02c84338]  .el-menu--horizontal > .el-menu-item .svg-icon {
  display: none;
}
.top-menu-container .mobile .top-menu-bar[data-v-02c84338]  .el-scrollbar__thumb {
  display: none;
}
.top-menu-container .mobile .top-menu-bar[data-v-02c84338]  .el-scrollbar__thumb:hover {
  display: none;
}
.hamburger[data-v-4e6f274c] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.hamburger.is-active[data-v-4e6f274c] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@charset "UTF-8";
[data-v-13877386]:export {
  menuText: #ffffff;
  menuActiveText: #409EFF;
  subMenuActiveText: #f4f4f5;
  menuBg: #1F2937;
  menuHover: #2563EB;
  subMenuBg: #1F2937;
  subMenuHover: #2563EB;
  sideBarWidth: 70px;
  subBarWidth: 120px;
}
.app-wrapper[data-v-13877386] {
  position: relative;
  height: 100%;
  width: 100%;
}
.app-wrapper[data-v-13877386]:after {
  content: "";
  display: table;
  clear: both;
}
.app-wrapper.mobile.openSidebar[data-v-13877386] {
  position: fixed;
  top: 0;
}

/* 整体缩放已应用到 body/html，此处不再需要单独的缩放容器样式 */

/* 缩放控制面板遮罩层 */
.zoom-control-mask[data-v-13877386] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background: transparent;
  cursor: default;
}

/* 缩放控制面板 */
.zoom-control[data-v-13877386] {
  position: fixed;
  top: 20px;
  right: 20px;
  background: white;
  padding: 15px 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  min-width: 280px;
}
.zoom-control .zoom-control-title[data-v-13877386] {
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 500;
}
.zoom-control .zoom-slider-container[data-v-13877386] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.zoom-control .zoom-slider-container .zoom-slider-row[data-v-13877386] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.zoom-control .zoom-slider-container .zoom-slider-row .zoom-slider[data-v-13877386] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.zoom-control .zoom-slider-container .zoom-slider-row .zoom-value[data-v-13877386] {
  min-width: 50px;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.zoom-control .zoom-slider-container .zoom-buttons-row[data-v-13877386] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.zoom-control .zoom-slider-container .zoom-buttons-row .zoom-reset-btn[data-v-13877386] {
  padding: 6px 15px;
  color: #409eff;
  font-size: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.zoom-control .zoom-slider-container .zoom-buttons-row .zoom-reset-btn[data-v-13877386]:hover {
  color: #66b1ff;
}
.zoom-control .zoom-slider-container .zoom-buttons-row .zoom-close-btn[data-v-13877386] {
  padding: 6px 15px;
  color: #909399;
  font-size: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.zoom-control .zoom-slider-container .zoom-buttons-row .zoom-close-btn[data-v-13877386]:hover {
  color: #606266;
}
.drawer-bg[data-v-13877386] {
  background: #000;
  opacity: 0.3;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
}
.fixed-header[data-v-13877386] {
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 9;
  width: 100%;
}
.sidebarLeft .fixed-header[data-v-13877386] {
  width: calc(100% - 70px);
}
.subSidebarLeft .fixed-header[data-v-13877386] {
  width: calc(100% - 70px - 120px);
}
.hideSidebar .fixed-header[data-v-13877386] {
  width: 100%;
}
.hideSidebar .sidebarLeft .fixed-header[data-v-13877386] {
  width: calc(100% - 54px);
}
.mobile .fixed-header[data-v-13877386] {
  width: 100%;
}
.mobile .sidebarLeft .fixed-header[data-v-13877386] {
  width: 100%;
}
.right-menu[data-v-13877386] {
  float: right;
  height: 100%;
  line-height: 50px;
}
.right-menu[data-v-13877386]:focus {
  outline: none;
}
.right-menu .right-menu-item[data-v-13877386] {
  display: inline-block;
  padding: 0 8px;
  height: 100%;
  font-size: 18px;
  color: #5a5e66;
  vertical-align: text-bottom;
}
.right-menu .right-menu-item.hover-effect[data-v-13877386] {
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.right-menu .right-menu-item.hover-effect[data-v-13877386]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.right-menu .avatar-container[data-v-13877386] {
  margin-left: 15px;
  margin-right: 30px;
  height: 50px;
}
.right-menu .avatar-container .avatar-wrapper[data-v-13877386] {
  margin-top: 5px;
  position: relative;
}
.right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-13877386] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  /*border-radius: 10px;*/
  border-radius: 50%;
}
.right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-13877386] {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 25px;
  font-size: 12px;
}
.top-menu-container[data-v-13877386] {
  height: 50px;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
  /* 确保容器不会裁剪内容 */
  overflow: visible !important;
  position: relative;
}
.top-menu-container.has-submenu[data-v-13877386] {
  height: 90px;
}
.top-menu-container .top-menu[data-v-13877386] {
  overflow: visible !important;
  position: relative;
}
.main-container[data-v-13877386] {
  -webkit-transition: padding-top 0.3s ease;
  transition: padding-top 0.3s ease;
  padding-top: 50px;
}
.main-container.with-submenu[data-v-13877386] {
  padding-top: 90px;
}
.notification-btn[data-v-13877386] {
  position: relative;
}
.notification-btn .item[data-v-13877386] {
  line-height: 1;
}
.notification-content[data-v-13877386] {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.notification-content .task-tabs[data-v-13877386] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notification-content .task-tabs[data-v-13877386]  .el-tabs__header {
  margin: 0 20px;
  padding-top: 10px;
}
.notification-content .task-tabs[data-v-13877386]  .el-tabs__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notification-content .task-tabs[data-v-13877386]  .el-tab-pane {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notification-content .task-list[data-v-13877386] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.notification-content .task-list .task-item[data-v-13877386] {
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.notification-content .task-list .task-item[data-v-13877386]:hover {
  background-color: #f5f7fa;
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 6px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 6px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.notification-content .task-list .task-item .task-header[data-v-13877386] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.notification-content .task-list .task-item .task-header .task-name[data-v-13877386] {
  font-weight: 600;
  font-size: 15px;
  color: #303133;
  letter-spacing: 0.3px;
}
.notification-content .task-list .task-item .task-info .task-desc[data-v-13877386] {
  font-size: 14px;
  color: #606266;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}
.notification-content .task-list .task-item .task-info .task-time[data-v-13877386] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notification-content .task-list .task-item .task-info .task-time[data-v-13877386]::before {
  content: "🕐";
  margin-right: 4px;
}
.notification-content .task-list .task-item .task-info .task-result[data-v-13877386] {
  font-size: 13px;
  color: #67c23a;
  margin-top: 8px;
  padding: 6px 10px;
  background-color: #f0f9ff;
  border-radius: 4px;
  border-left: 3px solid #67c23a;
  line-height: 1.5;
}
.notification-content .task-list .task-item .task-info .task-error[data-v-13877386] {
  font-size: 13px;
  color: #f56c6c;
  margin-top: 8px;
  padding: 6px 10px;
  background-color: #fef0f0;
  border-radius: 4px;
  border-left: 3px solid #f56c6c;
  line-height: 1.5;
  word-break: break-word;
  white-space: normal;
  max-height: 100px;
  overflow-y: auto;
}
.notification-content .task-list .empty-tasks[data-v-13877386] {
  text-align: center;
  padding: 60px 20px;
  color: #909399;
}
.notification-content .task-list .empty-tasks i[data-v-13877386] {
  font-size: 64px;
  display: block;
  margin-bottom: 16px;
  opacity: 0.5;
}
.notification-content .task-list .empty-tasks p[data-v-13877386] {
  margin: 0;
  font-size: 14px;
}
.notification-content .drawer-footer[data-v-13877386] {
  padding: 16px 20px;
  border-top: 1px solid #e4e7ed;
  text-align: center;
  background-color: #fafafa;
}
.no-permission-container[data-v-4d71278a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: #ffffff;
  text-align: center;
}
.welcome-text[data-v-4d71278a] {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}
.permission-text[data-v-4d71278a] {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.pagination-container[data-v-72233bcd] {
  background: #fff;
  padding: 4px 16px;
  margin: 0;
  border-top: 1px solid #f0f0f0;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pagination-container.hidden[data-v-72233bcd] {
  display: none;
}

/* 减小分页组件的高度 */
[data-v-72233bcd]:deep(.el-pagination) {
  margin: 0;
  padding: 0;
  height: 28px;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-72233bcd]:deep(.el-pagination__sizes),[data-v-72233bcd]:deep(.el-pagination__jump),[data-v-72233bcd]:deep(.el-pagination__total) {
  margin: 0 8px 0 0;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
[data-v-72233bcd]:deep(.el-pagination button) {
  padding: 0 4px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
}
[data-v-72233bcd]:deep(.el-pagination__page-size) {
  font-size: 12px;
}
[data-v-72233bcd]:deep(.el-select .el-input) {
  width: 80px;
}
[data-v-72233bcd]:deep(.el-input__inner) {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
[data-v-72233bcd]:deep(.el-pager li) {
  line-height: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  margin: 0 2px;
}

.app-container[data-v-7938e1df] {
  min-height: calc(100vh - 84px);
}
.el-textarea[data-v-7938e1df] {
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 12px;
}

@charset "UTF-8";
.test-page[data-v-47672db8] {
  padding: 20px;
  background: #ffffff;
}
.top-menu-container[data-v-47672db8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  margin-bottom: 20px;
  /* 收银机屏幕适配（宽度 0-1600px，高度 0-1200px） */
}
.top-menu-container .top-menu-bar[data-v-47672db8] {
  border-bottom: 1px solid #f0f0f0;
  height: 50px;
  position: relative;
  /* 为右侧按钮预留空间 */
  padding-right: 200px;
  /* 确保容器不会裁剪下划线 */
  overflow: visible;
  /* 激活状态的下划线样式，优先级要高于默认样式 */
  /* 确保激活状态下划线显示，覆盖默认样式 */
  /* 确保 scrollbar 容器不会裁剪菜单项的下划线 */
}
.top-menu-container .top-menu-bar .top-menu-horizontal[data-v-47672db8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  /* 确保菜单容器有足够空间显示下划线 */
  position: relative;
  z-index: 1;
}
.top-menu-container .top-menu-bar .top-menu-item[data-v-47672db8] {
  background: #ffffff !important;
  /* 确保整个区域可点击 */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  cursor: pointer !important;
  /* 默认下划线，但激活状态会被覆盖 */
  border-bottom: 1px solid #f0f0f0 !important;
}
.top-menu-container .top-menu-bar .top-menu-item.is-active[data-v-47672db8],
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item.is-active[data-v-47672db8] {
  /*background: #f5f7fa !important;*/
  color: #409EFF !important;
  border-bottom: 2px solid #409EFF !important;
  /* 确保激活状态下划线显示 */
  position: relative !important;
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .top-menu-item.is-active,
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #409EFF !important;
  border-bottom-width: 2px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #409EFF !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal.el-menu[data-v-47672db8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  /* 限制最多显示6个菜单项，超过则滚动 */
  max-width: calc(100% - 200px);
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item[data-v-47672db8] {
  height: 50px !important;
  line-height: 50px !important;
  font-weight: 600 !important;
  /* 确保整个区域可点击 */
  padding: 0 20px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  /* 默认下划线，使用 box-sizing 确保下划线在容器内 */
  border-bottom: 1px solid #f0f0f0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* 确保下划线不被裁剪 */
  margin-bottom: 0 !important;
  /* 激活状态的下划线 */
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item[data-v-47672db8]:hover {
  background-color: #f5f7fa !important;
  color: #409EFF;
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item.is-active[data-v-47672db8] {
  border-bottom: 2px solid #409EFF !important;
  color: #409EFF !important;
  /* 确保激活状态下划线显示在最底部 */
  z-index: 2;
}
.top-menu-container .top-menu-bar .svg-icon[data-v-47672db8] {
  margin-right: 5px;
}
.top-menu-container .top-menu-bar .el-scrollbar__bar.is-horizontal[data-v-47672db8] {
  display: none;
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-scrollbar__wrap {
  overflow-x: auto;
  overflow-y: visible !important;
  /* 允许下划线显示，不被裁剪 */
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-scrollbar__view {
  overflow: visible !important;
  /* 确保内容不被裁剪 */
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-scrollbar__thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-scrollbar__thumb:hover {
  background-color: #f5f7fa !important;
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-scrollbar {
  height: 100%;
}
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
.top-menu-container[data-v-47672db8] {
    /* 二级菜单适配 */
}
.top-menu-container .top-menu-bar[data-v-47672db8] {
    padding-right: 180px !important;
    /* 为右侧按钮预留空间 */
    height: 45px !important;
    /* 确保激活状态下划线显示 */
    /* 限制菜单项数量，超过6个时启用滚动 */
}
.top-menu-container .top-menu-bar .el-menu--horizontal.el-menu[data-v-47672db8] {
    height: 45px !important;
    max-width: calc(100% - 180px) !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item[data-v-47672db8] {
    height: 45px !important;
    line-height: 45px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    /* 限制最多显示6个菜单项 */
    min-width: 0 !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal > .el-menu-item.is-active[data-v-47672db8] {
    border-bottom: 2px solid #409EFF !important;
}
.top-menu-container .top-menu-bar[data-v-47672db8]  .el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 2px solid #409EFF !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #409EFF !important;
}
.top-menu-container .top-menu-bar .el-menu--horizontal.el-menu[data-v-47672db8] {
    /* 每个菜单项大约120px宽度，6个就是720px */
    max-width: 720px !important;
}
.top-menu-container .top-menu-bar .svg-icon[data-v-47672db8] {
    margin-right: 3px !important;
    font-size: 14px !important;
}
.top-menu-container .sub-menu-container[data-v-47672db8] {
    height: 38px !important;
    padding: 0 15px !important;
    /* 确保 z-index 在媒体查询中生效 */
    z-index: 100 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group[data-v-47672db8] {
    z-index: 101 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items[data-v-47672db8] {
    z-index: 102 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-47672db8] {
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6B7280 !important;
    /* 确保文字可见 */
    opacity: 1 !important;
    visibility: visible !important;
    /* 确保 z-index 生效 */
    z-index: 103 !important;
    position: relative !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item span[data-v-47672db8] {
    color: inherit !important;
    font-size: inherit !important;
    display: block !important;
    white-space: nowrap !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-47672db8]:hover {
    color: #409EFF !important;
    background-color: #f5f7fa !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active[data-v-47672db8] {
    color: #409EFF !important;
    border-bottom: 2px solid #409EFF !important;
}
}
.top-menu-container .sub-menu-container[data-v-47672db8] {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  height: 40px;
  /* 确保容器可见 */
  visibility: visible !important;
  opacity: 1 !important;
  /* 增加 z-index 确保显示在其他元素之上 */
  position: relative;
  z-index: 100 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group[data-v-47672db8] {
  height: 100%;
  position: relative;
  z-index: 101 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items[data-v-47672db8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  z-index: 102 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-47672db8] {
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: #6B7280 !important;
  cursor: pointer;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  background: #ffffff;
  /* 确保文字可见 */
  opacity: 1 !important;
  visibility: visible !important;
  /* 确保文字颜色不被覆盖 */
  -webkit-text-fill-color: #6B7280 !important;
  /* 增加 z-index 确保菜单项显示在最上层 */
  z-index: 103 !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item span[data-v-47672db8] {
  color: inherit !important;
  font-size: inherit !important;
  display: block !important;
  white-space: nowrap !important;
  /* 确保文字可见 */
  opacity: 1 !important;
  visibility: visible !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item[data-v-47672db8]:hover {
  color: #409EFF !important;
  background-color: #f5f7fa;
  -webkit-text-fill-color: #409EFF !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item:hover span[data-v-47672db8] {
  color: #409EFF !important;
  -webkit-text-fill-color: #409EFF !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active[data-v-47672db8] {
  color: #409EFF !important;
  /*background: #f5f7fa;*/
  border-bottom: 2px solid #409EFF;
  -webkit-text-fill-color: #409EFF !important;
}
.top-menu-container .sub-menu-container .sub-menu-group .sub-menu-items .sub-menu-item.active span[data-v-47672db8] {
  color: #409EFF !important;
  -webkit-text-fill-color: #409EFF !important;
}
.debug-info[data-v-47672db8] {
  font-size: 14px;
  line-height: 1.8;
}
.debug-info h3[data-v-47672db8] {
  margin-top: 0;
  color: #333;
}
.debug-info p[data-v-47672db8] {
  margin: 5px 0;
  color: #666;
}
.wscn-http404-container[data-v-6b3aeb0e] {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 40%;
  left: 50%;
}
.wscn-http404[data-v-6b3aeb0e] {
  position: relative;
  width: 1200px;
  padding: 0 50px;
  overflow: hidden;
}
.wscn-http404 .pic-404[data-v-6b3aeb0e] {
  position: relative;
  float: left;
  width: 600px;
  overflow: hidden;
}
.wscn-http404 .pic-404__parent[data-v-6b3aeb0e] {
  width: 100%;
}
.wscn-http404 .pic-404__child[data-v-6b3aeb0e] {
  position: absolute;
}
.wscn-http404 .pic-404__child.left[data-v-6b3aeb0e] {
  width: 80px;
  top: 17px;
  left: 220px;
  opacity: 0;
  -webkit-animation-name: cloudLeft-data-v-6b3aeb0e;
          animation-name: cloudLeft-data-v-6b3aeb0e;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.wscn-http404 .pic-404__child.mid[data-v-6b3aeb0e] {
  width: 46px;
  top: 10px;
  left: 420px;
  opacity: 0;
  -webkit-animation-name: cloudMid-data-v-6b3aeb0e;
          animation-name: cloudMid-data-v-6b3aeb0e;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.wscn-http404 .pic-404__child.right[data-v-6b3aeb0e] {
  width: 62px;
  top: 100px;
  left: 500px;
  opacity: 0;
  -webkit-animation-name: cloudRight-data-v-6b3aeb0e;
          animation-name: cloudRight-data-v-6b3aeb0e;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes cloudLeft-data-v-6b3aeb0e {
0% {
    top: 17px;
    left: 220px;
    opacity: 0;
}
20% {
    top: 33px;
    left: 188px;
    opacity: 1;
}
80% {
    top: 81px;
    left: 92px;
    opacity: 1;
}
100% {
    top: 97px;
    left: 60px;
    opacity: 0;
}
}
@keyframes cloudLeft-data-v-6b3aeb0e {
0% {
    top: 17px;
    left: 220px;
    opacity: 0;
}
20% {
    top: 33px;
    left: 188px;
    opacity: 1;
}
80% {
    top: 81px;
    left: 92px;
    opacity: 1;
}
100% {
    top: 97px;
    left: 60px;
    opacity: 0;
}
}
@-webkit-keyframes cloudMid-data-v-6b3aeb0e {
0% {
    top: 10px;
    left: 420px;
    opacity: 0;
}
20% {
    top: 40px;
    left: 360px;
    opacity: 1;
}
70% {
    top: 130px;
    left: 180px;
    opacity: 1;
}
100% {
    top: 160px;
    left: 120px;
    opacity: 0;
}
}
@keyframes cloudMid-data-v-6b3aeb0e {
0% {
    top: 10px;
    left: 420px;
    opacity: 0;
}
20% {
    top: 40px;
    left: 360px;
    opacity: 1;
}
70% {
    top: 130px;
    left: 180px;
    opacity: 1;
}
100% {
    top: 160px;
    left: 120px;
    opacity: 0;
}
}
@-webkit-keyframes cloudRight-data-v-6b3aeb0e {
0% {
    top: 100px;
    left: 500px;
    opacity: 0;
}
20% {
    top: 120px;
    left: 460px;
    opacity: 1;
}
80% {
    top: 180px;
    left: 340px;
    opacity: 1;
}
100% {
    top: 200px;
    left: 300px;
    opacity: 0;
}
}
@keyframes cloudRight-data-v-6b3aeb0e {
0% {
    top: 100px;
    left: 500px;
    opacity: 0;
}
20% {
    top: 120px;
    left: 460px;
    opacity: 1;
}
80% {
    top: 180px;
    left: 340px;
    opacity: 1;
}
100% {
    top: 200px;
    left: 300px;
    opacity: 0;
}
}
.wscn-http404 .bullshit[data-v-6b3aeb0e] {
  position: relative;
  float: left;
  width: 400px;
  padding: 30px 0;
  overflow: hidden;
}
.wscn-http404 .bullshit__oops[data-v-6b3aeb0e] {
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  color: #1482f0;
  opacity: 0;
  margin-bottom: 20px;
  -webkit-animation-name: slideUp-data-v-6b3aeb0e;
          animation-name: slideUp-data-v-6b3aeb0e;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__headline[data-v-6b3aeb0e] {
  font-size: 24px;
  line-height: 32px;
  color: #222;
  font-weight: bold;
  opacity: 0;
  margin-bottom: 16px;
  -webkit-animation-name: slideUp-data-v-6b3aeb0e;
          animation-name: slideUp-data-v-6b3aeb0e;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__info[data-v-6b3aeb0e] {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  opacity: 0;
  margin-bottom: 20px;
  -webkit-animation-name: slideUp-data-v-6b3aeb0e;
          animation-name: slideUp-data-v-6b3aeb0e;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__return-home[data-v-6b3aeb0e] {
  display: inline-block;
  width: 120px;
  height: 40px;
  background: #1482f0;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  opacity: 0;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-animation-name: slideUp-data-v-6b3aeb0e;
          animation-name: slideUp-data-v-6b3aeb0e;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__return-home[data-v-6b3aeb0e]:hover {
  background: #409eff;
}
@-webkit-keyframes slideUp-data-v-6b3aeb0e {
0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideUp-data-v-6b3aeb0e {
0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
.page-not-found[data-v-c78d7b50] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 100px;
}

.el-dialog-div[data-v-749d1b7e] {
  padding: 20px;
  max-height: 70vh;
  overflow-y: auto;
}

@charset "UTF-8";

/* 考勤样式 */
.attendance-page[data-v-a9a2b704] {
  min-height: calc(100vh - 84px);
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  overflow: hidden;
}
.attendance-wrap[data-v-a9a2b704] {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 24px;
  padding: 16px;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.left-card[data-v-a9a2b704] {
  background: #fff;
  border-radius: 16px;
  padding: 24px 24px 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 500px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.time-box[data-v-a9a2b704] {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.time[data-v-a9a2b704] {
  font-size: clamp(18px, 5vw, 32px);
  font-weight: 600;
  color: #1f2937;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
}
.date[data-v-a9a2b704] {
  margin-top: 8px;
  color: #6b7280;
  font-size: clamp(10px, 2vw, 14px);
  line-height: 1.4;
  white-space: nowrap;
  text-align: center;
}
.qr-box[data-v-a9a2b704] {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 220px;
}
.qr[data-v-a9a2b704] {
  width: clamp(120px, 40vw, 220px);
  height: clamp(120px, 40vw, 220px);
  max-width: 220px;
  max-height: 220px;
  border-radius: 8px;
  background: #fff;
  padding: clamp(4px, 2vw, 12px);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.qr-loading[data-v-a9a2b704] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(120px, 40vw, 220px);
  height: clamp(120px, 40vw, 220px);
  max-width: 220px;
  max-height: 220px;
  border-radius: 8px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  gap: clamp(8px, 2vw, 12px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.qr-loading i[data-v-a9a2b704] {
  font-size: clamp(18px, 5vw, 32px);
  color: #667eea;
}
.qr-loading span[data-v-a9a2b704] {
  font-size: clamp(9px, 2vw, 14px);
  color: #6b7280;
  white-space: nowrap;
}
.qr-expire[data-v-a9a2b704] {
  margin-top: 12px;
  font-size: 11px;
  color: #9ca3af;
  text-align: center;
  white-space: nowrap;
}
.scan-tips[data-v-a9a2b704] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6px, 2vw, 12px);
  margin-top: clamp(12px, 4vw, 20px);
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tip-refresh[data-v-a9a2b704] {
  font-size: clamp(8px, 1.5vw, 11px);
  color: #9ca3af;
  margin-top: 4px;
  white-space: nowrap;
}
.tip[data-v-a9a2b704] {
  font-size: clamp(9px, 2vw, 12px);
  color: #6b7280;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  padding: clamp(3px, 1vw, 6px) clamp(6px, 2vw, 12px);
  border-radius: 16px;
  font-weight: 500;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tip.wx[data-v-a9a2b704] {
  color: #16a34a;
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.right-panel[data-v-a9a2b704] {
  background: #fff;
  border-radius: 12px;
  padding: clamp(16px, 4vw, 24px);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 500px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.panel-header[data-v-a9a2b704] {
  color: #9ca3af;
  font-size: clamp(10px, 1.5vw, 12px);
  text-align: right;
  margin-bottom: clamp(12px, 3vw, 16px);
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.records-list[data-v-a9a2b704] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-right: 4px;
}
.records-list[data-v-a9a2b704]::-webkit-scrollbar {
  width: 4px;
}
.records-list[data-v-a9a2b704]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}
.records-list[data-v-a9a2b704]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}
.records-list[data-v-a9a2b704]::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
.record-item[data-v-a9a2b704] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(12px, 3vw, 16px) 0;
  border-bottom: 1px solid #f3f4f6;
}
.record-item[data-v-a9a2b704]:last-child {
  border-bottom: none;
}
.record-info[data-v-a9a2b704] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.record-name[data-v-a9a2b704] {
  font-size: clamp(12px, 3vw, 16px);
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.record-time[data-v-a9a2b704] {
  font-size: clamp(10px, 2vw, 14px);
  color: #6b7280;
  white-space: nowrap;
}
.record-type[data-v-a9a2b704] {
  padding: clamp(4px, 1vw, 6px) clamp(8px, 2vw, 16px);
  border-radius: 12px;
  font-size: clamp(10px, 2vw, 14px);
  font-weight: 500;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.record-type.check-in[data-v-a9a2b704] {
  background: #dbeafe;
  color: #1e40af;
}
.record-type.check-in.status-late[data-v-a9a2b704] {
  background: #fee2e2;
  color: #dc2626;
}
.record-type.check-in.status-normal[data-v-a9a2b704] {
  background: #dbeafe;
  color: #1e40af;
}
.record-type.check-out[data-v-a9a2b704] {
  background: #fef3c7;
  color: #92400e;
}
.record-type.check-out.status-early[data-v-a9a2b704] {
  background: #fee2e2;
  color: #dc2626;
}
.record-type.check-out.status-normal[data-v-a9a2b704] {
  background: #dcfce7;
  color: #16a34a;
}
.empty[data-v-a9a2b704] {
  margin-top: clamp(30px, 10vh, 60px);
  color: #d1d5db;
  text-align: center;
  font-size: clamp(12px, 3vw, 16px);
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 响应式设计 - 宽度适配 ==================== */

/* 超小屏幕 (最大宽度 360px) */
@media (max-width: 360px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 8px;
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    padding: 16px 12px 8px;
    min-height: 400px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 400px;
}
.time-box[data-v-a9a2b704] {
    padding: 12px 8px;
}
.scan-tips[data-v-a9a2b704] {
    margin-top: 12px;
}
.qr-box[data-v-a9a2b704] {
    margin-top: 16px;
}
}

/* 小屏幕 (361px - 640px) */
@media (min-width: 361px) and (max-width: 640px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 12px;
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    padding: 20px 16px 12px;
    min-height: 450px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 450px;
}
.time-box[data-v-a9a2b704] {
    padding: 16px 12px;
}
.scan-tips[data-v-a9a2b704] {
    margin-top: 12px;
}
.qr-box[data-v-a9a2b704] {
    margin-top: 16px;
}
}

/* 中等屏幕 (641px - 768px) */
@media (min-width: 641px) and (max-width: 768px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 320px 1fr;
    gap: 16px;
    padding: 12px;
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    padding: 20px 16px 12px;
    min-height: 480px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 480px;
}
.time-box[data-v-a9a2b704] {
    padding: 18px 14px;
}
.scan-tips[data-v-a9a2b704] {
    margin-top: 16px;
}
.qr-box[data-v-a9a2b704] {
    margin-top: 20px;
}
}

/* 大屏幕 (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 360px 1fr;
    gap: 20px;
    padding: 16px;
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    padding: 22px 20px 14px;
    min-height: 500px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 500px;
}
.time-box[data-v-a9a2b704] {
    padding: 18px 16px;
}
.scan-tips[data-v-a9a2b704] {
    margin-top: 18px;
}
.qr-box[data-v-a9a2b704] {
    margin-top: 22px;
}
}

/* 超大屏幕 (1025px - 1200px) */
@media (min-width: 1025px) and (max-width: 1200px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 380px 1fr;
    gap: 20px;
    padding: 16px;
    min-height: calc(100vh - 120px);
}
.left-card[data-v-a9a2b704] {
    padding: 22px 20px 14px;
    min-height: 500px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 500px;
}
}

/* 特大屏幕 (1201px+) */
@media (min-width: 1201px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 400px 1fr;
    gap: 24px;
    padding: 16px;
    min-height: calc(100vh - 120px);
}
.left-card[data-v-a9a2b704] {
    min-height: 500px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 500px;
}
}

/* ==================== 响应式设计 - 高度适配 ==================== */

/* 小高度屏幕 (最大高度 600px) */
@media (max-height: 600px) {
.attendance-wrap[data-v-a9a2b704] {
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    min-height: 350px;
    padding: 12px 12px 8px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 350px;
    padding: 16px;
}
.time-box[data-v-a9a2b704] {
    padding: 10px 8px;
}
.scan-tips[data-v-a9a2b704] {
    margin-top: 10px;
}
.qr-box[data-v-a9a2b704] {
    margin-top: 12px;
    min-height: 140px;
}
.record-item[data-v-a9a2b704] {
    padding: 12px 0;
}
.empty[data-v-a9a2b704] {
    margin-top: 30px;
}
}

/* 中小高度屏幕 (601px - 800px) */
@media (min-height: 601px) and (max-height: 800px) {
.attendance-wrap[data-v-a9a2b704] {
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    min-height: 400px;
    padding: 16px 16px 12px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 400px;
    padding: 18px;
}
.time-box[data-v-a9a2b704] {
    padding: 14px 12px;
}
.scan-tips[data-v-a9a2b704] {
    margin-top: 14px;
}
.qr-box[data-v-a9a2b704] {
    margin-top: 16px;
    min-height: 180px;
}
}

/* 中等高度屏幕 (801px - 1000px) */
@media (min-height: 801px) and (max-height: 1000px) {
.attendance-wrap[data-v-a9a2b704] {
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    min-height: 450px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 450px;
}
}

/* 大高度屏幕 (1001px+) */
@media (min-height: 1001px) {
.attendance-wrap[data-v-a9a2b704] {
    min-height: calc(100vh - 120px);
}
.left-card[data-v-a9a2b704] {
    min-height: 500px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 500px;
}
}

/* ==================== 横屏适配 ==================== */

/* 横屏模式 (高度 < 宽度) */
@media (orientation: landscape) and (max-height: 600px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 1fr 1fr;
    min-height: calc(100vh - 100px);
}
.left-card[data-v-a9a2b704] {
    min-height: 300px;
    padding: 12px 12px 8px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 300px;
}
.qr-box[data-v-a9a2b704] {
    min-height: 120px;
}
}

/* ==================== 特殊设备适配 ==================== */

/* iPad 适配 */
@media (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 340px 1fr;
    gap: 20px;
    padding: 16px;
}
.left-card[data-v-a9a2b704] {
    min-height: 500px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 500px;
}
}

/* 收银机适配 (800x600) */
@media (min-width: 768px) and (max-width: 800px) and (min-height: 500px) and (max-height: 600px) {
.attendance-wrap[data-v-a9a2b704] {
    grid-template-columns: 280px 1fr;
    gap: 12px;
    padding: 12px;
}
.left-card[data-v-a9a2b704] {
    min-height: 380px;
    padding: 16px 12px 8px;
}
.right-panel[data-v-a9a2b704] {
    min-height: 380px;
    padding: 16px;
}
.qr-box[data-v-a9a2b704] {
    min-height: 160px;
}
}
.approval-container[data-v-712debaa] {
  height: 100%;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-header[data-v-712debaa] {
  background-color: white;
  padding: 20px 24px;
  border-bottom: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-title[data-v-712debaa] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.page-actions[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.content-wrapper[data-v-712debaa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.filter-section[data-v-712debaa] {
  background-color: white;
  padding: 16px 24px;
  border-radius: 8px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-left[data-v-712debaa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.filter-right[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.approval-list[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.approval-card[data-v-712debaa] {
  background-color: white;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
}
.card-header[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.card-title[data-v-712debaa] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.status-icon[data-v-712debaa] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.status-icon.pass[data-v-712debaa] {
  background-color: #52C41A;
}
.status-icon.reject[data-v-712debaa] {
  background-color: #FF4D4F;
}
.status-icon.pending[data-v-712debaa] {
  background-color: #1890FF;
}
.status-icon.expired[data-v-712debaa] {
  background-color: #999999;
}
.card-content[data-v-712debaa] {
  padding: 16px 0;
  border-bottom: 1px solid #e8e8e8;
}
.operation-content[data-v-712debaa] {
  margin-bottom: 8px;
}
.label[data-v-712debaa] {
  color: #666;
  font-size: 14px;
}
.value[data-v-712debaa] {
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.amount-info[data-v-712debaa] {
  color: #666;
  font-size: 14px;
  margin-bottom: 8px;
}
.store-info[data-v-712debaa] {
  color: #666;
  font-size: 14px;
}
.card-footer[data-v-712debaa] {
  padding-top: 16px;
}
.operator[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.avatar[data-v-712debaa] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e8e8e8;
  margin-right: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.avatar img[data-v-712debaa] {
  width: 20px;
  height: 20px;
}
.info[data-v-712debaa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.name[data-v-712debaa] {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.time[data-v-712debaa] {
  font-size: 12px;
  color: #999;
}
.status[data-v-712debaa] {
  font-size: 12px;
  color: #666;
}
.status.pass-text[data-v-712debaa] {
  color: #52C41A;
}
.status.reject-text[data-v-712debaa] {
  color: #FF4D4F;
}
.status.expired-text[data-v-712debaa] {
  color: #999999;
}
.action-buttons[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
  gap: 12px;
}
.config-content[data-v-712debaa] {
  max-height: 60vh;
  overflow-y: auto;
}
.section[data-v-712debaa] {
  margin-bottom: 24px;
}
.section-title[data-v-712debaa] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
}
.notice-list[data-v-712debaa] {
  background-color: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.notice-item[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
}
.notice-item[data-v-712debaa]:last-child {
  margin-bottom: 0;
}
.notice-item i[data-v-712debaa] {
  margin-right: 8px;
  margin-top: 2px;
}
.notice-item span[data-v-712debaa] {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}
.dialog-footer[data-v-712debaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.store-select-container[data-v-1e936766] {
  max-height: 500px;
}
.search-container[data-v-1e936766] {
  margin-bottom: 20px;
}
.store-list-container[data-v-1e936766] {
  max-height: 400px;
  overflow-y: auto;
}
.store-groups[data-v-1e936766] {
  space-y: 20px;
}
.store-group[data-v-1e936766] {
  margin-bottom: 20px;
}
.group-title[data-v-1e936766] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #606266;
  margin-bottom: 10px;
  padding: 8px 0;
}
.store-items[data-v-1e936766] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.store-item[data-v-1e936766] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #606266;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.store-item[data-v-1e936766]:hover {
  background-color: #f5f7fa;
}
.store-item.selected[data-v-1e936766] {
  color: #409EFF;
}
.store-name[data-v-1e936766] {
  font-size: 14px;
}
.checkmark[data-v-1e936766] {
  margin-right: 6px;
}
.store-tag[data-v-1e936766] {
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.loading-container[data-v-1e936766] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  color: #606266;
}
.loading-container i[data-v-1e936766] {
  font-size: 24px;
  margin-bottom: 12px;
  -webkit-animation: rotating-data-v-1e936766 2s linear infinite;
          animation: rotating-data-v-1e936766 2s linear infinite;
}
.loading-container span[data-v-1e936766] {
  font-size: 14px;
}
@-webkit-keyframes rotating-data-v-1e936766 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotating-data-v-1e936766 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.no-result[data-v-1e936766] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  color: #909399;
}
.no-result i[data-v-1e936766] {
  font-size: 48px;
  margin-bottom: 16px;
}
.dialog-footer[data-v-1e936766] {
  text-align: right;
}

/* 工具类样式 */
.mr-1[data-v-1e936766] { margin-right: 4px;
}
.mr-2[data-v-1e936766] { margin-right: 8px;
}

.store-select-wrapper[data-v-f2fee760] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  height: 28px;
  line-height: 28px;
}
.store-select-wrapper[data-v-f2fee760] .el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  height: 28px;
  line-height: 26px;
  margin: 0;
  padding: 0 12px;
}

/* 与 projectList 分类 el-select 一致：右侧留出箭头区，箭头绝对定位靠右 */
.store-select-wrapper[data-v-f2fee760] .store-select-btn {
  width: 160px;
  text-align: left;
  padding-left: 8px;
  padding-right: 30px; /* 与 el-select .el-input__inner 一致，给箭头留位 */
  position: relative;
}
.store-select-wrapper[data-v-f2fee760] .store-select-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  margin-left: -5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 箭头与 el-select 的 suffix 箭头同位置：绝对定位右侧、垂直居中 */
.store-select-wrapper[data-v-f2fee760] .store-select-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  pointer-events: none;
}

.upload-container[data-v-d5b4975e] {
  min-height: 200px;
}
[data-v-d5b4975e] .el-upload-list--picture-card .el-upload-list__item {
  width: 120px;
  height: 120px;
}
[data-v-d5b4975e] .el-upload--picture-card {
  width: 120px;
  height: 120px;
  line-height: 120px;
}
.dialog-footer[data-v-2acbbef6] {
  text-align: right;
}
@charset "UTF-8";

/* ==================== 选择图片弹窗样式 - 分布式自适应布局 ==================== */

/* CSS 变量定义主题颜色（默认蓝色）- 定义在根元素上确保全局可用 */
[data-v-f8f85f2e] .el-dialog__wrapper {
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog {
  width: 90vw;
  max-width: 1200px;
  min-width: auto;
  margin: 5vh auto !important;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__body {
  padding: 16px;
  min-height: 400px;
  max-height: 70vh;
  overflow: hidden;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__footer .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 左侧分类树 ==================== */
.selector-sidebar-col[data-v-f8f85f2e] {
  border-right: 1px solid #ebeef5;
}
.selector-sidebar[data-v-f8f85f2e] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.selector-sidebar .category-header[data-v-f8f85f2e] {
  padding: 12px;
  border-bottom: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.selector-sidebar .category-header .el-button[data-v-f8f85f2e] {
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 12px;
}
.selector-sidebar .category-header .el-button i[data-v-f8f85f2e] {
  font-size: 12px;
  margin-right: 4px;
}
.selector-sidebar .tree-container[data-v-f8f85f2e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.selector-sidebar .tree-container[data-v-f8f85f2e]::-webkit-scrollbar {
  width: 4px;
}
.selector-sidebar .tree-container[data-v-f8f85f2e]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 2px;
}
.selector-content-col[data-v-f8f85f2e] {
  padding-left: 16px;
}

/* ==================== 工具栏样式 ==================== */
.toolbar[data-v-f8f85f2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 12px;
}
.toolbar .toolbar-left[data-v-f8f85f2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.toolbar .toolbar-left .el-button[data-v-f8f85f2e] {
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
}
.toolbar .toolbar-left .el-button i[data-v-f8f85f2e] {
  font-size: 12px;
  margin-right: 4px;
}
.toolbar .toolbar-left .el-select[data-v-f8f85f2e] {
  width: 140px;
}
.toolbar .toolbar-left .el-select .el-input__inner[data-v-f8f85f2e] {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.toolbar .toolbar-right[data-v-f8f85f2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.toolbar .toolbar-right .el-input[data-v-f8f85f2e] {
  width: 200px;
}
.toolbar .toolbar-right .el-input .el-input__inner[data-v-f8f85f2e] {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.toolbar .toolbar-right .el-input .el-input__icon[data-v-f8f85f2e] {
  line-height: 28px;
}

/* 视图切换按钮 */
.view-toggle[data-v-f8f85f2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  cursor: pointer;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.view-toggle .toggle-btn[data-v-f8f85f2e] {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #dcdfe6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
}
.view-toggle .toggle-btn[data-v-f8f85f2e]:last-child {
  border-right: none;
}
.view-toggle .toggle-btn.active[data-v-f8f85f2e] {
  background: #409eff;
  color: #fff;
}
.view-toggle .toggle-btn[data-v-f8f85f2e]:hover:not(.active) {
  background: #f5f7fa;
}
.view-toggle .toggle-btn i[data-v-f8f85f2e] {
  font-size: 14px;
}

/* ==================== 图片内容区域 ==================== */
.image-content[data-v-f8f85f2e] {
  min-height: 350px;
}

/* 网格视图 */
.image-grid-container[data-v-f8f85f2e] {
  min-height: 350px;
}
.image-grid[data-v-f8f85f2e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 12px;
  padding-bottom: 10px;
}
.grid-pic[data-v-f8f85f2e] {
  position: relative;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.grid-pic[data-v-f8f85f2e]:hover {
  background: #f5f7fa;
}
.grid-pic img[data-v-f8f85f2e] {
  width: 100%;
  height: 90px;
  display: block;
  background: #f5f7fa;
  -o-object-fit: contain;
     object-fit: contain;
  border: 2px solid #fff;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.grid-pic.on[data-v-f8f85f2e] {
  background: var(--theme-color-light);
}
.grid-pic.on img[data-v-f8f85f2e] {
  border: 2px solid var(--theme-color);
}
.grid-pic .num-badge[data-v-f8f85f2e] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--theme-color);
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 18px;
  font-weight: 500;
}
.grid-pic .img-title[data-v-f8f85f2e] {
  margin-top: 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #606266;
  padding: 0 2px;
}

/* 空状态 */
.empty-state[data-v-f8f85f2e] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0;
}
.empty-state i[data-v-f8f85f2e] {
  font-size: 48px;
  color: #dcdfe6;
}
.empty-state .empty-text[data-v-f8f85f2e] {
  font-size: 12px;
  color: #909399;
  margin-top: 12px;
}

/* 列表视图 */
.image-list-container[data-v-f8f85f2e] {
  min-height: 350px;
}
.image-list-container[data-v-f8f85f2e]  .el-table {
  font-size: 12px;
}
.image-list-container[data-v-f8f85f2e]  .el-table th {
  background: #f8fafc;
  font-weight: 600;
  color: #303133;
  padding: 8px 0;
  font-size: 12px;
}
.image-list-container[data-v-f8f85f2e]  .el-table th .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.image-list-container[data-v-f8f85f2e]  .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
.image-list-container[data-v-f8f85f2e]  .el-table td .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.image-list-container[data-v-f8f85f2e]  .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
.list-img[data-v-f8f85f2e] {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  background: #f5f7fa;
}

/* 分页 */
.pagination-container[data-v-f8f85f2e] {
  margin-top: 12px;
  text-align: right;
}
.pagination-container[data-v-f8f85f2e]  .el-pagination {
  font-size: 12px;
}
.pagination-container[data-v-f8f85f2e]  .el-pagination .el-pagination__total {
  font-size: 12px;
}
.pagination-container[data-v-f8f85f2e]  .el-pagination .el-pager li {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  min-width: 26px;
}
.pagination-container[data-v-f8f85f2e]  .el-pagination .btn-prev,
.pagination-container[data-v-f8f85f2e]  .el-pagination .btn-next {
  height: 26px;
  line-height: 26px;
  min-width: 26px;
}
.pagination-container[data-v-f8f85f2e]  .el-pagination .el-pagination__jump {
  font-size: 12px;
}
.pagination-container[data-v-f8f85f2e]  .el-pagination .el-pagination__jump .el-input__inner {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

/* ==================== 已选图片预览 ==================== */
.selected-preview[data-v-f8f85f2e] {
  border-top: 1px solid #ebeef5;
  padding: 12px 16px;
  background: #f8fafc;
}
.selected-preview .preview-header[data-v-f8f85f2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
}
.selected-preview .preview-header .el-button[data-v-f8f85f2e] {
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 11px;
}
.selected-preview .preview-list[data-v-f8f85f2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.selected-preview .preview-item[data-v-f8f85f2e] {
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  overflow: hidden;
}
.selected-preview .preview-item img[data-v-f8f85f2e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.selected-preview .preview-item .el-icon-close[data-v-f8f85f2e] {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  background: #f56c6c;
  color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  cursor: pointer;
}
.selected-preview .preview-item .el-icon-close[data-v-f8f85f2e]:hover {
  background: #f78989;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-f8f85f2e] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 树形控件 */
  /* Element UI 表格 */
}
[data-v-f8f85f2e] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-f8f85f2e] .el-button--primary:hover,[data-v-f8f85f2e] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-f8f85f2e] .el-button--text {
  color: var(--theme-color);
}
[data-v-f8f85f2e] .el-button--text:hover,[data-v-f8f85f2e] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-f8f85f2e] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-f8f85f2e] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-f8f85f2e] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-f8f85f2e] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
[data-v-f8f85f2e] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
[data-v-f8f85f2e] .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--theme-color-light);
  color: var(--theme-color);
}
[data-v-f8f85f2e] .el-table__body tr.current-row > td {
  background-color: var(--theme-color-light);
}

/* ==================== 树节点样式 ==================== */
[data-v-f8f85f2e] .el-tree-node .custom-tree-node {
  height: 32px;
  line-height: 32px;
  color: #303133;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 8px;
  font-size: 12px;
}
[data-v-f8f85f2e] .el-tree-node .custom-tree-node-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-f8f85f2e] .el-tree-node .node-actions {
  display: none;
}
[data-v-f8f85f2e] .el-tree-node .node-actions .el-button {
  padding: 0 4px;
  margin-left: 4px;
  height: 24px;
  line-height: 22px;
}
[data-v-f8f85f2e] .el-tree-node .node-actions .el-button i {
  font-size: 12px;
}
[data-v-f8f85f2e] .el-tree-node .el-tree-node__content {
  height: 32px;
  line-height: 32px;
  color: #303133;
}
[data-v-f8f85f2e] .el-tree-node:focus > .el-tree-node__content {
  background-color: var(--theme-color-light) !important;
}
[data-v-f8f85f2e] .el-tree-node:focus > .el-tree-node__content .custom-tree-node-label {
  color: var(--theme-color);
}
[data-v-f8f85f2e] .el-tree-node:hover > .el-tree-node__content {
  background-color: var(--theme-color-light) !important;
}
[data-v-f8f85f2e] .el-tree-node:hover > .el-tree-node__content .node-actions {
  display: inline-block;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 992px) {
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog {
    width: 95vw;
    min-width: auto;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__body {
    padding: 12px;
}
.selector-sidebar .category-header[data-v-f8f85f2e] {
    padding: 10px;
}
.selector-sidebar .category-header .el-button[data-v-f8f85f2e] {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}
.selector-content-col[data-v-f8f85f2e] {
    padding-left: 12px;
}
.toolbar[data-v-f8f85f2e] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.toolbar .toolbar-left[data-v-f8f85f2e] {
    gap: 6px;
}
.toolbar .toolbar-left .el-button[data-v-f8f85f2e] {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}
.toolbar .toolbar-left .el-select[data-v-f8f85f2e] {
    width: 120px;
}
.toolbar .toolbar-right[data-v-f8f85f2e] {
    gap: 8px;
}
.toolbar .toolbar-right .el-input[data-v-f8f85f2e] {
    width: 160px;
}
.toolbar .toolbar-right .el-input .el-input__inner[data-v-f8f85f2e] {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}
.view-toggle[data-v-f8f85f2e] {
    width: 60px;
    height: 26px;
}
.view-toggle .toggle-btn i[data-v-f8f85f2e] {
    font-size: 12px;
}
.image-grid[data-v-f8f85f2e] {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 10px;
}
.grid-pic img[data-v-f8f85f2e] {
    height: 80px;
}
.grid-pic .num-badge[data-v-f8f85f2e] {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 11px;
    line-height: 16px;
}
.grid-pic .img-title[data-v-f8f85f2e] {
    font-size: 10px;
}
.image-list-container[data-v-f8f85f2e]  .el-table {
    font-size: 11px;
}
.image-list-container[data-v-f8f85f2e]  .el-table th, .image-list-container[data-v-f8f85f2e]  .el-table td {
    padding: 6px 0;
    font-size: 11px;
}
.image-list-container[data-v-f8f85f2e]  .el-table .el-button {
    font-size: 11px;
    height: 24px;
    line-height: 24px;
}
.list-img[data-v-f8f85f2e] {
    width: 36px;
    height: 36px;
}
.selected-preview[data-v-f8f85f2e] {
    padding: 10px 12px;
}
.selected-preview .preview-header[data-v-f8f85f2e] {
    font-size: 11px;
}
.selected-preview .preview-item[data-v-f8f85f2e] {
    width: 45px;
    height: 45px;
}
}
@media screen and (max-width: 768px) {
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog {
    width: 98vw;
    margin-top: 2vh !important;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__body {
    padding: 10px;
    min-height: 400px;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__footer {
    padding: 10px 12px;
}
.image-selector-dialog[data-v-f8f85f2e]  .el-dialog .el-dialog__footer .el-button {
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    font-size: 11px;
}
.selector-sidebar-col[data-v-f8f85f2e] {
    border-right: none;
    border-bottom: 1px solid #ebeef5;
    margin-bottom: 12px;
}
.selector-sidebar .tree-container[data-v-f8f85f2e] {
    max-height: 150px;
}
.selector-content-col[data-v-f8f85f2e] {
    padding-left: 0;
}
.toolbar .toolbar-left[data-v-f8f85f2e] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.toolbar .toolbar-left .el-select[data-v-f8f85f2e] {
    width: 100%;
    margin-top: 6px;
}
.toolbar .toolbar-right[data-v-f8f85f2e] {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.image-grid[data-v-f8f85f2e] {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 8px;
}
.grid-pic img[data-v-f8f85f2e] {
    height: 70px;
}
.selected-preview .preview-item[data-v-f8f85f2e] {
    width: 40px;
    height: 40px;
}
}
@media screen and (max-width: 480px) {
.image-grid[data-v-f8f85f2e] {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 6px;
}
.grid-pic[data-v-f8f85f2e] {
    padding: 2px;
}
.grid-pic img[data-v-f8f85f2e] {
    height: 60px;
}
.grid-pic .img-title[data-v-f8f85f2e] {
    font-size: 9px;
}
}
@charset "UTF-8";

/* ==================== 费用管理页面样式 - 分布式自适应布局 ==================== */
.expense-full-container[data-v-9a06c67e] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.expense-content-no-margin[data-v-9a06c67e] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: calc(100vh - 60px);
}

/* ==================== 筛选区域 - 按照tianmeiHistory样式 ==================== */
.filter-container[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .flex[data-v-9a06c67e]:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .flex[data-v-9a06c67e]:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.filter-item[data-v-9a06c67e] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
[data-v-9a06c67e] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  white-space: nowrap;
}
[data-v-9a06c67e] .el-button [class*=el-icon-] {
  font-size: 12px;
  margin-right: 4px;
}
[data-v-9a06c67e] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-9a06c67e] .el-input__icon {
  line-height: 28px;
}
[data-v-9a06c67e] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-9a06c67e] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-9a06c67e] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-9a06c67e] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-9a06c67e] .el-range-input {
  font-size: 12px;
}

/* ==================== 数据统计区域 ==================== */
.statistics-section[data-v-9a06c67e] {
  margin-bottom: 16px;
}
.stats-header[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.stats-header h3[data-v-9a06c67e] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  white-space: nowrap;
}
.stats-header .text-sm[data-v-9a06c67e] {
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
}
.stats-grid[data-v-9a06c67e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.stat-card[data-v-9a06c67e] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #e9ecef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100px;
}
.card-header[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
}
.stat-amount[data-v-9a06c67e] {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 8px;
  white-space: nowrap;
}
.stat-trend[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  white-space: nowrap;
}
.stat-trend.increase[data-v-9a06c67e] {
  color: #67c23a;
}
.stat-trend.decrease[data-v-9a06c67e] {
  color: #f56c6c;
}

/* ==================== 收支记录区域 ==================== */
.records-section[data-v-9a06c67e] {
  margin-top: 16px;
}
.records-header[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.records-header h3[data-v-9a06c67e] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  white-space: nowrap;
}
.tab-list[data-v-9a06c67e] {
  margin-bottom: 0;
  white-space: nowrap;
}
.record-list[data-v-9a06c67e] {
  margin-top: 10px;
  width: 100%;
  overflow-x: auto;
}

/* ==================== 表格样式 - 按照projectList样式 ==================== */
[data-v-9a06c67e] .el-table {
  font-size: 12px;
}
[data-v-9a06c67e] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
  font-size: 12px;
}
[data-v-9a06c67e] .el-table th .cell {
  line-height: 1.4;
  white-space: nowrap;
}
[data-v-9a06c67e] .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
[data-v-9a06c67e] .el-table td .cell {
  line-height: 1.4;
  white-space: nowrap;
}
[data-v-9a06c67e] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-9a06c67e] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}
[data-v-9a06c67e] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 弹窗样式 ==================== */
.type-sections .type-section[data-v-9a06c67e] {
  margin-bottom: 16px;
}
.type-sections .type-section[data-v-9a06c67e]:last-child {
  margin-bottom: 0;
}
.type-sections .section-header[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.type-sections .section-title[data-v-9a06c67e] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  white-space: nowrap;
}
.type-sections .type-grid[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.type-sections .type-item[data-v-9a06c67e] {
  margin-bottom: 4px;
}

/* ==================== 凭证信息样式 ==================== */
.voucher-info .info-item[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.voucher-info .info-item[data-v-9a06c67e]:last-child {
  margin-bottom: 0;
}
.voucher-info .info-label[data-v-9a06c67e] {
  width: 80px;
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
}
.voucher-info .info-value[data-v-9a06c67e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: #303133;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.voucher-image[data-v-9a06c67e] {
  margin-top: 16px;
  text-align: center;
}
.voucher-image img[data-v-9a06c67e] {
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #ebeef5;
}

/* ==================== 审核弹窗样式 ==================== */
.audit-info[data-v-9a06c67e] {
  text-align: center;
  padding: 16px 0;
}
.audit-info .audit-title[data-v-9a06c67e] {
  font-size: 14px;
  color: #303133;
  margin-bottom: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.audit-info .audit-amount[data-v-9a06c67e] {
  font-size: 20px;
  font-weight: 600;
  color: #f56c6c;
  white-space: nowrap;
}

/* ==================== 表单样式优化 ==================== */
[data-v-9a06c67e] .el-form .el-form-item {
  margin-bottom: 16px;
}
[data-v-9a06c67e] .el-form .el-form-item__label {
  font-weight: 500;
  color: #303133;
  font-size: 12px;
  white-space: nowrap;
}
[data-v-9a06c67e] .el-form .el-form-item__content {
  font-size: 12px;
}

/* ==================== 上传组件样式 ==================== */
.avatar-uploader .avatar[data-v-9a06c67e] {
  width: 100px;
  height: 100px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.avatar-uploader .avatar-placeholder[data-v-9a06c67e] {
  width: 100px;
  height: 100px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.avatar-uploader .avatar-placeholder[data-v-9a06c67e]:hover {
  border-color: var(--theme-color);
}
.avatar-uploader .avatar-placeholder .avatar-uploader-icon[data-v-9a06c67e] {
  font-size: 20px;
  color: #8c939d;
  margin-bottom: 6px;
}
.avatar-uploader .avatar-placeholder .upload-text[data-v-9a06c67e] {
  font-size: 10px;
  color: #8c939d;
  white-space: nowrap;
}
.logo-upload-container[data-v-9a06c67e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.logo-preview[data-v-9a06c67e] {
  cursor: pointer;
}

/* ==================== 单选按钮组样式优化 ==================== */
[data-v-9a06c67e] .el-radio-group {
  font-size: 12px;
}
[data-v-9a06c67e] .el-radio-group .el-radio-button {
  white-space: nowrap;
}

/* ==================== 标签页主题颜色样式 ==================== */
[data-v-9a06c67e] .tab-list .el-radio-group .el-radio-button.is-active .el-radio-button__inner {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color) !important;
          box-shadow: -1px 0 0 0 var(--theme-color) !important;
}
[data-v-9a06c67e] .tab-list .el-radio-group .el-radio-button:not(.is-active) .el-radio-button__inner:hover {
  color: var(--theme-color);
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-9a06c67e] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 单选框 */
  /* Element UI 多选框 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 日期选择器 */
  /* Element UI 标签 */
  /* Element UI 分页 */
  /* Element UI 开关 */
  /* Element UI 滑块 */
  /* Element UI 步骤条 */
  /* Element UI 上传 */
  /* Element UI 对话框 */
  /* Element UI 下拉菜单 */
  /* Element UI 树形控件 */
  /* Element UI 表格 */
  /* Element UI 加载 */
  /* Element UI 消息提示 */
  /* Element UI 通知 */
  /* Element UI 链接 */
}
[data-v-9a06c67e] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-button--primary:hover,[data-v-9a06c67e] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-9a06c67e] .el-button--primary:active {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-9a06c67e] .el-button--primary.is-plain {
  color: var(--theme-color);
  background: #ecf5ff;
  border-color: var(--theme-color-light);
}
[data-v-9a06c67e] .el-button--primary.is-plain:hover,[data-v-9a06c67e] .el-button--primary.is-plain:focus {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
[data-v-9a06c67e] .el-button--text {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-button--text:hover,[data-v-9a06c67e] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-9a06c67e] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-radio__inner:hover {
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-date-table td.current:not(.disabled) span {
  background-color: var(--theme-color);
}
[data-v-9a06c67e] .el-date-table td.today span {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-date-table td.available:hover {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-tag--success {
  background-color: var(--theme-color-light);
  border-color: var(--theme-color-light);
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
[data-v-9a06c67e] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-switch.is-checked .el-switch__core {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-slider__bar {
  background-color: var(--theme-color);
}
[data-v-9a06c67e] .el-slider__button {
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-step__head.is-finish {
  color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-9a06c67e] .el-step__title.is-finish {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-upload--picture-card:hover {
  border-color: var(--theme-color);
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--theme-color-light);
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-tree-node__content:hover {
  background-color: var(--theme-color-light);
}
[data-v-9a06c67e] .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--theme-color-light);
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-table__body tr.current-row > td {
  background-color: var(--theme-color-light);
}
[data-v-9a06c67e] .el-loading-spinner .el-loading-text {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-loading-spinner .path {
  stroke: var(--theme-color);
}
[data-v-9a06c67e] .el-message__closeBtn:hover {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-notification__closeBtn:hover {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-link.el-link--primary {
  color: var(--theme-color);
}
[data-v-9a06c67e] .el-link.el-link--primary:hover {
  color: var(--theme-color-dark);
}

/* ==================== 抽屉样式 ==================== */
.expense-drawer[data-v-9a06c67e]  .el-drawer .el-drawer__header {
  padding: 12px 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.expense-drawer[data-v-9a06c67e]  .el-drawer .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.expense-drawer[data-v-9a06c67e]  .el-drawer .el-drawer__header .el-drawer__close-btn {
  font-size: 16px;
}
.expense-drawer[data-v-9a06c67e]  .el-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
.drawer-content[data-v-9a06c67e] {
  padding: 16px;
  height: calc(100% - 60px);
  overflow-y: auto;
}
.drawer-content[data-v-9a06c67e]::-webkit-scrollbar {
  width: 6px;
}
.drawer-content[data-v-9a06c67e]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.drawer-content[data-v-9a06c67e]::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}
.drawer-form .el-form-item[data-v-9a06c67e] {
  margin-bottom: 16px;
}
.drawer-form .el-form-item[data-v-9a06c67e]:last-child {
  margin-bottom: 0;
}
.drawer-footer[data-v-9a06c67e] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.drawer-footer .el-button[data-v-9a06c67e] {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式设计 ==================== */
@media (max-width: 1200px) {
.expense-content-no-margin[data-v-9a06c67e] {
    padding: 10px;
}
.filter-container .flex[data-v-9a06c67e]:first-child {
    gap: 6px;
}
.stats-grid[data-v-9a06c67e] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 992px) {
.stats-grid[data-v-9a06c67e] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.expense-content-no-margin[data-v-9a06c67e] {
    padding: 8px;
}
.filter-container[data-v-9a06c67e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.filter-container .flex[data-v-9a06c67e]:first-child {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .flex[data-v-9a06c67e]:last-child {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.stats-grid[data-v-9a06c67e] {
    grid-template-columns: repeat(2, 1fr);
}
.records-header[data-v-9a06c67e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
[data-v-9a06c67e] .el-table {
    font-size: 11px;
}
[data-v-9a06c67e] .el-table th,[data-v-9a06c67e] .el-table td {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-9a06c67e] .el-table .el-button {
    font-size: 11px;
    height: 24px;
    line-height: 24px;
}
}
@media (max-width: 480px) {
.expense-content-no-margin[data-v-9a06c67e] {
    padding: 6px;
}
.stats-grid[data-v-9a06c67e] {
    grid-template-columns: 1fr;
}
[data-v-9a06c67e] .el-table {
    font-size: 10px;
}
[data-v-9a06c67e] .el-table th,[data-v-9a06c67e] .el-table td {
    padding: 4px 0;
    font-size: 10px;
}
}
@charset "UTF-8";

/* ==================== 账户信息页面样式 - 分布式自适应布局 ==================== */
.account-full-container[data-v-af351f0a] {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 5px 0 5px;
}

/* ==================== 页面头部 ==================== */
.page-header-no-margin[data-v-af351f0a] {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 16px;
  background-color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 1px solid #ebeef5;
  color: #303133;
  white-space: nowrap;
}

/* ==================== 内容区域 ==================== */
.account-content-no-margin[data-v-af351f0a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
  background-color: #ffffff;
  overflow-y: auto;
}
.account-content-no-margin[data-v-af351f0a]::-webkit-scrollbar {
  width: 6px;
}
.account-content-no-margin[data-v-af351f0a]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.account-content-no-margin[data-v-af351f0a]::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}

/* ==================== 信息卡片样式 ==================== */
.space-y-6 > * + *[data-v-af351f0a] {
  margin-top: 16px;
}
.space-y-4 > * + *[data-v-af351f0a] {
  margin-top: 12px;
}
h3[data-v-af351f0a] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
  white-space: nowrap;
}
.text-lg[data-v-af351f0a] {
  font-size: 14px;
}
.font-semibold[data-v-af351f0a] {
  font-weight: 600;
}
.font-medium[data-v-af351f0a] {
  font-weight: 500;
}

/* ==================== 信息项样式 ==================== */
.flex[data-v-af351f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.items-center[data-v-af351f0a] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-between[data-v-af351f0a] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.text-gray-500[data-v-af351f0a] {
  color: #606266;
  font-size: 12px;
  white-space: nowrap;
}
.text-gray-400[data-v-af351f0a] {
  color: #909399;
  font-size: 12px;
}
.w-24[data-v-af351f0a] {
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ml-2[data-v-af351f0a] {
  margin-left: 8px;
}
.mb-4[data-v-af351f0a] {
  margin-bottom: 12px;
}

/* ==================== 按钮样式 ==================== */
button[data-v-af351f0a],
.el-button[data-v-af351f0a] {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
}
button.bg-blue-500[data-v-af351f0a],
.el-button.bg-blue-500[data-v-af351f0a] {
  background-color: #409eff;
  color: #ffffff;
  border: none;
}
button.bg-blue-500[data-v-af351f0a]:hover,
.el-button.bg-blue-500[data-v-af351f0a]:hover {
  background-color: #66b1ff;
}

/* ==================== 网格布局 ==================== */
.grid[data-v-af351f0a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* ==================== 部门管理弹窗样式 ==================== */
.fixed[data-v-af351f0a] {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-white[data-v-af351f0a] {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  width: 400px;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
}
.bg-white h2[data-v-af351f0a] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin: 0;
  white-space: nowrap;
}

/* 弹窗头部 */
.flex.justify-between[data-v-af351f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.flex.justify-between button[data-v-af351f0a] {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #909399;
}
.flex.justify-between button[data-v-af351f0a]:hover {
  color: #606266;
}
.flex.justify-between button i[data-v-af351f0a] {
  font-size: 16px;
}

/* 部门列表 */
.space-y-3[data-v-af351f0a] {
  max-height: 400px;
  overflow-y: auto;
}
.space-y-3 > * + *[data-v-af351f0a] {
  margin-top: 8px;
}
.space-y-3[data-v-af351f0a]::-webkit-scrollbar {
  width: 4px;
}
.space-y-3[data-v-af351f0a]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 2px;
}
.bg-gray-50[data-v-af351f0a] {
  background-color: #f5f7fa;
  padding: 12px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bg-gray-50 .font-medium[data-v-af351f0a] {
  font-size: 13px;
  color: #303133;
  white-space: nowrap;
}
.bg-gray-50 .flex.space-x-2[data-v-af351f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.bg-gray-50 .flex.space-x-2 .el-button[data-v-af351f0a] {
  height: 26px;
  line-height: 24px;
  padding: 0 8px;
  font-size: 11px;
}
.bg-gray-50 .flex.space-x-2 .el-button i[data-v-af351f0a] {
  font-size: 11px;
  margin-right: 2px;
}

/* 表单样式 */
.block[data-v-af351f0a] {
  display: block;
}
.text-sm[data-v-af351f0a] {
  font-size: 12px;
}
.font-medium[data-v-af351f0a] {
  font-weight: 500;
}
.text-gray-700[data-v-af351f0a] {
  color: #606266;
}
.mb-1[data-v-af351f0a] {
  margin-bottom: 4px;
}
input[type=text][data-v-af351f0a] {
  width: 100%;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type=text][data-v-af351f0a]:focus {
  outline: none;
  border-color: #409eff;
}
input[type=text][data-v-af351f0a]::-webkit-input-placeholder {
  color: #c0c4cc;
  font-size: 12px;
}
input[type=text][data-v-af351f0a]::-moz-placeholder {
  color: #c0c4cc;
  font-size: 12px;
}
input[type=text][data-v-af351f0a]:-ms-input-placeholder {
  color: #c0c4cc;
  font-size: 12px;
}
input[type=text][data-v-af351f0a]::-ms-input-placeholder {
  color: #c0c4cc;
  font-size: 12px;
}
input[type=text][data-v-af351f0a]::placeholder {
  color: #c0c4cc;
  font-size: 12px;
}
.flex.justify-end[data-v-af351f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.page-header-no-margin[data-v-af351f0a] {
    padding: 12px 16px;
    font-size: 15px;
}
.account-content-no-margin[data-v-af351f0a] {
    padding: 16px;
}
.grid[data-v-af351f0a] {
    gap: 20px;
}
}
@media screen and (max-width: 992px) {
.page-header-no-margin[data-v-af351f0a] {
    padding: 10px 14px;
    font-size: 14px;
}
.account-content-no-margin[data-v-af351f0a] {
    padding: 14px;
}
.grid[data-v-af351f0a] {
    grid-template-columns: 1fr;
    gap: 16px;
}
h3[data-v-af351f0a] {
    font-size: 13px;
}
.text-gray-500[data-v-af351f0a] {
    font-size: 11px;
}
button[data-v-af351f0a],
.el-button[data-v-af351f0a] {
    height: 26px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 11px;
}
}

/* 主题颜色按钮样式 */
.theme-btn[data-v-af351f0a] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff !important;
}
.theme-btn[data-v-af351f0a]:hover {
  opacity: 0.9;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.theme-btn[data-v-af351f0a]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* 主题颜色文字样式 */
.theme-text[data-v-af351f0a] {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
.account-full-container[data-v-af351f0a] {
    height: auto;
    min-height: 100%;
}
.page-header-no-margin[data-v-af351f0a] {
    padding: 10px 12px;
    font-size: 13px;
}
.account-content-no-margin[data-v-af351f0a] {
    padding: 12px;
}
.grid[data-v-af351f0a] {
    grid-template-columns: 1fr;
    gap: 12px;
}
h3[data-v-af351f0a] {
    font-size: 12px;
    margin-bottom: 10px;
}
.w-24[data-v-af351f0a] {
    width: 70px;
}
.text-gray-500[data-v-af351f0a] {
    font-size: 11px;
}
button[data-v-af351f0a],
.el-button[data-v-af351f0a] {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}
.bg-white[data-v-af351f0a] {
    width: 90vw;
    padding: 14px;
}
.bg-white h2[data-v-af351f0a] {
    font-size: 13px;
}
.bg-gray-50[data-v-af351f0a] {
    padding: 10px;
}
.bg-gray-50 .font-medium[data-v-af351f0a] {
    font-size: 12px;
}
.bg-gray-50 .flex.space-x-2 .el-button[data-v-af351f0a] {
    height: 24px;
    line-height: 22px;
    padding: 0 6px;
    font-size: 10px;
}
input[type=text][data-v-af351f0a] {
    height: 26px;
    font-size: 11px;
}
}
@media screen and (max-width: 360px) {
.page-header-no-margin[data-v-af351f0a] {
    padding: 8px 10px;
    font-size: 12px;
}
.account-content-no-margin[data-v-af351f0a] {
    padding: 10px;
}
.grid[data-v-af351f0a] {
    gap: 10px;
}
h3[data-v-af351f0a] {
    font-size: 11px;
    margin-bottom: 8px;
}
.w-24[data-v-af351f0a] {
    width: 60px;
}
.text-gray-500[data-v-af351f0a],
.text-gray-400[data-v-af351f0a] {
    font-size: 10px;
}
button[data-v-af351f0a],
.el-button[data-v-af351f0a] {
    height: 24px;
    line-height: 22px;
    padding: 0 6px;
    font-size: 10px;
}
.bg-white[data-v-af351f0a] {
    padding: 12px;
}
.bg-white h2[data-v-af351f0a] {
    font-size: 12px;
}
.bg-gray-50[data-v-af351f0a] {
    padding: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.bg-gray-50 .font-medium[data-v-af351f0a] {
    font-size: 11px;
}
input[type=text][data-v-af351f0a] {
    height: 24px;
    font-size: 10px;
}
}

/* ==================== 主题颜色抽屉样式 ==================== */
.theme-color-drawer .el-drawer__header[data-v-af351f0a] {
  padding: 16px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.theme-color-drawer .el-drawer__header span[data-v-af351f0a] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.theme-color-drawer .el-drawer__body[data-v-af351f0a] {
  padding: 0;
  overflow-y: auto;
}
.theme-drawer-content[data-v-af351f0a] {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.theme-section .theme-section-title[data-v-af351f0a] {
  font-size: 14px;
  font-weight: 500;
  color: #606266;
  margin-bottom: 12px;
}
.color-grid[data-v-af351f0a] {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}
.color-item[data-v-af351f0a] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.color-item[data-v-af351f0a]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.color-item.active[data-v-af351f0a] {
  border-color: #909399;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.preview-area[data-v-af351f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding: 20px;
  background-color: #f5f7fa;
  border-radius: 8px;
}
.preview-item[data-v-af351f0a] {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  position: relative;
}
.preview-item i[data-v-af351f0a] {
  font-size: 20px;
}
.preview-item span[data-v-af351f0a] {
  font-size: 11px;
}
.preview-item.active[data-v-af351f0a] {
  border: 2px solid;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.preview-item.active span[data-v-af351f0a] {
  font-weight: 500;
}
.preview-item .preview-badge[data-v-af351f0a] {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  background-color: #ff4d4f;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.theme-drawer-footer[data-v-af351f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
  margin-top: auto;
}

/* 抽屉响应式适配 */
@media screen and (max-width: 640px) {
.theme-color-drawer[data-v-af351f0a] {
    width: 100% !important;
}
.color-grid[data-v-af351f0a] {
    gap: 8px;
}
.color-grid .color-item[data-v-af351f0a] {
    width: 32px;
    height: 32px;
}
.preview-area[data-v-af351f0a] {
    gap: 12px;
    padding: 16px;
}
.preview-item[data-v-af351f0a] {
    width: 56px;
    height: 56px;
}
.preview-item i[data-v-af351f0a] {
    font-size: 18px;
}
.preview-item span[data-v-af351f0a] {
    font-size: 10px;
}
}
@media screen and (max-width: 480px) {
.theme-drawer-content[data-v-af351f0a] {
    padding: 16px;
    gap: 20px;
}
.theme-section .theme-section-title[data-v-af351f0a] {
    font-size: 13px;
    margin-bottom: 10px;
}
.color-grid[data-v-af351f0a] {
    gap: 6px;
}
.color-grid .color-item[data-v-af351f0a] {
    width: 28px;
    height: 28px;
}
.preview-area[data-v-af351f0a] {
    gap: 10px;
    padding: 12px;
}
.preview-item[data-v-af351f0a] {
    width: 52px;
    height: 52px;
}
.preview-item i[data-v-af351f0a] {
    font-size: 16px;
}
.preview-item span[data-v-af351f0a] {
    font-size: 9px;
}
}
.app-container[data-v-f8d4d1cc] {
  min-height: 100vh;
  background-color: #f9fafb;
}
.custom-editor[data-v-f8d4d1cc] .el-textarea__inner {
  min-height: 300px !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1.6;
  resize: vertical;
}
.custom-editor[data-v-f8d4d1cc] .el-textarea__inner:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #dcdfe6;
}
.el-dialog[data-v-f8d4d1cc] .el-dialog__header {
  border-bottom: 1px solid #e5e7eb;
  margin-right: 0;
  padding-bottom: 16px;
}
.el-dialog[data-v-f8d4d1cc] .el-dialog__footer {
  border-top: 1px solid #e5e7eb;
  margin-left: 0;
  padding-top: 16px;
}

/* CSS 变量定义主题颜色（默认蓝色） */
[data-v-0b2d5339]:deep(.el-drawer__wrapper) {
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 表单项帮助文字 */
.form-item-help[data-v-0b2d5339] {
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 6px;
  word-break: break-all;
}

/* 折扣输入框行 */
.discount-row[data-v-0b2d5339] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.discount-input[data-v-0b2d5339] {
  width: 140px !important;
}
.discount-unit[data-v-0b2d5339] {
  color: #606266;
  font-size: 13px;
}

/* 支付比例行 */
.ratio-row[data-v-0b2d5339] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ratio-row[data-v-0b2d5339]:last-child {
  margin-bottom: 0;
}
.ratio-label[data-v-0b2d5339] {
  color: #606266;
  font-size: 13px;
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ratio-input[data-v-0b2d5339] {
  width: 100px !important;
}
.ratio-unit[data-v-0b2d5339] {
  color: #606266;
  font-size: 13px;
}

/* 抽屉内容区域 */
.drawer-content[data-v-0b2d5339] {
  height: calc(100% - 60px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 抽屉底部操作栏 */
.drawer-footer[data-v-0b2d5339] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px;
  border-top: 1px solid #e8e8e8;
  background: #fff;
  text-align: right;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 表单项间距优化 */
[data-v-0b2d5339]:deep(.el-form-item) {
  margin-bottom: 18px;
}
[data-v-0b2d5339]:deep(.el-form-item__label) {
  line-height: 32px;
  padding-right: 12px;
}
[data-v-0b2d5339]:deep(.el-form-item__content) {
  line-height: 32px;
}

/* 输入框样式统一 */
[data-v-0b2d5339]:deep(.el-input__inner) {
  height: 32px;
  line-height: 32px;
}

/* 数字输入框样式 */
[data-v-0b2d5339]:deep(.el-input-number) {
  width: 140px;
}
[data-v-0b2d5339]:deep(.el-input-number .el-input__inner) {
  text-align: left;
  padding-left: 8px;
  padding-right: 40px;
}

/* 日期选择器样式 */
[data-v-0b2d5339]:deep(.el-date-editor) {
  width: 300px !important;
}

/* 开关样式 */
[data-v-0b2d5339]:deep(.el-switch) {
  height: 32px;
  line-height: 32px;
}
[data-v-0b2d5339]:deep(.el-switch.is-checked .el-switch__core) {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

/* 单选框组样式 */
[data-v-0b2d5339]:deep(.el-radio-group) {
  line-height: 32px;
}
[data-v-0b2d5339]:deep(.el-radio) {
  margin-right: 20px;
  line-height: 32px;
}
[data-v-0b2d5339]:deep(.el-radio__input.is-checked .el-radio__inner) {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-0b2d5339]:deep(.el-radio__input.is-checked + .el-radio__label) {
  color: var(--theme-color);
}
[data-v-0b2d5339]:deep(.el-radio__inner:hover) {
  border-color: var(--theme-color);
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-0b2d5339]:deep(.el-button--primary) {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
&:hover,
    &:focus {
    background-color: var(--theme-color-dark);
    border-color: var(--theme-color-dark);
}
}
[data-v-0b2d5339]:deep(.el-button--text) {
  color: var(--theme-color);
&:hover,
    &:focus {
    color: var(--theme-color-dark);
}
}
[data-v-0b2d5339]:deep(.el-input__inner:focus) {
  border-color: var(--theme-color);
}
[data-v-0b2d5339]:deep(.el-select .el-input.is-focus .el-input__inner) {
  border-color: var(--theme-color);
}
[data-v-0b2d5339]:deep(.el-date-editor .el-range-input:focus) {
  border-color: var(--theme-color);
}

/* 响应式样式 - 手机端 */
@media screen and (max-width: 768px) {
.drawer-content[data-v-0b2d5339] {
    padding: 15px;
    height: calc(100% - 56px);
}
.drawer-footer[data-v-0b2d5339] {
    padding: 12px 15px;
}
.drawer-footer .el-button[data-v-0b2d5339] {
    padding: 8px 16px;
    font-size: 14px;
}

  /* 表单项垂直布局 */
[data-v-0b2d5339]:deep(.el-form-item) {
    margin-bottom: 15px;
}
[data-v-0b2d5339]:deep(.el-form-item__label) {
    float: none;
    display: block;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 6px;
    padding-right: 0;
}
[data-v-0b2d5339]:deep(.el-form-item__content) {
    margin-left: 0 !important;
    line-height: 1.5;
}

  /* 输入框宽度100% */
[data-v-0b2d5339]:deep(.el-input),[data-v-0b2d5339]:deep(.el-input-number),[data-v-0b2d5339]:deep(.el-date-editor) {
    width: 100% !important;
}

  /* 日期选择器在小屏幕上调整 */
[data-v-0b2d5339]:deep(.el-date-editor) {
    width: 100% !important;
}
[data-v-0b2d5339]:deep(.el-date-editor .el-range-input) {
    width: calc(50% - 20px);
}

  /* 单选框垂直排列 */
[data-v-0b2d5339]:deep(.el-radio-group) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
[data-v-0b2d5339]:deep(.el-radio) {
    margin-right: 0;
    line-height: 1.5;
    height: auto;
}

  /* 行间距 */
[data-v-0b2d5339]:deep(.el-row) {
    margin-bottom: 0;
}
[data-v-0b2d5339]:deep(.el-col) {
    margin-bottom: 10px;
}

  /* 帮助文字 */
.form-item-help[data-v-0b2d5339] {
    font-size: 11px;
    margin-top: 4px;
}

  /* 折扣输入框小屏幕适配 */
.discount-row[data-v-0b2d5339] {
    width: 100%;
}
.discount-input[data-v-0b2d5339] {
    width: calc(100% - 40px) !important;
}

  /* 支付比例小屏幕适配 */
.ratio-row[data-v-0b2d5339] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.ratio-label[data-v-0b2d5339] {
    width: 100%;
    margin-bottom: 4px;
}
.ratio-input[data-v-0b2d5339] {
    width: calc(100% - 50px) !important;
}
}

/* 响应式样式 - 平板端 */
@media screen and (min-width: 769px) and (max-width: 1199px) {
.drawer-content[data-v-0b2d5339] {
    padding: 18px;
}
[data-v-0b2d5339]:deep(.el-date-editor) {
    width: 260px !important;
}
}

/* 大屏幕优化 */
@media screen and (min-width: 1200px) {
[data-v-0b2d5339]:deep(.el-form) {
    max-width: 1400px;
    margin: 0 auto;
}
}

@charset "UTF-8";

/* ==================== 赠送规则抽屉样式 - 分布式自适应布局 ==================== */
.gift-rule-drawer[data-v-7ad241f2] {
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
  /* ==================== 全局主题颜色覆盖 ==================== */
}
.gift-rule-drawer[data-v-7ad241f2]  .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.gift-rule-drawer[data-v-7ad241f2]  .el-drawer__header .el-drawer__title {
  font-size: 14px;
  font-weight: 600;
}
.gift-rule-drawer[data-v-7ad241f2]  .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
.gift-rule-drawer[data-v-7ad241f2]  {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 标签页 */
  /* Element UI 单选框 */
  /* Element UI 多选框 */
  /* Element UI 开关 */
}
.gift-rule-drawer[data-v-7ad241f2]  .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-button--primary:hover, .gift-rule-drawer[data-v-7ad241f2]  .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-button--text {
  color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-button--text:hover, .gift-rule-drawer[data-v-7ad241f2]  .el-button--text:focus {
  color: var(--theme-color-dark);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-input__inner:focus {
  border-color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-tabs__item.is-active {
  color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-tabs__active-bar {
  background-color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-tabs__item:hover {
  color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.gift-rule-drawer[data-v-7ad241f2]  .el-switch.is-checked .el-switch__core {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

/* 抽屉内容区域 */
.drawer-content[data-v-7ad241f2] {
  padding: 16px;
  height: calc(100vh - 50px);
  overflow-y: auto;
  /* 会员卡信息 */
  /* Tab 样式优化 */
  /* 按钮区域 */
  /* 表格样式优化 */
}
.drawer-content .card-info[data-v-7ad241f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding: 10px 12px;
  background-color: #f5f7fa;
  border-radius: 4px;
  font-size: 12px;
}
.drawer-content .card-info .label[data-v-7ad241f2] {
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
}
.drawer-content .card-info .value[data-v-7ad241f2] {
  color: #303133;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawer-content[data-v-7ad241f2]  .el-tabs .el-tabs__header {
  margin-bottom: 12px;
}
.drawer-content[data-v-7ad241f2]  .el-tabs .el-tabs__header .el-tabs__item {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
}
.drawer-content[data-v-7ad241f2]  .el-tabs .el-tabs__content {
  padding: 0;
}
.drawer-content .action-bar[data-v-7ad241f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 12px;
}
.drawer-content .action-bar[data-v-7ad241f2]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.drawer-content .action-bar[data-v-7ad241f2]  .el-button i {
  font-size: 12px;
  margin-right: 4px;
}
.drawer-content[data-v-7ad241f2]  .el-table {
  font-size: 12px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.drawer-content[data-v-7ad241f2]  .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
  font-size: 12px;
}
.drawer-content[data-v-7ad241f2]  .el-table th .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.drawer-content[data-v-7ad241f2]  .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
.drawer-content[data-v-7ad241f2]  .el-table td .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.drawer-content[data-v-7ad241f2]  .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}

/* ==================== 新增/编辑规则弹窗样式 ==================== */
.rule-dialog[data-v-7ad241f2] {
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
  /* 表单样式 */
}
.rule-dialog[data-v-7ad241f2]  .el-dialog {
  width: 800px;
  max-width: 90vw;
  /* ==================== 全局主题颜色覆盖 ==================== */
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 单选框 */
  /* Element UI 多选框 */
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__body {
  padding: 16px;
  max-height: 60vh;
  overflow-y: auto;
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-button--primary:hover, .rule-dialog[data-v-7ad241f2]  .el-dialog .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-button--text {
  color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-button--text:hover, .rule-dialog[data-v-7ad241f2]  .el-dialog .el-button--text:focus {
  color: var(--theme-color-dark);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-input__inner:focus {
  border-color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.rule-dialog[data-v-7ad241f2]  .el-form {
  /* 单选框样式 - 确保复选框和名称在一行 */
  /* 输入框样式 */
  /* 内部表格样式 */
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-form-item {
  margin-bottom: 12px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-form-item .el-form-item__label {
  font-size: 12px;
  color: #606266;
  line-height: 28px;
  padding-right: 8px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-form-item .el-form-item__content {
  line-height: 28px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-radio {
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-radio .el-radio__input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-radio .el-radio__label {
  font-size: 12px;
  padding-left: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-input {
  width: 200px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-input .el-input-group__append {
  padding: 0 8px;
  font-size: 12px;
  color: #606266;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-table {
  font-size: 12px;
  margin-top: 8px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-table th {
  padding: 6px 0;
  font-size: 11px;
  background-color: #f5f7fa;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-table td {
  padding: 4px 0;
  font-size: 11px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-table .el-input {
  width: 80px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-table .el-input .el-input__inner {
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  padding: 0 4px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-table .el-button {
  padding: 0 6px;
  height: 24px;
  line-height: 24px;
}

/* ==================== 选择项目/商品弹窗样式 ==================== */
.selector-dialog[data-v-7ad241f2] {
  /* 搜索区域 */
  /* 分类卡片 */
}
.selector-dialog[data-v-7ad241f2]  .el-dialog {
  width: 800px;
  max-width: 90vw;
}
.selector-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.selector-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.selector-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__body {
  padding: 16px;
  max-height: 60vh;
  overflow-y: auto;
}
.selector-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}
.selector-dialog .search-area[data-v-7ad241f2] {
  margin-bottom: 12px;
}
.selector-dialog .search-area[data-v-7ad241f2]  .el-input {
  width: 240px;
}
.selector-dialog .search-area[data-v-7ad241f2]  .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding-left: 28px;
}
.selector-dialog .search-area[data-v-7ad241f2]  .el-input .el-input__prefix {
  left: 8px;
}
.selector-dialog .search-area[data-v-7ad241f2]  .el-input .el-input__prefix i {
  font-size: 12px;
  color: #909399;
}
.selector-dialog .category-card[data-v-7ad241f2] {
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
}
.selector-dialog .category-card[data-v-7ad241f2]:last-child {
  margin-bottom: 0;
}
.selector-dialog .category-card .category-header[data-v-7ad241f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 12px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
}
.selector-dialog .category-card .category-header .category-title[data-v-7ad241f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.selector-dialog .category-card .category-header .category-title[data-v-7ad241f2]  .el-checkbox {
  font-size: 12px;
  margin-right: 8px;
}
.selector-dialog .category-card .category-header .category-title[data-v-7ad241f2]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.selector-dialog .category-card .category-header .category-title .selected-count[data-v-7ad241f2] {
  font-size: 11px;
  color: #909399;
  white-space: nowrap;
}
.selector-dialog .category-card .category-header .expand-icon[data-v-7ad241f2] {
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  padding: 4px;
}
.selector-dialog .category-card .category-header .expand-icon[data-v-7ad241f2]:hover {
  color: #606266;
}
.selector-dialog .category-card .item-grid[data-v-7ad241f2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 12px;
  background-color: #fff;
}
.selector-dialog .category-card .item-grid .item-cell[data-v-7ad241f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.selector-dialog .category-card .item-grid .item-cell[data-v-7ad241f2]  .el-checkbox {
  font-size: 12px;
  width: 100%;
}
.selector-dialog .category-card .item-grid .item-cell[data-v-7ad241f2]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.drawer-content[data-v-7ad241f2] {
    padding: 12px;
}
.drawer-content[data-v-7ad241f2]  .el-table {
    font-size: 11px;
}
.drawer-content[data-v-7ad241f2]  .el-table th, .drawer-content[data-v-7ad241f2]  .el-table td {
    padding: 6px 0;
}
.selector-dialog .category-card .item-grid[data-v-7ad241f2] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
.gift-rule-drawer[data-v-7ad241f2]  .el-drawer {
    width: 100% !important;
}
.drawer-content[data-v-7ad241f2] {
    padding: 10px;
}
.drawer-content .card-info[data-v-7ad241f2] {
    font-size: 11px;
    padding: 8px 10px;
}
.drawer-content .card-info .label[data-v-7ad241f2] {
    width: 70px;
}
.drawer-content[data-v-7ad241f2]  .el-tabs .el-tabs__item {
    font-size: 11px;
    padding: 0 12px;
}
.rule-dialog[data-v-7ad241f2]  .el-dialog {
    width: 95vw;
}
.rule-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__body {
    padding: 12px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-form-item__label {
    font-size: 11px;
}
.rule-dialog[data-v-7ad241f2]  .el-form .el-input-number {
    width: 120px;
}
.selector-dialog[data-v-7ad241f2]  .el-dialog {
    width: 95vw;
}
.selector-dialog[data-v-7ad241f2]  .el-dialog .el-dialog__body {
    padding: 12px;
}
.selector-dialog .search-area[data-v-7ad241f2]  .el-input {
    width: 100%;
}
.selector-dialog .category-card .item-grid[data-v-7ad241f2] {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    padding: 10px;
}
}
@media screen and (max-width: 480px) {
.drawer-content[data-v-7ad241f2]  .el-table {
    font-size: 11px;
}
.drawer-content[data-v-7ad241f2]  .el-table th, .drawer-content[data-v-7ad241f2]  .el-table td {
    padding: 4px 0;
}
.drawer-content[data-v-7ad241f2]  .el-table .el-button {
    font-size: 11px;
    padding: 0 4px;
    height: 24px;
    line-height: 24px;
}
.selector-dialog .category-card .item-grid[data-v-7ad241f2] {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px;
}
}

/* ==================== 工具类 ==================== */
.text-ellipsis[data-v-7ad241f2] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nowrap[data-v-7ad241f2] {
  white-space: nowrap;
}
@charset "UTF-8";

/* ==================== 基础布局样式 - 同步 tianmeiHistory 样式 ==================== */
.app-container[data-v-77bf7a8c] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-77bf7a8c] {
  margin: 0;
}
.filter-container .left-items > *[data-v-77bf7a8c],
.filter-container .right-items > *[data-v-77bf7a8c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-77bf7a8c] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-77bf7a8c] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px */
[data-v-77bf7a8c] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-77bf7a8c] .el-button [class*=el-icon-] {
  font-size: 12px;
}
[data-v-77bf7a8c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-77bf7a8c] .el-input__icon {
  line-height: 28px;
}
[data-v-77bf7a8c] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-77bf7a8c] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-77bf7a8c] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-77bf7a8c] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-77bf7a8c] .el-range-input {
  font-size: 12px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-77bf7a8c] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 下拉菜单 */
  /* Element UI 分页 */
  /* Element UI 对话框 */
  /* Element UI 表格 - 边框主题色，背景透明 */
  /* Element UI 标签 */
  /* Element UI 多选框 */
}
[data-v-77bf7a8c] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-77bf7a8c] .el-button--primary:hover,[data-v-77bf7a8c] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-77bf7a8c] .el-button--text {
  color: var(--theme-color);
}
[data-v-77bf7a8c] .el-button--text:hover,[data-v-77bf7a8c] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-77bf7a8c] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-77bf7a8c] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-77bf7a8c] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-77bf7a8c] .el-dropdown-menu__item:not(.is-disabled):hover,[data-v-77bf7a8c] .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}
[data-v-77bf7a8c] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
[data-v-77bf7a8c] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
[data-v-77bf7a8c] .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--theme-color);
}
[data-v-77bf7a8c] .el-table__body tr.current-row > td {
  background-color: transparent !important;
  border-top: 2px solid var(--theme-color) !important;
  border-bottom: 2px solid var(--theme-color) !important;
}
[data-v-77bf7a8c] .el-table__body tr.current-row > td:first-child {
  border-left: 2px solid var(--theme-color) !important;
}
[data-v-77bf7a8c] .el-table__body tr.current-row > td:last-child {
  border-right: 2px solid var(--theme-color) !important;
}
[data-v-77bf7a8c] .el-tag--success {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
[data-v-77bf7a8c] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-77bf7a8c] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
[data-v-77bf7a8c] .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}

/* ==================== 选中信息区域样式 ==================== */
.selection-info[data-v-77bf7a8c] {
  height: 0;
  min-height: 0;
  max-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  color: #606266;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-bottom: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 0;
  border: none !important;
}
.selection-info.has-selection[data-v-77bf7a8c] {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 0 12px !important;
  border-bottom: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selection-content[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  white-space: nowrap;
}
.selection-text[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.total-count[data-v-77bf7a8c] {
  color: var(--theme-color);
  font-weight: bold;
  margin: 0 4px;
  font-size: 14px;
}
.selection-count[data-v-77bf7a8c] {
  color: #e6a23c;
  font-weight: bold;
  margin: 0 4px;
  font-size: 14px;
}
.select-all-link[data-v-77bf7a8c] {
  color: var(--theme-color);
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
}
.select-all-link[data-v-77bf7a8c]:hover {
  color: var(--theme-color-dark);
  text-decoration: underline;
}
.selection-actions[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.selection-actions .el-button[data-v-77bf7a8c] {
  font-size: 13px;
  white-space: nowrap;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-77bf7a8c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* 确保表格紧贴分页器 */
.table-wrapper + .pagination-container[data-v-77bf7a8c] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 移除表格内部可能的间距 */
[data-v-77bf7a8c] .el-table {
  margin-bottom: 0 !important;
}
[data-v-77bf7a8c] .el-table__body-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-77bf7a8c] .el-table {
  font-size: 12px;
}
[data-v-77bf7a8c] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-77bf7a8c] .el-table td {
  padding: 6px 0;
}
[data-v-77bf7a8c] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-77bf7a8c] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-77bf7a8c] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 状态标签样式 */
[data-v-77bf7a8c] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-77bf7a8c] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
  border-top: none !important;
}

/* ==================== 门店可点击样式 ==================== */
.shop-link[data-v-77bf7a8c] {
  cursor: pointer;
  color: var(--theme-color);
  text-decoration: underline;
  display: inline-block;
  font-size: clamp(11px, 1.6vw, 13px);
}
.shop-link[data-v-77bf7a8c]:hover {
  color: var(--theme-color-dark);
}

/* 价格红色样式 */
.price-red[data-v-77bf7a8c] {
  color: #ff4d4f;
  font-weight: 600;
  font-size: 14px;
}

/* ==================== 响应式样式 - 同步 projectList ==================== */
@media screen and (max-width: 1200px) {
.filter-container[data-v-77bf7a8c] {
    padding: 6px 12px;
    gap: 6px;
}
.left-items[data-v-77bf7a8c],
.right-items[data-v-77bf7a8c] {
    gap: 6px;
}
.filter-container .el-input[data-v-77bf7a8c] {
    width: 160px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__header-wrapper th {
    padding: 8px 6px;
    font-size: 12px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__body-wrapper .el-table__row td {
    padding: 5px 6px;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-77bf7a8c] {
    padding: 6px 10px;
    gap: 6px;
    min-height: 44px;
}
.left-items[data-v-77bf7a8c],
.right-items[data-v-77bf7a8c] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-container .el-button[data-v-77bf7a8c] {
    font-size: 12px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
}
.filter-container .el-input[data-v-77bf7a8c] {
    width: 140px;
}
.filter-container .el-input .el-input__inner[data-v-77bf7a8c] {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__header-wrapper th {
    padding: 8px 6px;
    font-size: 12px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__body-wrapper .el-table__row td {
    padding: 5px 6px;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container[data-v-77bf7a8c] {
    padding: 6px 8px;
    gap: 6px;
    min-height: 40px;
}
.left-items[data-v-77bf7a8c],
.right-items[data-v-77bf7a8c] {
    gap: 6px;
}
.filter-container .el-button[data-v-77bf7a8c] {
    font-size: 12px;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
}
.filter-container .el-input[data-v-77bf7a8c] {
    width: 120px;
}
.filter-container .el-input .el-input__inner[data-v-77bf7a8c] {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
.pagination-container[data-v-77bf7a8c] {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0 8px 2px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.pagination-container[data-v-77bf7a8c]  .el-pagination .el-pagination__total,
.pagination-container[data-v-77bf7a8c]  .el-pagination .el-pagination__jump {
    font-size: 11px;
}
.pagination-container[data-v-77bf7a8c]  .el-pagination .el-pager li {
    font-size: 11px;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
}
.pagination-container[data-v-77bf7a8c]  .el-pagination .btn-prev,
.pagination-container[data-v-77bf7a8c]  .el-pagination .btn-next {
    min-width: 22px;
    height: 22px;
    line-height: 22px;
}
}
@media screen and (max-width: 480px) {
.filter-container[data-v-77bf7a8c] {
    padding: 4px 6px;
    gap: 4px;
    min-height: 36px;
}
.left-items[data-v-77bf7a8c],
.right-items[data-v-77bf7a8c] {
    gap: 4px;
}
.filter-container .el-button[data-v-77bf7a8c] {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.filter-container .el-input[data-v-77bf7a8c] {
    width: 100px;
}
.filter-container .el-input .el-input__inner[data-v-77bf7a8c] {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__header-wrapper th {
    padding: 6px 4px;
    font-size: 11px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__body-wrapper .el-table__row {
    height: 36px;
}
.card-table[data-v-77bf7a8c] .el-table .el-table__body-wrapper .el-table__row td {
    padding: 4px;
    font-size: 11px;
}
.card-table[data-v-77bf7a8c] .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.pagination-container[data-v-77bf7a8c] {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0 6px 2px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.pagination-container[data-v-77bf7a8c]  .el-pagination {
    gap: 4px;
}
.pagination-container[data-v-77bf7a8c]  .el-pagination .el-pagination__sizes .el-select {
    width: 80px;
}
}

/* 禁用 number 输入框的箭头 */
input[type=number][data-v-77bf7a8c]::-webkit-inner-spin-button,
input[type=number][data-v-77bf7a8c]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number][data-v-77bf7a8c] {
  -moz-appearance: textfield;
}

/* 工具类 */
.mr-1[data-v-77bf7a8c] {
  margin-right: clamp(2px, 0.4vw, 4px);
}
.mr-4[data-v-77bf7a8c] {
  margin-right: clamp(12px, 2vw, 16px);
}
.mb-6[data-v-77bf7a8c] {
  margin-bottom: clamp(12px, 2vw, 16px);
}
.flex[data-v-77bf7a8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.items-center[data-v-77bf7a8c] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-between[data-v-77bf7a8c] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@charset "UTF-8";

/* ==================== 基础布局样式 - 使用 100% 继承，缩放时高度正确 ==================== */
.app-container[data-v-c27cc3d0] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 筛选区域样式 - 同步 projectList 样式 ==================== */
.filter-container[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
}
.filter-container .left-items[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}
.filter-container .right-items[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框宽度限制 */
.filter-container .left-items .el-input[data-v-c27cc3d0] {
  max-width: 200px;
  width: auto;
}
.filter-container .left-items .el-input__inner[data-v-c27cc3d0] {
  width: 100%;
}
.filter-item[data-v-c27cc3d0] {
  margin: 0;
}
.filter-container .left-items > *[data-v-c27cc3d0],
.filter-container .right-items > *[data-v-c27cc3d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-c27cc3d0] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-c27cc3d0] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px */
[data-v-c27cc3d0] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-c27cc3d0] .el-button [class*=el-icon-] {
  font-size: 12px;
}
[data-v-c27cc3d0] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-c27cc3d0] .el-input__icon {
  line-height: 28px;
}
[data-v-c27cc3d0] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-c27cc3d0] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-c27cc3d0] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-c27cc3d0] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-c27cc3d0] .el-range-input {
  font-size: 12px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-c27cc3d0] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 下拉菜单 */
  /* Element UI 分页 */
  /* Element UI 对话框 */
  /* Element UI 表格 */
  /* Element UI 标签 */
  /* Element UI 多选框 */
}
[data-v-c27cc3d0] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-c27cc3d0] .el-button--primary:hover,[data-v-c27cc3d0] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-c27cc3d0] .el-button--primary:active {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-c27cc3d0] .el-button--text {
  color: var(--theme-color);
}
[data-v-c27cc3d0] .el-button--text:hover,[data-v-c27cc3d0] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-c27cc3d0] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-c27cc3d0] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-c27cc3d0] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-c27cc3d0] .el-dropdown-menu__item:not(.is-disabled):hover,[data-v-c27cc3d0] .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}
[data-v-c27cc3d0] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
[data-v-c27cc3d0] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
[data-v-c27cc3d0] .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--theme-color);
}
[data-v-c27cc3d0] .el-table__body tr.current-row > td {
  background-color: var(--theme-color-light);
}
[data-v-c27cc3d0] .el-tag--success {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
[data-v-c27cc3d0] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-c27cc3d0] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
[data-v-c27cc3d0] .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}

/* ==================== 选中信息区域样式 - 固定 ==================== */
.selection-info[data-v-c27cc3d0] {
  height: 0;
  min-height: 0;
  max-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(12px, 1.8vw, 14px);
  color: #606266;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #ffffff;
  border-bottom: none;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  line-height: 0;
}
.selection-info.has-selection[data-v-c27cc3d0] {
  height: clamp(28px, 4vw, 32px);
  min-height: clamp(28px, 4vw, 32px);
  padding: clamp(4px, 0.8vw, 6px) clamp(8px, 1.5vw, 12px);
  border-bottom: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.selection-text-placeholder[data-v-c27cc3d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
}
.selection-actions-placeholder[data-v-c27cc3d0] {
  width: 0;
  height: 1px;
}
.selection-content[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.selection-text[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  white-space: nowrap;
}
.total-count[data-v-c27cc3d0] {
  color: var(--theme-color);
  font-weight: bold;
  margin: 0 clamp(2px, 0.5vw, 4px);
  font-size: clamp(13px, 2vw, 15px);
}
.selection-count[data-v-c27cc3d0] {
  color: #e6a23c;
  font-weight: bold;
  margin: 0 clamp(2px, 0.5vw, 4px);
  font-size: clamp(13px, 2vw, 15px);
}
.select-all-link[data-v-c27cc3d0] {
  color: var(--theme-color);
  cursor: pointer;
  text-decoration: underline;
  font-size: clamp(12px, 1.8vw, 14px);
  white-space: nowrap;
}
.select-all-link[data-v-c27cc3d0]:hover {
  color: var(--theme-color-dark);
}
.selection-actions[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6px, 1vw, 10px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.selection-actions .el-button--text[data-v-c27cc3d0] {
  color: #6b7280;
  font-size: clamp(12px, 1.8vw, 14px);
  white-space: nowrap;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-c27cc3d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-c27cc3d0] .el-table {
  font-size: 12px;
}
[data-v-c27cc3d0] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-c27cc3d0] .el-table td {
  padding: 6px 0;
}
[data-v-c27cc3d0] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-c27cc3d0] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-c27cc3d0] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 状态标签样式 */
[data-v-c27cc3d0] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* 价格红色样式 */
.price-red[data-v-c27cc3d0] {
  color: #ff4d4f;
  font-weight: 600;
  font-size: 12px;
}

/* 疗程名称链接样式 */
.combo-name-link[data-v-c27cc3d0] {
  color: var(--theme-color);
  font-weight: 500;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px;
}
.combo-name-link[data-v-c27cc3d0]:hover {
  color: #66b1ff;
  text-decoration: underline;
}
.combo-name-link span[data-v-c27cc3d0] {
  color: inherit;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-c27cc3d0] {
  margin-top: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* ==================== 响应式样式 - 同步 projectList ==================== */
@media screen and (max-width: 1200px) {
.filter-container .left-items[data-v-c27cc3d0],
.filter-container .right-items[data-v-c27cc3d0] {
    gap: 6px;
}
.table-wrapper[data-v-c27cc3d0] {
    overflow-x: auto;
}
[data-v-c27cc3d0] .el-table {
    min-width: 1200px;
}
[data-v-c27cc3d0] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-c27cc3d0] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-c27cc3d0] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 6px;
}
.filter-container .left-items[data-v-c27cc3d0],
.filter-container .right-items[data-v-c27cc3d0] {
    gap: 6px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

  /* 小屏幕时搜索框更小 */
.filter-container .left-items .el-input[data-v-c27cc3d0] {
    max-width: 160px;
}
.table-wrapper[data-v-c27cc3d0] {
    overflow-x: auto;
}
[data-v-c27cc3d0] .el-table {
    min-width: 1200px;
}
[data-v-c27cc3d0] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-c27cc3d0] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container[data-v-c27cc3d0] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 4px;
}
.filter-container .left-items[data-v-c27cc3d0] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 4px;
}
.filter-container .left-items > *[data-v-c27cc3d0] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

  /* 更小屏幕时搜索框最小 */
.filter-container .left-items .el-input[data-v-c27cc3d0] {
    max-width: 120px;
}
.filter-container .right-items[data-v-c27cc3d0] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 4px;
}
.table-wrapper[data-v-c27cc3d0] {
    overflow-x: auto;
}
[data-v-c27cc3d0] .el-table {
    min-width: 1200px;
}
.pagination-container[data-v-c27cc3d0] {
    height: 32px;
}
}
@media screen and (max-width: 480px) {
.filter-container[data-v-c27cc3d0] {
    gap: 2px;
}
.filter-container .left-items[data-v-c27cc3d0],
.filter-container .right-items[data-v-c27cc3d0] {
    gap: 2px;
}

  /* 手机端搜索框最小 */
.filter-container .left-items .el-input[data-v-c27cc3d0] {
    max-width: 100px;
}
.filter-container .left-items > *[data-v-c27cc3d0] {
    min-width: calc(50% - 2px);
    max-width: calc(50% - 2px);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 2px);
            flex: 1 1 calc(50% - 2px);
}
.filter-container .right-items > *[data-v-c27cc3d0] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.table-wrapper[data-v-c27cc3d0] {
    overflow-x: auto;
    overflow-y: hidden;
}
[data-v-c27cc3d0] .el-table {
    min-width: 1200px;
}
[data-v-c27cc3d0] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-c27cc3d0] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}

  /* 移动端按钮适配 */
[data-v-c27cc3d0] .el-button {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}
[data-v-c27cc3d0] .el-input__inner {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    padding: 0 8px;
}
[data-v-c27cc3d0] .el-select .el-input__inner {
    height: 26px;
    line-height: 26px;
}
[data-v-c27cc3d0] .el-input__icon {
    line-height: 26px;
}
[data-v-c27cc3d0] .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.pagination-container[data-v-c27cc3d0] {
    height: 32px;
}
}

/* 禁用 number 输入框的箭头 */
input[type=number][data-v-c27cc3d0]::-webkit-inner-spin-button,
input[type=number][data-v-c27cc3d0]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number][data-v-c27cc3d0] {
  -moz-appearance: textfield;
}

/* ==================== 抽屉样式 - 分布式自适应布局 ==================== */
.course-drawer[data-v-c27cc3d0] {
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
  /* ==================== 表单样式优化 ==================== */
  /* ==================== 输入框样式优化 ==================== */
  /* ==================== 选择器样式优化 ==================== */
  /* ==================== 单选框样式优化 ==================== */
  /* ==================== 复选框样式优化 ==================== */
  /* ==================== 按钮样式优化 ==================== */
  /* ==================== 日期选择器样式优化 ==================== */
  /* ==================== 标签样式优化 ==================== */
  /* ==================== 新增疗程抽屉中的表格样式 - 分布式自适应 ==================== */
  /* 项目明细表格 */
  /* 商品明细表格 */
  /* ==================== 主项目行样式 ==================== */
  /* ==================== 项目名称容器样式 - 防止换行 ==================== */
  /* ==================== 附加项目容器样式 ==================== */
  /* ==================== 附加项目行样式 ==================== */
  /* ==================== 数字和金额样式 ==================== */
  /* ==================== 响应式布局 ==================== */
}
.course-drawer[data-v-c27cc3d0]  .el-drawer {
  /* 抽屉内按钮主题色 */
  /* 抽屉内文字按钮 */
  /* 抽屉内输入框聚焦 */
  /* 抽屉内选择器 */
  /* 抽屉内标签 */
  /* 抽屉内多选框 */
  /* 抽屉内单选框 */
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-drawer__body {
  padding: 0;
  height: calc(100% - 50px);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--primary,
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--primary:focus,
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--primary:active {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--primary:hover,
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--primary:focus:hover,
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--primary:active:hover {
  background-color: var(--theme-color-dark) !important;
  border-color: var(--theme-color-dark) !important;
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--text {
  color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--text:hover, .course-drawer[data-v-c27cc3d0]  .el-drawer .el-button--text:focus {
  color: var(--theme-color-dark);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-input__inner:focus {
  border-color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-tag--success {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-drawer .el-radio__inner:hover {
  border-color: var(--theme-color);
}
.course-drawer[data-v-c27cc3d0]  .el-form .el-form-item {
  margin-bottom: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-form .el-form-item .el-form-item__label {
  font-size: 12px;
  color: #606266;
  line-height: 28px;
  padding-right: 8px;
}
.course-drawer[data-v-c27cc3d0]  .el-form .el-form-item .el-form-item__content {
  line-height: 28px;
}
.course-drawer[data-v-c27cc3d0]  .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.course-drawer[data-v-c27cc3d0]  .el-input-number .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-input-number .el-input-number__decrease,
.course-drawer[data-v-c27cc3d0]  .el-input-number .el-input-number__increase {
  width: 24px;
  height: 26px;
  line-height: 26px;
}
.course-drawer[data-v-c27cc3d0]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-radio {
  font-size: 12px;
  margin-right: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-radio .el-radio__label {
  font-size: 12px;
  padding-left: 4px;
}
.course-drawer[data-v-c27cc3d0]  .el-radio-group {
  font-size: 0;
}
.course-drawer[data-v-c27cc3d0]  .el-checkbox {
  font-size: 12px;
  margin-right: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.course-drawer[data-v-c27cc3d0]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-button.el-button--primary {
  background-color: #409eff;
  border-color: #409eff;
}
.course-drawer[data-v-c27cc3d0]  .el-button.el-button--text {
  padding: 0 4px;
  height: auto;
  line-height: 1;
}
.course-drawer[data-v-c27cc3d0]  .el-button.el-button--mini, .course-drawer[data-v-c27cc3d0]  .el-button.el-button--small {
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 11px;
}
.course-drawer[data-v-c27cc3d0]  .el-button i {
  font-size: 12px;
  margin-right: 2px;
}
.course-drawer[data-v-c27cc3d0]  .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.course-drawer[data-v-c27cc3d0]  .el-date-editor .el-range-separator {
  line-height: 20px;
  font-size: 12px;
  padding: 0 4px;
}
.course-drawer[data-v-c27cc3d0]  .el-date-editor .el-range-input {
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-tag {
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
  font-size: 11px;
}
.course-drawer[data-v-c27cc3d0]  .el-tag.el-tag--mini {
  height: 18px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 10px;
}
.course-drawer[data-v-c27cc3d0]  .el-table {
  font-size: 12px;
  width: 100%;
  /* 表头样式 */
  /* 单元格样式 */
  /* 表格行样式 */
  /* 表格内容不换行 */
}
.course-drawer[data-v-c27cc3d0]  .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
  font-size: 12px;
  white-space: nowrap;
}
.course-drawer[data-v-c27cc3d0]  .el-table th .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.course-drawer[data-v-c27cc3d0]  .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .el-table td .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.course-drawer[data-v-c27cc3d0]  .el-table .el-table__row {
  height: 36px;
}
.course-drawer[data-v-c27cc3d0]  .el-table .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course-drawer[data-v-c27cc3d0]  .el-table.el-table--items {
  max-height: 250px;
}
.course-drawer[data-v-c27cc3d0]  .el-table.el-table--items .el-table__body-wrapper {
  max-height: 200px;
  overflow-y: auto;
}
.course-drawer[data-v-c27cc3d0]  .el-table.el-table--products {
  max-height: 250px;
}
.course-drawer[data-v-c27cc3d0]  .el-table.el-table--products .el-table__body-wrapper {
  max-height: 200px;
  overflow-y: auto;
}
.course-drawer[data-v-c27cc3d0]  .main-item-row {
  background-color: #fafafa;
}
.course-drawer[data-v-c27cc3d0]  .main-item-row:hover {
  background-color: #f5f7fa;
}
.course-drawer .project-name-container[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.course-drawer .project-name-container .text-ellipsis[data-v-c27cc3d0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.course-drawer[data-v-c27cc3d0]  .additional-items-container {
  border-left: 3px solid #409eff;
  background: -webkit-gradient(linear, left top, right top, from(#ecf5ff), to(#f0f9ff));
  background: linear-gradient(to right, #ecf5ff 0%, #f0f9ff 100%);
  margin-top: 6px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .additional-items-container .text-xs {
  font-size: 11px;
}
.course-drawer[data-v-c27cc3d0]  .additional-item-row {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 12px;
}
.course-drawer[data-v-c27cc3d0]  .additional-item-row:hover {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.1);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.1);
}
.course-drawer .price-red[data-v-c27cc3d0] {
  color: #f56c6c;
  font-weight: 600;
  font-size: 14px;
}
.course-drawer .font-medium[data-v-c27cc3d0] {
  font-weight: 500;
}
.course-drawer .text-wrap[data-v-c27cc3d0] {
  word-break: break-all;
  white-space: normal;
  line-height: 1.4;
}
@media screen and (max-width: 1200px) {
.course-drawer[data-v-c27cc3d0]  .el-table th, .course-drawer[data-v-c27cc3d0]  .el-table td {
    padding: 6px 0;
    font-size: 11px;
}
.course-drawer[data-v-c27cc3d0]  .el-table .el-table__row {
    height: 32px;
}
.course-drawer[data-v-c27cc3d0]  .el-form-item__label {
    font-size: 11px;
}
}
@media screen and (max-width: 992px) {
.course-drawer[data-v-c27cc3d0]  .el-drawer {
    width: 100% !important;
}
.course-drawer[data-v-c27cc3d0]  .el-table th, .course-drawer[data-v-c27cc3d0]  .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
.course-drawer[data-v-c27cc3d0]  .el-button {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}
}
@media screen and (max-width: 768px) {
.course-drawer[data-v-c27cc3d0]  .el-form-item {
    margin-bottom: 8px;
}
.course-drawer[data-v-c27cc3d0]  .el-radio {
    margin-right: 8px;
}
.course-drawer[data-v-c27cc3d0]  .el-radio .el-radio__label {
    font-size: 11px;
}
.course-drawer[data-v-c27cc3d0]  .el-checkbox {
    margin-right: 8px;
}
.course-drawer[data-v-c27cc3d0]  .el-checkbox .el-checkbox__label {
    font-size: 11px;
}
}

/* ==================== 抽屉内容区域样式 ==================== */
.drawer-content[data-v-c27cc3d0] {
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  /* 防止底部操作按钮遮挡内容 */
  padding-bottom: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 表单布局优化 */
  /* 弹性布局容器 */
  /* 间距优化 */
  /* 文字样式 */
  /* 文字超出显示省略号 */
}
.drawer-content .el-form[data-v-c27cc3d0] {
  width: 100%;
}
.drawer-content .flex[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.drawer-content .flex-col[data-v-c27cc3d0] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.drawer-content .items-center[data-v-c27cc3d0] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-content .justify-between[data-v-c27cc3d0] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.drawer-content .w-full[data-v-c27cc3d0] {
  width: 100%;
}
.drawer-content .mb-1[data-v-c27cc3d0] {
  margin-bottom: 4px;
}
.drawer-content .mb-2[data-v-c27cc3d0] {
  margin-bottom: 8px;
}
.drawer-content .mt-2[data-v-c27cc3d0] {
  margin-top: 8px;
}
.drawer-content .ml-2[data-v-c27cc3d0] {
  margin-left: 8px;
}
.drawer-content .mr-2[data-v-c27cc3d0] {
  margin-right: 8px;
}
.drawer-content .mr-4[data-v-c27cc3d0] {
  margin-right: 16px;
}
.drawer-content .pl-4[data-v-c27cc3d0] {
  padding-left: 16px;
}
.drawer-content .text-xs[data-v-c27cc3d0] {
  font-size: 11px;
}
.drawer-content .text-sm[data-v-c27cc3d0] {
  font-size: 12px;
}
.drawer-content .text-gray-600[data-v-c27cc3d0] {
  color: #606266;
}
.drawer-content .text-gray-700[data-v-c27cc3d0] {
  color: #606266;
}
.drawer-content .text-blue-400[data-v-c27cc3d0] {
  color: #409eff;
}
.drawer-content .text-blue-500[data-v-c27cc3d0] {
  color: #409eff;
}
.drawer-content .text-blue-600[data-v-c27cc3d0] {
  color: #409eff;
}
.drawer-content .whitespace-nowrap[data-v-c27cc3d0] {
  white-space: nowrap;
}
.drawer-content .text-ellipsis[data-v-c27cc3d0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.drawer-footer[data-v-c27cc3d0] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  border-top: 1px solid #ebeef5;
  background: white;
  text-align: right;
}

/* ==================== 选择商品弹窗样式 - 分布式自适应 ==================== */
.select-product-dialog[data-v-c27cc3d0] {
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
  /* 弹窗内容区域 */
  /* 搜索区域 */
  /* 商品分类列表 */
  /* 分类卡片 */
  /* 分类头部 */
  /* 商品网格 */
  /* 商品项 */
  /* 响应式样式 */
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog {
  width: 800px;
  max-width: 90vw;
  margin: 5vh auto;
  max-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 弹窗内按钮主题色 */
  /* 弹窗内文字按钮 */
  /* 弹窗内输入框聚焦 */
  /* 弹窗内选择器 */
  /* 弹窗内多选框 */
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__body {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-button--primary:hover, .select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-button--text {
  color: var(--theme-color);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-button--text:hover, .select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-button--text:focus {
  color: var(--theme-color-dark);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-input__inner:focus {
  border-color: var(--theme-color);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.select-product-dialog[data-v-c27cc3d0]  .el-dialog .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.select-product-dialog .product-dialog-content[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-height: 60vh;
}
.select-product-dialog .search-area[data-v-c27cc3d0] {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-product-dialog .search-area .search-input[data-v-c27cc3d0] {
  width: 240px;
}
.select-product-dialog .search-area .search-input[data-v-c27cc3d0]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding-left: 28px;
}
.select-product-dialog .search-area .search-input[data-v-c27cc3d0]  .el-input__prefix {
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.select-product-dialog .search-area .search-input[data-v-c27cc3d0]  .el-input__prefix i {
  font-size: 12px;
  color: #909399;
}
.select-product-dialog .product-categories[data-v-c27cc3d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}
.select-product-dialog .category-card[data-v-c27cc3d0] {
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
}
.select-product-dialog .category-card[data-v-c27cc3d0]:last-child {
  margin-bottom: 0;
}
.select-product-dialog .category-header[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 12px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
}
.select-product-dialog .category-header .category-title[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.select-product-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox {
  font-size: 12px;
  margin-right: 8px;
  white-space: nowrap;
}
.select-product-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.select-product-dialog .category-header .category-title .selected-count[data-v-c27cc3d0] {
  font-size: 11px;
  color: #909399;
  white-space: nowrap;
}
.select-product-dialog .category-header .expand-icon[data-v-c27cc3d0] {
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  padding: 4px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-product-dialog .category-header .expand-icon[data-v-c27cc3d0]:hover {
  color: #606266;
}
.select-product-dialog .product-grid[data-v-c27cc3d0] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 12px;
  background-color: #fff;
}
.select-product-dialog .product-item[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.select-product-dialog .product-item .product-checkbox[data-v-c27cc3d0] {
  font-size: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-product-dialog .product-item .product-checkbox[data-v-c27cc3d0]  .el-checkbox__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-product-dialog .product-item .product-checkbox[data-v-c27cc3d0]  .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.select-product-dialog .product-item .product-checkbox .product-name[data-v-c27cc3d0] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
.select-product-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 800px;
}
.select-product-dialog .product-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 992px) {
.select-product-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 90vw;
    margin: 3vh auto;
}
.select-product-dialog .product-dialog-content[data-v-c27cc3d0] {
    max-height: 70vh;
}
.select-product-dialog .product-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    padding: 10px;
}
.select-product-dialog .search-area[data-v-c27cc3d0] {
    padding: 10px 12px;
}
.select-product-dialog .search-area .search-input[data-v-c27cc3d0] {
    width: 200px;
}
}
@media screen and (max-width: 768px) {
.select-product-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 95vw;
    margin: 2vh auto;
}
.select-product-dialog .product-dialog-content[data-v-c27cc3d0] {
    max-height: 75vh;
}
.select-product-dialog .product-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 8px;
}
.select-product-dialog .category-header[data-v-c27cc3d0] {
    padding: 8px 10px;
}
.select-product-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox {
    font-size: 11px;
}
.select-product-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox .el-checkbox__label {
    font-size: 11px;
}
.select-product-dialog .category-header .category-title .selected-count[data-v-c27cc3d0] {
    font-size: 10px;
}
.select-product-dialog .product-item .product-checkbox[data-v-c27cc3d0] {
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.select-product-dialog .product-item .product-checkbox[data-v-c27cc3d0]  .el-checkbox__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.select-product-dialog .product-item .product-checkbox[data-v-c27cc3d0]  .el-checkbox__label {
    font-size: 11px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
}
}
@media screen and (max-width: 480px) {
.select-product-dialog .product-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding: 6px;
}
.select-product-dialog .search-area[data-v-c27cc3d0] {
    padding: 8px;
}
.select-product-dialog .search-area .search-input[data-v-c27cc3d0] {
    width: 100%;
}
.select-product-dialog .product-categories[data-v-c27cc3d0] {
    padding: 8px;
}
}

/* ==================== 选择项目弹窗样式 - 分布式自适应 ==================== */
.select-item-dialog[data-v-c27cc3d0] {
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
  /* 弹窗内容区域 */
  /* 提示信息 */
  /* 搜索区域 */
  /* 项目分类列表 */
  /* 分类卡片 */
  /* 分类头部 */
  /* 项目网格 */
  /* 项目单元格 */
  /* 响应式样式 */
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog {
  width: 800px;
  max-width: 90vw;
  margin: 5vh auto;
  max-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 弹窗内按钮主题色 */
  /* 弹窗内文字按钮 */
  /* 弹窗内输入框聚焦 */
  /* 弹窗内选择器 */
  /* 弹窗内多选框 */
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__body {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-button--primary:hover, .select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-button--text {
  color: var(--theme-color);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-button--text:hover, .select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-button--text:focus {
  color: var(--theme-color-dark);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-input__inner:focus {
  border-color: var(--theme-color);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.select-item-dialog[data-v-c27cc3d0]  .el-dialog .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.select-item-dialog .item-dialog-content[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-height: 60vh;
}
.select-item-dialog .info-tip[data-v-c27cc3d0] {
  padding: 10px 12px;
  margin: 12px 16px;
  background-color: var(--theme-color-light);
  border: 1px solid var(--theme-color-light);
  border-radius: 4px;
  font-size: 12px;
  color: var(--theme-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-item-dialog .info-tip i[data-v-c27cc3d0] {
  margin-right: 6px;
}
.select-item-dialog .search-area[data-v-c27cc3d0] {
  padding: 0 16px 12px;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-item-dialog .search-area .search-input[data-v-c27cc3d0] {
  width: 240px;
}
.select-item-dialog .search-area .search-input[data-v-c27cc3d0]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding-left: 28px;
}
.select-item-dialog .search-area .search-input[data-v-c27cc3d0]  .el-input__prefix {
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.select-item-dialog .search-area .search-input[data-v-c27cc3d0]  .el-input__prefix i {
  font-size: 12px;
  color: #909399;
}
.select-item-dialog .item-categories[data-v-c27cc3d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}
.select-item-dialog .category-card[data-v-c27cc3d0] {
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
}
.select-item-dialog .category-card[data-v-c27cc3d0]:last-child {
  margin-bottom: 0;
}
.select-item-dialog .category-header[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 12px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
}
.select-item-dialog .category-header .category-title[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.select-item-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox {
  font-size: 12px;
  margin-right: 8px;
  white-space: nowrap;
}
.select-item-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.select-item-dialog .category-header .category-title .selected-count[data-v-c27cc3d0] {
  font-size: 11px;
  color: #909399;
  white-space: nowrap;
}
.select-item-dialog .category-header .expand-icon[data-v-c27cc3d0] {
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  padding: 4px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.select-item-dialog .category-header .expand-icon[data-v-c27cc3d0]:hover {
  color: #606266;
}
.select-item-dialog .item-grid[data-v-c27cc3d0] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 12px;
  background-color: #fff;
}
.select-item-dialog .item-cell[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.select-item-dialog .item-cell .item-checkbox[data-v-c27cc3d0] {
  font-size: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-item-dialog .item-cell .item-checkbox[data-v-c27cc3d0]  .el-checkbox__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-item-dialog .item-cell .item-checkbox[data-v-c27cc3d0]  .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.select-item-dialog .item-cell .item-checkbox .item-name[data-v-c27cc3d0] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
.select-item-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 800px;
}
.select-item-dialog .item-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 992px) {
.select-item-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 90vw;
    margin: 3vh auto;
}
.select-item-dialog .item-dialog-content[data-v-c27cc3d0] {
    max-height: 70vh;
}
.select-item-dialog .item-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    padding: 10px;
}
.select-item-dialog .search-area[data-v-c27cc3d0] {
    padding: 0 12px 10px;
}
.select-item-dialog .search-area .search-input[data-v-c27cc3d0] {
    width: 200px;
}
}
@media screen and (max-width: 768px) {
.select-item-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 95vw;
    margin: 2vh auto;
}
.select-item-dialog .item-dialog-content[data-v-c27cc3d0] {
    max-height: 75vh;
}
.select-item-dialog .item-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 8px;
}
.select-item-dialog .category-header[data-v-c27cc3d0] {
    padding: 8px 10px;
}
.select-item-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox {
    font-size: 11px;
}
.select-item-dialog .category-header .category-title[data-v-c27cc3d0]  .el-checkbox .el-checkbox__label {
    font-size: 11px;
}
.select-item-dialog .category-header .category-title .selected-count[data-v-c27cc3d0] {
    font-size: 10px;
}
.select-item-dialog .item-cell .item-checkbox[data-v-c27cc3d0] {
    font-size: 11px;
}
.select-item-dialog .item-cell .item-checkbox[data-v-c27cc3d0]  .el-checkbox__label {
    font-size: 11px;
}
}
@media screen and (max-width: 480px) {
.select-item-dialog .item-grid[data-v-c27cc3d0] {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding: 6px;
}
.select-item-dialog .search-area[data-v-c27cc3d0] {
    padding: 0 8px 8px;
}
.select-item-dialog .search-area .search-input[data-v-c27cc3d0] {
    width: 100%;
}
.select-item-dialog .item-categories[data-v-c27cc3d0] {
    padding: 8px;
}
.select-item-dialog .info-tip[data-v-c27cc3d0] {
    margin: 8px;
    padding: 8px;
    font-size: 11px;
}
}

/* ==================== 附加项目列表弹窗样式 - 分布式自适应 ==================== */
.additional-items-dialog[data-v-c27cc3d0] {
  /* 内容区域 */
  /* 主项目信息 */
  /* 附加项目列表 */
  /* 附加项目行 */
  /* 响应式样式 */
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog {
  width: 450px;
  max-width: 90vw;
  margin: 0 auto;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__body {
  padding: 16px;
  max-height: 50vh;
  overflow-y: auto;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}
.additional-items-dialog .additional-items-content[data-v-c27cc3d0] {
  width: 100%;
}
.additional-items-dialog .main-item-info[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding: 8px 12px;
  background-color: #f5f7fa;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
}
.additional-items-dialog .main-item-info .label[data-v-c27cc3d0] {
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.additional-items-dialog .main-item-info .value[data-v-c27cc3d0] {
  color: #303133;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 4px;
  min-width: 0;
}
.additional-items-dialog .additional-items-list[data-v-c27cc3d0] {
  width: 100%;
}
.additional-items-dialog .additional-item-row[data-v-c27cc3d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #ebeef5;
  font-size: 12px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.additional-items-dialog .additional-item-row[data-v-c27cc3d0]:hover {
  background-color: #f5f7fa;
}
.additional-items-dialog .additional-item-row[data-v-c27cc3d0]:last-child {
  border-bottom: none;
}
.additional-items-dialog .additional-item-row .item-index[data-v-c27cc3d0] {
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  text-align: right;
  margin-right: 8px;
}
.additional-items-dialog .additional-item-row .item-name[data-v-c27cc3d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  min-width: 0;
}
.additional-items-dialog .additional-item-row .delete-btn[data-v-c27cc3d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 4px;
  margin-left: 8px;
  color: #f56c6c;
  font-size: 14px;
}
.additional-items-dialog .additional-item-row .delete-btn[data-v-c27cc3d0]:hover {
  color: #f78989;
}
.additional-items-dialog .additional-item-row .delete-btn i[data-v-c27cc3d0] {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 90vw;
    margin: 10vh auto;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__body {
    padding: 12px;
    max-height: 60vh;
}
.additional-items-dialog .main-item-info[data-v-c27cc3d0] {
    font-size: 11px;
    padding: 6px 10px;
}
.additional-items-dialog .additional-item-row[data-v-c27cc3d0] {
    padding: 6px 10px;
    font-size: 11px;
}
.additional-items-dialog .additional-item-row .item-index[data-v-c27cc3d0] {
    width: 20px;
    margin-right: 6px;
}
.additional-items-dialog .additional-item-row .delete-btn[data-v-c27cc3d0] {
    font-size: 12px;
}
.additional-items-dialog .additional-item-row .delete-btn i[data-v-c27cc3d0] {
    font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog {
    width: 95vw;
    margin: 5vh auto;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__header {
    padding: 10px 12px;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__body {
    padding: 10px;
}
.additional-items-dialog[data-v-c27cc3d0]  .el-dialog .el-dialog__footer {
    padding: 10px 12px;
}
.additional-items-dialog .main-item-info[data-v-c27cc3d0] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    white-space: normal;
}
.additional-items-dialog .main-item-info .value[data-v-c27cc3d0] {
    margin-left: 0;
    margin-top: 4px;
    width: 100%;
}
}

/* 售卖时间选择器容器 - 保持固定宽度避免布局错位 */
.sale-time-picker-container[data-v-c27cc3d0] {
  min-width: clamp(280px, 40vw, 400px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 有效期输入容器 - 保持固定宽度避免布局错位 */
.validity-input-container[data-v-c27cc3d0] {
  min-width: clamp(150px, 20vw, 200px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 门店可点击样式 */
.shop-link[data-v-c27cc3d0] {
  cursor: pointer;
  color: var(--theme-color);
  text-decoration: underline;
  display: inline-block;
  font-size: clamp(11px, 1.6vw, 13px);
}
.shop-link[data-v-c27cc3d0]:hover {
  color: var(--theme-color-dark);
}

/* 状态标签禁用样式 */
.status-disabled[data-v-c27cc3d0] {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}

/* ==================== 分页响应式样式 ==================== */

/* 小屏幕 (<= 480px) */
@media screen and (max-width: 480px) {
.pagination-container[data-v-c27cc3d0] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2px 8px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}
.pagination-container[data-v-c27cc3d0]  .el-pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pagination-container[data-v-c27cc3d0]  .el-pagination .el-pagination__total,
.pagination-container[data-v-c27cc3d0]  .el-pagination .el-pagination__sizes,
.pagination-container[data-v-c27cc3d0]  .el-pagination .el-pagination__jump {
    display: none;
}
.pagination-container[data-v-c27cc3d0]  .el-pagination .el-pager li {
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
}
}

/* 小屏幕 (481px - 768px) */
@media screen and (min-width: 481px) and (max-width: 768px) {
.pagination-container[data-v-c27cc3d0] {
    padding: 2px 8px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}
.pagination-container[data-v-c27cc3d0]  .el-pagination .el-pagination__jump {
    display: none;
}
}

/* 中等屏幕 (769px - 1200px) */
@media screen and (min-width: 769px) and (max-width: 1200px) {
.pagination-container[data-v-c27cc3d0] {
    padding: 2px 8px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}
}

/* 高分辨率屏幕优化 */
@media screen and (min-width: 1920px) {
.pagination-container[data-v-c27cc3d0] {
    padding: 2px 12px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}
}

/* 与 projectList 一致：操作列图标按钮样式 */
.action-icon-btn[data-v-c27cc3d0] {
  padding: 0 6px !important;
  font-size: 16px;
  min-width: auto;
}
.action-icon-btn.edit-btn[data-v-c27cc3d0] {
  color: var(--theme-color);
}
.action-icon-btn.edit-btn[data-v-c27cc3d0]:hover {
  color: var(--theme-color-dark);
}
.action-icon-btn.delete-btn[data-v-c27cc3d0] {
  color: #f56c6c;
}
.action-icon-btn.delete-btn[data-v-c27cc3d0]:hover {
  color: #f78989;
}
/* 员工选择弹窗样式 */
.staff-dialog-content[data-v-59d88b76] {
  height: 100%;
}

/* 员工卡片样式 */
.border-blue-500[data-v-59d88b76] {
  border-color: #3b82f6;
}
.border-purple-500[data-v-59d88b76] {
  border-color: #8b5cf6;
}
.border-gray-200[data-v-59d88b76] {
  border-color: #e5e7eb;
}
.hover\:border-blue-300[data-v-59d88b76]:hover {
  border-color: #93c5fd;
}
.bg-blue-100[data-v-59d88b76] {
  background-color: #dbeafe;
}
.text-blue-600[data-v-59d88b76] {
  color: #2563eb;
}
.bg-gray-100[data-v-59d88b76] {
  background-color: #f3f4f6;
}
.text-gray-600[data-v-59d88b76] {
  color: #4b5563;
}
.text-blue-500[data-v-59d88b76] {
  color: #3b82f6;
}
.text-gray-400[data-v-59d88b76] {
  color: #9ca3af;
}
.text-gray-500[data-v-59d88b76] {
  color: #6b7280;
}

/* 根容器 - 分布式自适应布局 */
.data-screen-page[data-v-1a17d18c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
}

/* 筛选区域 */
.filter-container[data-v-1a17d18c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #ffffff;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
}
.filter-container .left-items[data-v-1a17d18c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-1a17d18c] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
.data-screen-page[data-v-1a17d18c] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.data-screen-page[data-v-1a17d18c] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.data-screen-page[data-v-1a17d18c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.data-screen-page[data-v-1a17d18c] .el-input__icon {
  line-height: 28px;
}
.data-screen-page[data-v-1a17d18c] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.data-screen-page[data-v-1a17d18c] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.data-screen-page[data-v-1a17d18c] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.data-screen-page[data-v-1a17d18c] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.data-screen-page[data-v-1a17d18c] .el-range-input {
  font-size: 12px;
}

/* 内容区域 */
.content-wrapper[data-v-1a17d18c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  gap: 12px;
}

/* 数据概览网格 */
.stats-grid[data-v-1a17d18c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.stat-card[data-v-1a17d18c] {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #ebeef5;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.stat-main[data-v-1a17d18c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.stat-info[data-v-1a17d18c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.stat-label[data-v-1a17d18c] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 6px;
}
.stat-value[data-v-1a17d18c] {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 4px;
}
.stat-growth-row[data-v-1a17d18c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.stat-growth[data-v-1a17d18c] {
  font-size: 11px;
  white-space: nowrap;
  font-weight: 500;
}
.stat-compare[data-v-1a17d18c] {
  font-size: 10px;
  color: #909399;
  white-space: nowrap;
}
.stat-desc[data-v-1a17d18c] {
  font-size: 10px;
  color: #909399;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-chart[data-v-1a17d18c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 72px;
  height: 72px;
}
.ring-chart[data-v-1a17d18c] {
  width: 100%;
  height: 100%;
}

/* 业绩排行区域 */
.ranking-section[data-v-1a17d18c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.ranking-header[data-v-1a17d18c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ranking-title[data-v-1a17d18c] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin: 0;
}

/* 表格区域 */
.table-wrapper[data-v-1a17d18c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 0 16px 16px;
}
.data-screen-page[data-v-1a17d18c] .el-table {
  font-size: 12px;
}
.data-screen-page[data-v-1a17d18c] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
.data-screen-page[data-v-1a17d18c] .el-table td {
  padding: 6px 0;
}
.data-screen-page[data-v-1a17d18c] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 增长颜色 */
.text-green[data-v-1a17d18c] {
  color: #67c23a;
}
.text-red[data-v-1a17d18c] {
  color: #f56c6c;
}
.text-gray[data-v-1a17d18c] {
  color: #909399;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.stats-grid[data-v-1a17d18c] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1200px) {
.data-screen-page[data-v-1a17d18c] {
    padding: 12px;
}
.stats-grid[data-v-1a17d18c] {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.stat-card[data-v-1a17d18c] {
    padding: 10px 12px;
}
.stat-value[data-v-1a17d18c] {
    font-size: 16px;
}
.stat-chart[data-v-1a17d18c] {
    width: 52px;
    height: 52px;
}
.filter-container .left-items[data-v-1a17d18c] {
    gap: 6px;
}
.filter-container .left-items .w-60[data-v-1a17d18c] {
    width: 200px !important;
}
.filter-container .left-items .w-44[data-v-1a17d18c] {
    width: 120px !important;
}
}
@media (max-width: 992px) {
.data-screen-page[data-v-1a17d18c] {
    padding: 8px;
}
.stats-grid[data-v-1a17d18c] {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.stat-card[data-v-1a17d18c] {
    padding: 8px 10px;
}
.stat-value[data-v-1a17d18c] {
    font-size: 14px;
}
.stat-label[data-v-1a17d18c] {
    font-size: 11px;
}
.stat-growth[data-v-1a17d18c] {
    font-size: 10px;
}
.stat-compare[data-v-1a17d18c] {
    font-size: 9px;
}
.stat-desc[data-v-1a17d18c] {
    font-size: 9px;
}
.stat-chart[data-v-1a17d18c] {
    width: 56px;
    height: 56px;
}
.filter-container[data-v-1a17d18c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-1a17d18c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
}
@media (max-width: 768px) {
.data-screen-page[data-v-1a17d18c] {
    padding: 6px;
    height: auto;
    min-height: 100%;
}
.filter-container[data-v-1a17d18c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-1a17d18c] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-1a17d18c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.stats-grid[data-v-1a17d18c] {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}
.stat-card[data-v-1a17d18c] {
    padding: 6px 8px;
}
.stat-value[data-v-1a17d18c] {
    font-size: 12px;
}
.stat-label[data-v-1a17d18c] {
    font-size: 10px;
    margin-bottom: 4px;
}
.stat-growth-row[data-v-1a17d18c] {
    margin-bottom: 4px;
}
.stat-growth[data-v-1a17d18c] {
    font-size: 9px;
}
.stat-compare[data-v-1a17d18c] {
    font-size: 8px;
}
.stat-desc[data-v-1a17d18c] {
    font-size: 8px;
}
.stat-chart[data-v-1a17d18c] {
    width: 48px;
    height: 48px;
}
.stat-main[data-v-1a17d18c] {
    gap: 6px;
}
.table-wrapper[data-v-1a17d18c] {
    overflow-x: auto;
}
.data-screen-page[data-v-1a17d18c] .el-table {
    min-width: 800px;
}
}

/* 宽度工具类 */
.w-60[data-v-1a17d18c] {
  width: 320px !important;
}
.w-44[data-v-1a17d18c] {
  width: 176px !important;
}
.mr-1[data-v-1a17d18c] {
  margin-right: 4px;
}

.goods-allot-page[data-v-19c44e64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.filter-container[data-v-19c44e64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-19c44e64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.filter-container .right-items[data-v-19c44e64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-19c44e64] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
.goods-allot-page[data-v-19c44e64] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .el-input__icon {
  line-height: 28px;
}
.goods-allot-page[data-v-19c44e64] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.goods-allot-page[data-v-19c44e64] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.goods-allot-page[data-v-19c44e64] .el-date-editor--daterange .el-range__icon {
  line-height: 20px;
}
.goods-allot-page[data-v-19c44e64] .el-date-editor--daterange .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .el-date-editor--daterange .el-range-input {
  font-size: 12px;
}

/* 表格区域样式 */
.table-wrapper[data-v-19c44e64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.goods-allot-page[data-v-19c44e64] .el-table {
  --el-table-border-color: #ebeef5;
  --el-table-header-background-color: #ffffff;
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #ffffff;
  padding: 8px 0;
}
.goods-allot-page[data-v-19c44e64] .el-table td {
  padding: 6px 0;
}
.goods-allot-page[data-v-19c44e64] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 标签样式 */
.goods-allot-page[data-v-19c44e64] .el-tag {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* 分页区域样式 */
.pagination-wrapper[data-v-19c44e64] {
  margin-top: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.goods-allot-page[data-v-19c44e64] .pagination-container {
  padding: 0;
  margin: 0;
  height: 32px;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pagination {
  font-size: 12px;
  padding: 0;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pagination__total,
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pagination__jump {
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pagination__sizes .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pager li {
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .btn-prev,
.goods-allot-page[data-v-19c44e64] .pagination-container .btn-next {
  height: 28px;
  line-height: 26px;
  min-width: 28px;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pagination__editor {
  height: 28px;
  line-height: 28px;
}
.goods-allot-page[data-v-19c44e64] .pagination-container .el-pagination__editor.el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 省略号样式 */
.ellipsis[data-v-19c44e64] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 链接样式 */
.text-blue-600[data-v-19c44e64] {
  color: var(--theme-color);
}
.hover\:underline[data-v-19c44e64]:hover {
  text-decoration: underline;
}
.cursor-pointer[data-v-19c44e64] {
  cursor: pointer;
}

/* 弹窗样式 */
.allot-dialog[data-v-19c44e64] .el-dialog__body {
  padding: 10px 20px;
}
.detail-dialog[data-v-19c44e64] .el-dialog__body {
  padding: 10px 20px;
}

/* 抽屉样式 */
.allot-drawer[data-v-19c44e64] .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.allot-drawer[data-v-19c44e64] .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.allot-drawer[data-v-19c44e64] .el-drawer__body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 60vh;
  overflow: hidden;
}

/* 明确左右布局：左侧商品列表、右侧调拨单 */
.drawer-body[data-v-19c44e64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  padding: 16px;
}

/* 左侧面板（商品列表） */
.left-panel[data-v-19c44e64] {
  width: 45%;
  min-width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-right: 1px solid #ebeef5;
}
.panel-header[data-v-19c44e64] {
  padding: 12px 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-input[data-v-19c44e64] {
  width: 100%;
}
.panel-body[data-v-19c44e64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.product-name-link[data-v-19c44e64] {
  color: var(--theme-color);
  cursor: pointer;
}
.product-name-link[data-v-19c44e64]:hover {
  text-decoration: underline;
}
.product-table[data-v-19c44e64] {
  font-size: 12px;
}

/* 右侧面板（调拨单） */
.right-panel[data-v-19c44e64] {
  width: 55%;
  min-width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}
.order-card[data-v-19c44e64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 12px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.card-title[data-v-19c44e64] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
  padding: 12px 16px;
  margin: 0;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.transfer-form[data-v-19c44e64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 16px;
  overflow-y: auto;
}
.form-select[data-v-19c44e64] {
  width: 100%;
}
.form-hint[data-v-19c44e64] {
  color: #909399;
  font-size: 12px;
  margin-left: 8px;
}
.products-form-item[data-v-19c44e64] {
  margin-bottom: 8px;
}
.selected-products-section[data-v-19c44e64] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
}
.section-header[data-v-19c44e64] {
  padding: 8px 12px;
  background-color: #ffffff;
  border-bottom: 1px solid #ebeef5;
}
.section-title[data-v-19c44e64] {
  font-size: 12px;
  font-weight: 500;
  color: #606266;
}
.section-body[data-v-19c44e64] {
  padding: 8px;
}
.selected-table[data-v-19c44e64] {
  font-size: 12px;
}
.number-input[data-v-19c44e64] {
  width: 100%;
}
.number-input[data-v-19c44e64] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 8px;
  padding-right: 8px;
}
.delete-btn[data-v-19c44e64] {
  color: #f56c6c;
  padding: 0;
}
.delete-btn[data-v-19c44e64]:hover {
  color: #f78989;
}
.remark-input[data-v-19c44e64] {
  width: 100%;
}
.drawer-footer[data-v-19c44e64] {
  padding: 12px 16px;
  background-color: #fff;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer-btn[data-v-19c44e64] {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* 抽屉内表格样式 */
.allot-drawer[data-v-19c44e64] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #ffffff;
  padding: 6px 0;
  font-size: 12px;
}
.allot-drawer[data-v-19c44e64] .el-table td {
  padding: 4px 0;
  font-size: 12px;
}
.allot-drawer[data-v-19c44e64] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.allot-drawer[data-v-19c44e64] .el-collapse-item__header {
  font-size: 12px;
  font-weight: 500;
  padding: 0 8px;
  height: 36px;
  line-height: 36px;
}
.allot-drawer[data-v-19c44e64] .el-collapse-item__content {
  padding: 8px;
}
.allot-drawer[data-v-19c44e64] .el-form-item {
  margin-bottom: 12px;
}
.allot-drawer[data-v-19c44e64] .el-form-item__label {
  font-size: 12px;
  color: #606266;
  line-height: 28px;
}
.allot-drawer[data-v-19c44e64] .el-form-item__content {
  line-height: 28px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.filter-container[data-v-19c44e64] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .right-items[data-v-19c44e64] {
    margin-left: auto;
}
}
@media (max-width: 1200px) {
.goods-allot-page[data-v-19c44e64] {
    padding: 12px;
}
.filter-container .left-items[data-v-19c44e64] {
    gap: 6px;
}
.filter-container .left-items .w-64[data-v-19c44e64] {
    width: 160px !important;
}
.filter-container .left-items .w-32[data-v-19c44e64] {
    width: 90px !important;
}
.filter-container .left-items .w-80[data-v-19c44e64] {
    width: 200px !important;
}
}
@media (max-width: 992px) {
.goods-allot-page[data-v-19c44e64] {
    padding: 8px;
}
.filter-container[data-v-19c44e64] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.filter-container .left-items[data-v-19c44e64] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 6px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
.filter-container .right-items[data-v-19c44e64] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.filter-container .left-items .w-64[data-v-19c44e64],
  .filter-container .left-items .w-32[data-v-19c44e64],
  .filter-container .left-items .w-80[data-v-19c44e64] {
    width: auto !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 100px;
}
}
@media (max-width: 768px) {
.goods-allot-page[data-v-19c44e64] {
    padding: 6px;
    height: auto;
    min-height: 100%;
}
.filter-container[data-v-19c44e64] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-19c44e64] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-19c44e64] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.filter-container .right-items[data-v-19c44e64] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
}
.table-wrapper[data-v-19c44e64] {
    overflow-x: auto;
}
.goods-allot-page[data-v-19c44e64] .el-table {
    min-width: 1000px;
}
}

/* 抽屉响应式样式 - 使用百分比与 size="80%" 一致 */
@media (min-width: 1400px) {
.allot-drawer[data-v-19c44e64] .el-drawer {
    width: 80% !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.allot-drawer[data-v-19c44e64] .el-drawer {
    width: 80% !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.allot-drawer[data-v-19c44e64] .el-drawer {
    width: 85% !important;
}
}

/* 平板仍保持左商品右调拨单 */
@media (min-width: 768px) and (max-width: 991px) {
.allot-drawer[data-v-19c44e64] .el-drawer {
    width: 100% !important;
}
.drawer-body[data-v-19c44e64] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px;
}
.left-panel[data-v-19c44e64] {
    width: 42%;
    min-width: 220px;
}
.right-panel[data-v-19c44e64] {
    width: 58%;
    min-width: 260px;
}
.left-panel[data-v-19c44e64] {
    border-right: 1px solid #ebeef5;
    border-bottom: none;
}
}

/* 仅手机窄屏改为上下布局：上商品列表，下调拨单 */
@media (max-width: 767px) {
.allot-drawer[data-v-19c44e64] .el-drawer {
    width: 100% !important;
}
.drawer-body[data-v-19c44e64] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px;
    gap: 8px;
}
.left-panel[data-v-19c44e64],
  .right-panel[data-v-19c44e64] {
    width: 100%;
    min-width: 0;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 200px;
}
.left-panel[data-v-19c44e64] {
    border-right: none;
    border-bottom: 1px solid #ebeef5;
}
.right-panel[data-v-19c44e64] {
    min-height: auto;
}
.order-card[data-v-19c44e64] {
    margin: 8px;
}
.transfer-form[data-v-19c44e64] {
    padding: 8px 12px;
}
.panel-header[data-v-19c44e64] {
    padding: 8px 12px;
}
.drawer-footer[data-v-19c44e64] {
    padding: 8px 12px;
}
}

/* ==================== 全局主题颜色覆盖 ==================== */
.goods-allot-page[data-v-19c44e64]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 */
.el-table__body tr.current-row > td {
    background-color: var(--theme-color-light);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
  /* Element UI 日期选择器 */
.el-date-editor .el-range-input:focus {
    border-color: var(--theme-color);
}
}

/* ==================== 抽屉样式 ==================== */
.goods-drawer[data-v-7809b1ca] .el-drawer__header {
  padding: 12px 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.goods-drawer[data-v-7809b1ca] .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.goods-drawer[data-v-7809b1ca] .el-drawer__body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ==================== 抽屉内容区域 ==================== */
.drawer-content[data-v-7809b1ca] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.goods-form[data-v-7809b1ca] {
  font-size: 12px;
}
.goods-form[data-v-7809b1ca] .el-form-item {
  margin-bottom: 12px;
}
.goods-form[data-v-7809b1ca] .el-form-item__label {
  font-size: 12px;
  padding-right: 8px;
  line-height: 28px;
}
.goods-form[data-v-7809b1ca] .el-form-item__content {
  line-height: 28px;
}
.goods-form[data-v-7809b1ca] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-form[data-v-7809b1ca] .el-select {
  width: 100%;
}

/* ==================== 容量输入组 ==================== */
.capacity-input-group[data-v-7809b1ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.capacity-value[data-v-7809b1ca] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 120px;
}
.capacity-value[data-v-7809b1ca] .el-input__inner {
  width: 100%;
}
.capacity-unit[data-v-7809b1ca] {
  width: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.capacity-unit[data-v-7809b1ca] .el-input__inner {
  padding: 0 2px;
}

/* ==================== 零售价输入组 ==================== */
.retail-input-group[data-v-7809b1ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.retail-input-group .el-input[data-v-7809b1ca] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 120px;
}
.retail-input-group .el-input__inner[data-v-7809b1ca] {
  width: 100%;
}
.retail-input-group .el-checkbox[data-v-7809b1ca] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0;
}

/* ==================== 图片上传区域 ==================== */
.image-upload-container[data-v-7809b1ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.image-preview[data-v-7809b1ca] {
  width: 100px;
  height: 100px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fafafa;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  overflow: hidden;
}
.image-preview[data-v-7809b1ca]:hover {
  border-color: #409EFF;
}
.preview-img[data-v-7809b1ca] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-placeholder[data-v-7809b1ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #8c939d;
  font-size: 12px;
}
.image-placeholder i[data-v-7809b1ca] {
  font-size: 20px;
  margin-bottom: 4px;
}
.image-actions[data-v-7809b1ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.image-actions .el-button[data-v-7809b1ca] {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
}

/* ==================== 门店选择区域 ==================== */
.shop-select-container[data-v-7809b1ca] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 8px 12px;
  background-color: #fafafa;
}
.shop-select-header[data-v-7809b1ca] {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebeef5;
}
.shop-checkbox-group[data-v-7809b1ca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.shop-checkbox[data-v-7809b1ca] {
  margin: 0;
  min-width: 100px;
}

/* ==================== 抽屉底部 ==================== */
.drawer-footer[data-v-7809b1ca] {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  background-color: #fff;
}
.drawer-footer .el-button[data-v-7809b1ca] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 768px) {
.goods-drawer[data-v-7809b1ca] .el-drawer {
    width: 100% !important;
}
.drawer-content[data-v-7809b1ca] {
    padding: 12px;
}
.goods-form[data-v-7809b1ca] .el-col {
    width: 100%;
    float: none;
}
.capacity-input-group[data-v-7809b1ca] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.capacity-unit[data-v-7809b1ca] {
    width: 100%;
}
.retail-input-group[data-v-7809b1ca] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
}

.select-header[data-v-0537a9a8] {
  margin-bottom: 16px;
}
.cards-container[data-v-0537a9a8] {
  max-height: 300px;
  overflow-y: auto;
}
.cards-container .el-checkbox-group[data-v-0537a9a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.cards-container .el-checkbox-group .el-checkbox[data-v-0537a9a8] {
  margin-right: 0;
  width: calc(33.33% - 12px);
  margin-bottom: 8px;
}
@charset "UTF-8";
.mb-4[data-v-6de661f5] {
  margin-bottom: 16px;
}
.category-header[data-v-6de661f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.discount-input[data-v-6de661f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discount-label[data-v-6de661f5] {
  color: #606266;
  font-size: 14px;
  margin-right: 8px;
}
.discount-value[data-v-6de661f5] {
  width: 120px;
}
.discount-switch[data-v-6de661f5] {
  margin-left: 16px;
}
.items-grid[data-v-6de661f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 0 16px;
}
.item-row[data-v-6de661f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item-name[data-v-6de661f5] {
  color: #606266;
  font-size: 14px;
}
.item-value[data-v-6de661f5] {
  width: 120px;
}
.item-switch[data-v-6de661f5] {
  margin-left: 16px;
}

/* Element UI 样式覆盖 */
[data-v-6de661f5] .el-collapse-item__header {
  font-size: 16px;
  font-weight: 500;
}
[data-v-6de661f5] .el-form-item__label {
  font-weight: 500;
}
[data-v-6de661f5] .el-switch__label {
  font-size: 12px;
}
[data-v-6de661f5] .el-input-number .el-input__inner {
  text-align: left;
}
[data-v-6de661f5] .el-input__wrapper {
  -webkit-box-shadow: 0 0 0 1px #e5e7eb inset;
          box-shadow: 0 0 0 1px #e5e7eb inset;
}
.select-header[data-v-543eb7c1] {
  margin-bottom: 16px;
}
.stores-container[data-v-543eb7c1] {
  max-height: 300px;
  overflow-y: auto;
}
.stores-container .el-checkbox-group[data-v-543eb7c1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.stores-container .el-checkbox-group .el-checkbox[data-v-543eb7c1] {
  margin-right: 0;
  width: calc(33.33% - 12px);
  margin-bottom: 8px;
}
.store-item[data-v-543eb7c1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.store-icon[data-v-543eb7c1] {
  margin-right: 8px;
  color: #409EFF;
}
/* CSS 变量定义主题颜色（默认蓝色） */
[data-v-61419a59]:deep(.el-drawer__wrapper) {
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 优化表格中输入框的样式 */
.el-table .el-input--mini .el-input__inner[data-v-61419a59] {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-table .el-input--mini .el-input__inner[data-v-61419a59]:focus {
  border-color: var(--theme-color);
  outline: none;
}
.el-table .el-input--mini .el-input__inner[data-v-61419a59]:hover {
  border-color: #c0c4cc;
}

/* 价格显示区域样式 */
.price-input-container[data-v-61419a59] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0;
}
.price-symbol[data-v-61419a59] {
  margin-right: 5px;
  color: #606266;
  font-weight: 500;
  font-size: 13px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-61419a59]:deep {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 */
.el-table__body tr.current-row > td {
    background-color: var(--theme-color-light);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

/* ==================== 抽屉样式 ==================== */
.goods-drawer[data-v-91b2e582] .el-drawer__header {
  padding: 12px 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.goods-drawer[data-v-91b2e582] .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.goods-drawer[data-v-91b2e582] .el-drawer__body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ==================== 抽屉内容区域 ==================== */
.drawer-content[data-v-91b2e582] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.goods-form[data-v-91b2e582] {
  font-size: 12px;
}
.goods-form[data-v-91b2e582] .el-form-item {
  margin-bottom: 12px;
}
.goods-form[data-v-91b2e582] .el-form-item__label {
  font-size: 12px;
  padding-right: 8px;
  line-height: 28px;
}
.goods-form[data-v-91b2e582] .el-form-item__content {
  line-height: 28px;
}
.goods-form[data-v-91b2e582] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-form[data-v-91b2e582] .el-select {
  width: 100%;
}

/* ==================== 容量输入组 ==================== */
.capacity-input-group[data-v-91b2e582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.capacity-value[data-v-91b2e582] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 120px;
}
.capacity-value[data-v-91b2e582] .el-input__inner {
  width: 100%;
}
.capacity-unit[data-v-91b2e582] {
  width: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.capacity-unit[data-v-91b2e582] .el-input__inner {
  padding: 0 2px;
}

/* ==================== 零售价输入组 ==================== */
.retail-input-group[data-v-91b2e582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.retail-input-group .el-input[data-v-91b2e582] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 120px;
}
.retail-input-group .el-input__inner[data-v-91b2e582] {
  width: 100%;
}
.retail-input-group .el-checkbox[data-v-91b2e582] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0;
}

/* ==================== 图片上传区域 ==================== */
.image-upload-container[data-v-91b2e582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.image-preview[data-v-91b2e582] {
  width: 100px;
  height: 100px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fafafa;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  overflow: hidden;
}
.image-preview[data-v-91b2e582]:hover {
  border-color: #409EFF;
}
.preview-img[data-v-91b2e582] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-placeholder[data-v-91b2e582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #8c939d;
  font-size: 12px;
}
.image-placeholder i[data-v-91b2e582] {
  font-size: 20px;
  margin-bottom: 4px;
}
.image-actions[data-v-91b2e582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.image-actions .el-button[data-v-91b2e582] {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
}

/* ==================== 门店选择区域 ==================== */
.shop-select-container[data-v-91b2e582] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 8px 12px;
  background-color: #fafafa;
}
.shop-select-header[data-v-91b2e582] {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebeef5;
}
.shop-checkbox-group[data-v-91b2e582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.shop-checkbox[data-v-91b2e582] {
  margin: 0;
  min-width: 100px;
}

/* ==================== 抽屉底部 ==================== */
.drawer-footer[data-v-91b2e582] {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  background-color: #fff;
}
.drawer-footer .el-button[data-v-91b2e582] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 768px) {
.goods-drawer[data-v-91b2e582] .el-drawer {
    width: 100% !important;
}
.drawer-content[data-v-91b2e582] {
    padding: 12px;
}
.goods-form[data-v-91b2e582] .el-col {
    width: 100%;
    float: none;
}
.capacity-input-group[data-v-91b2e582] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.capacity-unit[data-v-91b2e582] {
    width: 100%;
}
.retail-input-group[data-v-91b2e582] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
}

/* ==================== 弹窗整体样式 ==================== */
.stock-dialog[data-v-1ef202f8] .el-dialog__body {
  padding: 16px;
  max-height: calc(100vh - 200px);
  overflow: hidden;
}
.stock-dialog[data-v-1ef202f8] .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.stock-dialog[data-v-1ef202f8] .el-dialog__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.stock-dialog[data-v-1ef202f8] .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}

/* ==================== 弹窗内容区域 ==================== */
.stock-dialog-content[data-v-1ef202f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.stock-table-wrapper[data-v-1ef202f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  min-height: 300px;
  max-height: calc(100vh - 280px);
}

/* ==================== 表格样式 ==================== */
.stock-table[data-v-1ef202f8] {
  font-size: 12px;
  height: 100%;
}
.stock-table[data-v-1ef202f8] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.stock-table[data-v-1ef202f8] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.stock-table[data-v-1ef202f8] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==================== 操作类型标签 ==================== */
.operation-tag[data-v-1ef202f8] {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* ==================== 库存变动信息 ==================== */
.stock-change-info[data-v-1ef202f8],
.stock-balance-info[data-v-1ef202f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  white-space: nowrap;
}
.change-item[data-v-1ef202f8],
.balance-item[data-v-1ef202f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.change-item .label[data-v-1ef202f8],
.balance-item .label[data-v-1ef202f8] {
  color: #909399;
  font-size: 12px;
}
.change-item .value[data-v-1ef202f8],
.balance-item .value[data-v-1ef202f8] {
  color: #303133;
  font-size: 12px;
  font-weight: 500;
}

/* ==================== 底部按钮 ==================== */
.dialog-footer .el-button[data-v-1ef202f8] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 1200px) {
.stock-dialog[data-v-1ef202f8] {
    width: 95% !important;
}
.stock-change-info[data-v-1ef202f8],
  .stock-balance-info[data-v-1ef202f8] {
    gap: 12px;
}
}
@media (max-width: 992px) {
.stock-dialog[data-v-1ef202f8] .el-dialog__body {
    padding: 12px;
    max-height: 70vh;
}
.stock-table[data-v-1ef202f8] .el-table__header-wrapper th,
  .stock-table[data-v-1ef202f8] .el-table__body-wrapper td {
    padding: 6px 0;
    font-size: 11px;
}
.stock-table[data-v-1ef202f8] .el-table .cell {
    padding: 0 6px;
}
.stock-change-info[data-v-1ef202f8],
  .stock-balance-info[data-v-1ef202f8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
}
.change-item[data-v-1ef202f8],
  .balance-item[data-v-1ef202f8] {
    gap: 2px;
}
}
@media (max-width: 768px) {
.stock-dialog[data-v-1ef202f8] {
    width: 100% !important;
    margin: 0 !important;
}
.stock-dialog[data-v-1ef202f8] .el-dialog__body {
    padding: 8px;
    max-height: 80vh;
}
.stock-table[data-v-1ef202f8] .el-table .cell {
    padding: 0 4px;
}
}

/* ==================== 页面根元素 ==================== */
.goods-page[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 搜索筛选区域 ==================== */
.filter-container[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 28px;
  white-space: nowrap;
}
.filter-left[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}
.filter-right[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 筛选元素基础样式 */
.filter-item[data-v-04ababa8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 分类选择器 - 固定高度28px */
.category-select[data-v-04ababa8] {
  width: 140px;
}
.category-select[data-v-04ababa8] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 分类下拉箭头区域垂直居中 */
.category-select[data-v-04ababa8] .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.category-select[data-v-04ababa8] .el-input__suffix .el-icon-arrow-down {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 分类下拉箭头：收起时向下，展开时向上，与门店按钮一致 */
.category-select[data-v-04ababa8] .el-input.is-focus .el-input__suffix .el-icon-arrow-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* 搜索输入框 - 固定高度28px */
.search-input[data-v-04ababa8] {
  width: 180px;
}
.search-input[data-v-04ababa8] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 30px;
  font-size: 12px;
}
.search-input[data-v-04ababa8] .el-input__prefix {
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.search-input[data-v-04ababa8] .el-icon-search {
  font-size: 13px;
}

/* 全局按钮样式 - 固定高度28px（与goodAllot.vue保持一致） */
.goods-page[data-v-04ababa8] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.goods-page[data-v-04ababa8] .el-button [class*="el-icon-"] {
  font-size: 12px;
}

/* 操作按钮 - 固定高度28px */
.action-btn[data-v-04ababa8] {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn i[data-v-04ababa8] {
  font-size: 12px;
}

/* 批量操作下拉 */
.batch-dropdown[data-v-04ababa8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 选中条数提示 ==================== */
.selection-info[data-v-04ababa8] {
  padding: 4px 16px;
  font-size: 12px;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 28px;
}
.selection-content[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.selection-text[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.total-count[data-v-04ababa8] {
  color: var(--theme-color);
  font-weight: bold;
}
.selection-count[data-v-04ababa8] {
  color: #e6a23c;
  font-weight: bold;
}
.select-all-link[data-v-04ababa8] {
  color: var(--theme-color);
  cursor: pointer;
  text-decoration: underline;
}
.select-all-link[data-v-04ababa8]:hover {
  color: var(--theme-color-dark);
}
.selection-actions[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.selection-actions[data-v-04ababa8] .el-button--text {
  color: #606266;
  padding: 0;
  font-size: 12px;
}
.selection-actions[data-v-04ababa8] .el-button--text:hover {
  color: var(--theme-color);
}
.selection-actions[data-v-04ababa8] .el-button--text i {
  margin-right: 2px;
}

/* ==================== 表格区域 ==================== */
.table-wrapper[data-v-04ababa8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px 5px;
  min-height: 0;
}
.goods-table[data-v-04ababa8] {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

/* 确保表格铺满容器 */
.goods-table[data-v-04ababa8] .el-table {
  height: 100% !important;
}
.goods-table[data-v-04ababa8] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.goods-table[data-v-04ababa8] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.goods-table[data-v-04ababa8] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.goods-table[data-v-04ababa8] .el-table .cell {
  line-height: 1.4;
  padding: 0 5px;
}

/* 表格列内容不换行 */
.goods-table[data-v-04ababa8] .el-table .cell,
.goods-table[data-v-04ababa8] .el-table th > .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 操作按钮容器 - 确保按钮在一行 */
.action-buttons[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  white-space: nowrap;
}

/* 表格操作按钮 - 固定高度24px */
.table-action-btn[data-v-04ababa8] {
  height: 24px;
  padding: 0 6px;
  font-size: 11px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.table-action-btn i[data-v-04ababa8] {
  font-size: 10px;
}

/* 状态标签 */
.goods-table[data-v-04ababa8] .el-tag {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* 链接文字 */
.goods-table[data-v-04ababa8] .el-button--text {
  font-size: 12px;
  padding: 0;
}

/* ==================== 分页组件样式 ==================== */
.goods-page[data-v-04ababa8] .pagination-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.filter-left[data-v-04ababa8] {
    gap: 10px;
}
.filter-right[data-v-04ababa8] {
    gap: 10px;
}
.category-select[data-v-04ababa8] {
    width: 160px;
}
.search-input[data-v-04ababa8] {
    width: 200px;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.filter-left[data-v-04ababa8] {
    gap: 8px;
}
.filter-right[data-v-04ababa8] {
    gap: 8px;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.filter-left[data-v-04ababa8] {
    gap: 6px;
}
.filter-right[data-v-04ababa8] {
    gap: 6px;
}
.category-select[data-v-04ababa8] {
    width: 130px;
}
.search-input[data-v-04ababa8] {
    width: 160px;
}
.action-btn[data-v-04ababa8] {
    padding: 0 8px;
}
}

/* 平板屏幕（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
.filter-container[data-v-04ababa8] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-left[data-v-04ababa8] {
    width: 100%;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-right[data-v-04ababa8] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}

/* 手机屏幕（< 768px） */
@media (max-width: 767px) {
.filter-container[data-v-04ababa8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
    padding: 8px 12px;
}
.filter-left[data-v-04ababa8] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.filter-right[data-v-04ababa8] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.category-select[data-v-04ababa8],
  .search-input[data-v-04ababa8] {
    width: 100%;
    min-width: 120px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.action-btn[data-v-04ababa8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100px;
}
.table-wrapper[data-v-04ababa8] {
    padding: 8px 12px;
}
.goods-table[data-v-04ababa8] .el-table__header-wrapper th,
  .goods-table[data-v-04ababa8] .el-table__body-wrapper td {
    padding: 6px 0;
    font-size: 11px;
}
.goods-table[data-v-04ababa8] .el-table .cell {
    padding: 0 4px;
}
}

/* ==================== 分类管理弹窗样式 ==================== */
.category-dialog[data-v-04ababa8] .el-dialog__body {
  padding: 16px;
  max-height: 60vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.category-dialog-header[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.category-table-wrapper[data-v-04ababa8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  min-height: 300px;
}
.category-table[data-v-04ababa8] {
  font-size: 12px;
  height: 100%;
}
.category-table[data-v-04ababa8] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.category-table[data-v-04ababa8] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.category-table[data-v-04ababa8] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 排序按钮 */
.sort-buttons[data-v-04ababa8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.sort-btn[data-v-04ababa8] {
  padding: 0;
  min-width: auto;
  font-size: 14px;
}
.sort-btn.is-disabled[data-v-04ababa8] {
  color: #c0c4cc;
}

/* 无权限文字 */
.no-permission[data-v-04ababa8] {
  color: #909399;
  font-size: 12px;
}

/* 分类管理弹窗响应式 */
@media (max-width: 768px) {
.category-dialog[data-v-04ababa8] {
    width: 95% !important;
}
.category-dialog[data-v-04ababa8] .el-dialog__body {
    padding: 12px;
    max-height: 70vh;
}
.category-table[data-v-04ababa8] .el-table__header-wrapper th,
  .category-table[data-v-04ababa8] .el-table__body-wrapper td {
    padding: 6px 0;
    font-size: 11px;
}
.category-table[data-v-04ababa8] .el-table .cell {
    padding: 0 4px;
}
}

/* 商品名称按钮样式 */
.goods-name-btn[data-v-04ababa8] {
  color: var(--theme-color) !important;
}
.goods-name-btn[data-v-04ababa8]:hover {
  color: var(--theme-color-dark) !important;
}

/* ==================== 全局主题颜色覆盖 ==================== */
.goods-page[data-v-04ababa8]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 - 边框主题色，背景透明 */
.el-table__body tr.current-row > td {
    background-color: transparent !important;
    border-top: 2px solid var(--theme-color) !important;
    border-bottom: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:first-child {
    border-left: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:last-child {
    border-right: 2px solid var(--theme-color) !important;
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

/* 根容器 - 分布式自适应布局 */
.goods-import-page[data-v-790794ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px 5px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
}

/* 筛选区域 */
.filter-container[data-v-790794ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-790794ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-790794ed] {
  margin: 0;
}
.current-shop[data-v-790794ed] {
  font-size: 12px;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}

/* 固定按钮和输入框高度为 28px */
.goods-import-page[data-v-790794ed] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.goods-import-page[data-v-790794ed] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.goods-import-page[data-v-790794ed] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-import-page[data-v-790794ed] .el-input__icon {
  line-height: 28px;
}
.goods-import-page[data-v-790794ed] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.goods-import-page[data-v-790794ed] .el-radio-button__inner {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}

/* 表格区域 */
.table-wrapper[data-v-790794ed] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.goods-import-page[data-v-790794ed] .el-table {
  font-size: 12px;
}
.goods-import-page[data-v-790794ed] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
.goods-import-page[data-v-790794ed] .el-table td {
  padding: 6px 0;
}
.goods-import-page[data-v-790794ed] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  padding: 0 5px;
}

/* 分页区域 */
.pagination-wrapper[data-v-790794ed] {
  margin-top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.filter-container .left-items[data-v-790794ed] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.goods-import-page[data-v-790794ed] {
    padding: 8px;
}
.filter-container[data-v-790794ed] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.filter-container .left-items[data-v-790794ed] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}

@charset "UTF-8";

/* ==================== 页面根元素 ==================== */
.goods-member-page[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 10px 5px 0 5px !important;
  margin: 0 !important;
}

/* ==================== 搜索筛选区域 ==================== */
.filter-container[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 28px;
  white-space: nowrap;
}
.filter-left[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}
.filter-right[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-5ee0aa5a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 全局按钮样式 - 固定高度28px（与memberAmount.vue保持一致） */
[data-v-5ee0aa5a] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-5ee0aa5a] .el-button [class*=el-icon-] {
  font-size: 12px;
}

/* 操作按钮 - 固定高度28px */
.action-btn[data-v-5ee0aa5a] {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn i[data-v-5ee0aa5a] {
  font-size: 12px;
}

/* ==================== 表格区域 ==================== */
.table-wrapper[data-v-5ee0aa5a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px 5px;
  min-height: 0;
}
.member-table[data-v-5ee0aa5a] {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.member-table > > > .el-table__header-wrapper th[data-v-5ee0aa5a] {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.member-table > > > .el-table__body-wrapper td[data-v-5ee0aa5a] {
  padding: 8px 0;
  font-size: 12px;
}
.member-table > > > .el-table .cell[data-v-5ee0aa5a] {
  line-height: 1.4;
  padding: 0 5px;
}

/* 表格列内容不换行 */
.member-table > > > .el-table .cell[data-v-5ee0aa5a],
.member-table > > > .el-table th > .cell[data-v-5ee0aa5a] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 链接文字 */
.link-text[data-v-5ee0aa5a] {
  font-size: 12px;
}

/* ==================== 折扣内容样式 ==================== */
.discount-content[data-v-5ee0aa5a] {
  max-height: 120px;
  overflow: hidden;
}
.discount-grid[data-v-5ee0aa5a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.discount-item[data-v-5ee0aa5a] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

/* ==================== 应用信息样式 ==================== */
.applied-info[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.truncate-text[data-v-5ee0aa5a] {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
}
.more-btn[data-v-5ee0aa5a] {
  font-size: 12px;
  padding: 0;
}
.popover-content[data-v-5ee0aa5a] {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 12px;
  max-height: 300px;
  overflow-y: auto;
}

/* ==================== 操作按钮样式 ==================== */
.action-buttons[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.table-action-btn[data-v-5ee0aa5a] {
  font-size: 12px;
  padding: 0;
}
.delete-btn[data-v-5ee0aa5a] {
  color: #F56C6C;
}

/* ==================== 分页组件样式 ==================== */
.goods-member-page > > > .pagination-container[data-v-5ee0aa5a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 排序抽屉样式 ==================== */
.sort-drawer > > > .el-drawer__body[data-v-5ee0aa5a] {
  padding: 16px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.sort-drawer-content[data-v-5ee0aa5a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}
.sort-table-wrapper[data-v-5ee0aa5a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 300px;
}
.sort-table[data-v-5ee0aa5a] {
  font-size: 12px;
  height: 100%;
}
.sort-table > > > .el-table__header-wrapper th[data-v-5ee0aa5a] {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.sort-table > > > .el-table__body-wrapper td[data-v-5ee0aa5a] {
  padding: 8px 0;
  font-size: 12px;
}
.sort-table > > > .el-table .cell[data-v-5ee0aa5a] {
  line-height: 1.4;
  padding: 0 8px;
}
.sort-buttons[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.sort-btn[data-v-5ee0aa5a] {
  font-size: 12px;
  padding: 0;
}
.drawer-footer[data-v-5ee0aa5a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
  margin-top: 16px;
}
.drawer-footer .el-button[data-v-5ee0aa5a] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.filter-left[data-v-5ee0aa5a] {
    gap: 10px;
}
.filter-right[data-v-5ee0aa5a] {
    gap: 10px;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.filter-left[data-v-5ee0aa5a] {
    gap: 8px;
}
.filter-right[data-v-5ee0aa5a] {
    gap: 8px;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.filter-left[data-v-5ee0aa5a] {
    gap: 6px;
}
.filter-right[data-v-5ee0aa5a] {
    gap: 6px;
}
.action-btn[data-v-5ee0aa5a] {
    padding: 0 8px;
}
}

/* 平板屏幕（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
.filter-container[data-v-5ee0aa5a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-left[data-v-5ee0aa5a] {
    width: 100%;
    gap: 6px;
}
.filter-right[data-v-5ee0aa5a] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}

/* 手机屏幕（< 768px） */
@media (max-width: 767px) {
.filter-container[data-v-5ee0aa5a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
    padding: 8px 12px;
}
.filter-left[data-v-5ee0aa5a] {
    width: 100%;
    gap: 6px;
}
.filter-right[data-v-5ee0aa5a] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.action-btn[data-v-5ee0aa5a] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100px;
}
.table-wrapper[data-v-5ee0aa5a] {
    padding: 8px 12px;
}
.member-table > > > .el-table__header-wrapper th[data-v-5ee0aa5a],
.member-table > > > .el-table__body-wrapper td[data-v-5ee0aa5a] {
    padding: 6px 0;
    font-size: 11px;
}
.member-table > > > .el-table .cell[data-v-5ee0aa5a] {
    padding: 0 4px;
}
.discount-grid[data-v-5ee0aa5a] {
    grid-template-columns: 1fr;
}
.truncate-text[data-v-5ee0aa5a] {
    max-width: 150px;
}
}
.goods-check-page[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.filter-container[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.filter-container .right-items[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-20be448c] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
.goods-check-page[data-v-20be448c] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .el-input__icon {
  line-height: 28px;
}
.goods-check-page[data-v-20be448c] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.goods-check-page[data-v-20be448c] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}

/* 表格区域样式 */
.table-wrapper[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.goods-check-page[data-v-20be448c] .el-table {
  --el-table-border-color: #ebeef5;
  --el-table-header-background-color: #ffffff;
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #ffffff;
  padding: 8px 0;
}
.goods-check-page[data-v-20be448c] .el-table td {
  padding: 6px 0;
}
.goods-check-page[data-v-20be448c] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 标签样式 */
.goods-check-page[data-v-20be448c] .el-tag {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* 分页区域样式 */
.pagination-wrapper[data-v-20be448c] {
  margin-top: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.goods-check-page[data-v-20be448c] .pagination-container {
  padding: 0;
  margin: 0;
  height: 32px;
}
.goods-check-page[data-v-20be448c] .pagination-container .el-pagination {
  font-size: 12px;
  padding: 0;
}
.goods-check-page[data-v-20be448c] .pagination-container .el-pagination__total,
.goods-check-page[data-v-20be448c] .pagination-container .el-pagination__jump {
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .pagination-container .el-pagination__sizes .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .pagination-container .el-pager li {
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}
.goods-check-page[data-v-20be448c] .pagination-container .btn-prev,
.goods-check-page[data-v-20be448c] .pagination-container .btn-next {
  height: 28px;
  line-height: 26px;
  min-width: 28px;
}
.goods-check-page[data-v-20be448c] .pagination-container .el-pagination__editor {
  height: 28px;
  line-height: 28px;
}
.goods-check-page[data-v-20be448c] .pagination-container .el-pagination__editor.el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 省略号样式 */
.ellipsis[data-v-20be448c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 链接样式 */
.text-blue-600[data-v-20be448c] {
  color: var(--theme-color);
}
.hover\:underline[data-v-20be448c]:hover {
  text-decoration: underline;
}
.cursor-pointer[data-v-20be448c] {
  cursor: pointer;
}

/* ==================== 抽屉样式 ==================== */
.check-drawer[data-v-20be448c] .el-drawer__header {
  padding: 12px 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.check-drawer[data-v-20be448c] .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.check-drawer[data-v-20be448c] .el-drawer__body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 60vh;
  overflow: hidden;
}

/* ==================== 抽屉内容区域 ==================== */
.drawer-content[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 明确左右布局：左侧商品列表、右侧盘点单 */
.drawer-body[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  padding: 16px;
}

/* ==================== 左侧面板（商品列表） ==================== */
.left-panel[data-v-20be448c] {
  width: 45%;
  min-width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.panel-header[data-v-20be448c] {
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-input[data-v-20be448c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.panel-body[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

/* 分类和商品左右布局 */
.category-product-wrapper[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  gap: 0;
}

/* 左侧分类按钮栏 */
.category-sidebar[data-v-20be448c] {
  width: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  padding-right: 2px;
}
.category-btn[data-v-20be448c] {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.5px;
  padding: 6px 2px;
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  cursor: pointer;
  font-size: 11px;
  color: #606266;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.category-btn[data-v-20be448c]:hover {
  background-color: var(--theme-color-light);
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.category-btn.active[data-v-20be448c] {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}

/* 右侧商品表格 */
.product-table-wrapper[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.product-table[data-v-20be448c] {
  font-size: 12px;
  height: 100%;
}
.empty-tip[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: #909399;
  font-size: 13px;
}

/* ==================== 右侧面板（盘点单） ==================== */
.right-panel[data-v-20be448c] {
  width: 55%;
  min-width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* ==================== 盘点单卡片 - 高端立体设计 ==================== */
.order-card[data-v-20be448c] {
  position: relative;
  border-radius: 12px;
  padding: 16px;
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  /* 多层阴影创造立体感 */
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.03),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.03),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  /* 边框使用渐变 */
  border: 1px solid transparent;
  background-clip: padding-box;
}

/* 卡片顶部高光效果 */
.order-card[data-v-20be448c]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.8)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}

/* 卡片内边距装饰线 */
.order-card[data-v-20be448c]::after {
  content: '';
  position: absolute;
  top: 50px;
  left: 16px;
  right: 16px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e8e8e8), color-stop(80%, #e8e8e8), to(transparent));
  background: linear-gradient(90deg, transparent, #e8e8e8 20%, #e8e8e8 80%, transparent);
  pointer-events: none;
}
.card-title[data-v-20be448c] {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1a1a1a;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* 文字渐变效果 */
  background: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 字母间距增加高级感 */
  letter-spacing: 0.5px;
  /* 左侧装饰条 */
  padding-left: 12px;
  position: relative;
}

/* 标题左侧装饰条 */
.card-title[data-v-20be448c]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#67c23a), to(#85ce61));
  background: linear-gradient(180deg, #67c23a 0%, #85ce61 100%);
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 4px rgba(103, 194, 58, 0.3);
}

/* 标题右侧装饰 */
.card-title[data-v-20be448c]::after {
  content: 'INVENTORY';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  font-weight: 500;
  color: #c0c4cc;
  letter-spacing: 2px;
  background: none;
  -webkit-text-fill-color: #c0c4cc;
}

/* ==================== 盘点单表格区域 ==================== */
.order-table-wrapper[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.02),
    0 1px 2px rgba(0, 0, 0, 0.01);
          box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.02),
    0 1px 2px rgba(0, 0, 0, 0.01);
  border: 1px solid #f0f0f0;
  margin-left: 5px;
  margin-right: 5px;
}

/* 表格整体样式 */
.order-table[data-v-20be448c] {
  font-size: 12px;
  height: 100%;
}

/* 表格头部样式 */
.order-table[data-v-20be448c] .el-table__header-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), to(#f5f7fa));
  background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
}
.order-table[data-v-20be448c] .el-table__header-wrapper th {
  background: transparent;
  color: #606266;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #ebeef5;
  padding: 4px 0;
  height: 28px;
  line-height: 28px;
}
.order-table[data-v-20be448c] .el-table__header-wrapper .cell {
  line-height: 20px;
}

/* 表格行样式 */
.order-table[data-v-20be448c] .el-table__body-wrapper tr {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.order-table[data-v-20be448c] .el-table__body-wrapper tr:hover {
  background: -webkit-gradient(linear, left top, right top, from(#f5f7fa), to(#ffffff));
  background: linear-gradient(90deg, #f5f7fa 0%, #ffffff 100%);
  -webkit-box-shadow: inset 0 1px 0 #ebeef5, inset 0 -1px 0 #ebeef5;
          box-shadow: inset 0 1px 0 #ebeef5, inset 0 -1px 0 #ebeef5;
}

/* 表格单元格样式 */
.order-table[data-v-20be448c] .el-table__body-wrapper td {
  border-bottom: 1px solid #f0f0f0;
}

/* 表格底部统计区域 */
.order-table[data-v-20be448c] .el-table__footer-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f7fa), to(#fafbfc));
  background: linear-gradient(180deg, #f5f7fa 0%, #fafbfc 100%);
  border-top: 1px solid #ebeef5;
}

/* 合并的表格样式 */
.order-table[data-v-20be448c] .el-table__header-wrapper th {
  padding: 4px 0;
  font-size: 11px;
  font-weight: 600;
  color: #606266;
  background-color: #f5f7fa;
  height: 28px;
  line-height: 28px;
}
.order-table[data-v-20be448c] .el-table__header-wrapper .cell {
  line-height: 20px;
}
.order-table[data-v-20be448c] .el-table__body-wrapper td {
  padding: 6px 0;
  font-size: 12px;
}

/* 商品名称单元格 - 包含删除图标 */
.product-name-cell[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
.delete-icon-btn[data-v-20be448c] {
  padding: 0;
  font-size: 14px;
  color: #f56c6c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
  margin-left: 5px;
  height: 20px;
  width: 20px;
}
.delete-icon-btn[data-v-20be448c]:hover {
  color: #f78989;
}
.product-name-text[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quantity-input[data-v-20be448c] {
  width: 90px;
}
.quantity-input[data-v-20be448c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

/* ==================== 表单字段 ==================== */
.form-fields[data-v-20be448c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid #ebeef5;
  padding-top: 12px;
}
.form-item[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.form-item[data-v-20be448c]:last-child {
  margin-bottom: 0;
}
.form-label[data-v-20be448c] {
  width: 90px;
  font-size: 12px;
  color: #606266;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-label.required[data-v-20be448c]::before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
}
.form-value[data-v-20be448c] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.form-value.highlight[data-v-20be448c] {
  color: #f56c6c;
}
.type-select[data-v-20be448c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.type-select[data-v-20be448c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.remark-input[data-v-20be448c] .el-textarea__inner {
  font-size: 12px;
}

/* ==================== 抽屉底部 ==================== */
.drawer-footer[data-v-20be448c] {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.drawer-footer .el-button[data-v-20be448c] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* 审核弹窗样式 */
.audit-dialog[data-v-20be448c] .el-dialog__body {
  padding: 10px 20px;
}
.audit-content p[data-v-20be448c] {
  margin: 8px 0;
  font-size: 12px;
}
.audit-action[data-v-20be448c] {
  margin: 12px 0;
}
.audit-remark[data-v-20be448c] {
  margin-top: 12px;
}
.audit-remark label[data-v-20be448c] {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  color: #606266;
}

/* 详情弹窗样式 */
.detail-dialog[data-v-20be448c] .el-dialog__body {
  padding: 10px 20px;
}
.detail-content[data-v-20be448c] {
  font-size: 12px;
}
.detail-header[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
  padding: 12px;
  background-color: #f5f7fa;
  border-radius: 4px;
}
.detail-item[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.detail-item .label[data-v-20be448c] {
  font-size: 12px;
  color: #909399;
}
.detail-item .value[data-v-20be448c] {
  font-size: 12px;
  color: #303133;
}
.detail-section[data-v-20be448c] {
  margin-bottom: 16px;
}
.section-title[data-v-20be448c] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
}
.detail-table[data-v-20be448c] {
  font-size: 12px;
}
.detail-remark[data-v-20be448c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.detail-remark .label[data-v-20be448c] {
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
  padding-top: 8px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.filter-container[data-v-20be448c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .right-items[data-v-20be448c] {
    margin-left: auto;
}
}
@media (max-width: 1200px) {
.goods-check-page[data-v-20be448c] {
    padding: 12px;
}
.filter-container .left-items[data-v-20be448c] {
    gap: 6px;
}
.filter-container .left-items .w-64[data-v-20be448c] {
    width: 160px !important;
}
.filter-container .left-items .w-32[data-v-20be448c] {
    width: 90px !important;
}
}
@media (max-width: 992px) {
.goods-check-page[data-v-20be448c] {
    padding: 8px;
}
.filter-container[data-v-20be448c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.filter-container .left-items[data-v-20be448c] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 6px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
.filter-container .right-items[data-v-20be448c] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.filter-container .left-items .w-64[data-v-20be448c],
  .filter-container .left-items .w-32[data-v-20be448c] {
    width: auto !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 100px;
}
}
@media (max-width: 768px) {
.goods-check-page[data-v-20be448c] {
    padding: 6px;
    height: auto;
    min-height: 100%;
}
.filter-container[data-v-20be448c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-20be448c] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-20be448c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.filter-container .right-items[data-v-20be448c] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
}
.table-wrapper[data-v-20be448c] {
    overflow-x: auto;
}
.goods-check-page[data-v-20be448c] .el-table {
    min-width: 1000px;
}
}

/* 抽屉响应式样式 - 与 size="80%" 一致 */
@media (min-width: 1400px) {
.check-drawer[data-v-20be448c] .el-drawer {
    width: 80% !important;
}
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.check-drawer[data-v-20be448c] .el-drawer {
    width: 80% !important;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.check-drawer[data-v-20be448c] .el-drawer {
    width: 80% !important;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.check-drawer[data-v-20be448c] .el-drawer {
    width: 85% !important;
}
}

/* 平板屏幕（768px - 991px）仍保持左商品右盘点单 */
@media (min-width: 768px) and (max-width: 991px) {
.check-drawer[data-v-20be448c] .el-drawer {
    width: 100% !important;
}
.drawer-body[data-v-20be448c] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px;
}
.left-panel[data-v-20be448c] {
    width: 42%;
    min-width: 220px;
}
.right-panel[data-v-20be448c] {
    width: 58%;
    min-width: 260px;
}

  /* 小屏幕下分类按钮水平显示 */
.category-product-wrapper[data-v-20be448c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
}
.category-sidebar[data-v-20be448c] {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 4px;
    gap: 4px;
}
.category-btn[data-v-20be448c] {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-orientation: mixed;
    letter-spacing: 0;
    padding: 4px 8px;
    min-height: auto;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 11px;
    border-radius: 3px;
}
.product-table-wrapper[data-v-20be448c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

  /* 平板端盘点单表格适配 */
.order-table[data-v-20be448c] .el-table__header-wrapper th {
    padding: 4px 0;
    font-size: 10px;
    height: 26px;
    line-height: 26px;
}
.order-table[data-v-20be448c] .el-table__header-wrapper .cell {
    line-height: 18px;
}
.order-table[data-v-20be448c] .el-table__body-wrapper td {
    padding: 6px 4px;
    font-size: 11px;
}
}

/* 仅手机窄屏（< 768px）改为上下布局：上商品列表，下盘点单 */
@media (max-width: 767px) {
.check-drawer[data-v-20be448c] .el-drawer {
    width: 100% !important;
}
.check-drawer[data-v-20be448c] .el-drawer__header {
    padding: 10px 12px;
}
.drawer-body[data-v-20be448c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px;
    gap: 8px;
}
.left-panel[data-v-20be448c],
  .right-panel[data-v-20be448c] {
    width: 100%;
    min-width: 0;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 200px;
}
.left-panel[data-v-20be448c] {
    margin-bottom: 0;
}
.panel-header[data-v-20be448c] {
    margin-bottom: 8px;
}

  /* 小屏幕下分类按钮水平显示 */
.category-product-wrapper[data-v-20be448c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
}
.category-sidebar[data-v-20be448c] {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 4px;
    gap: 4px;
}
.category-btn[data-v-20be448c] {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-orientation: mixed;
    letter-spacing: 0;
    padding: 4px 8px;
    min-height: auto;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 11px;
    border-radius: 3px;
}
.product-table-wrapper[data-v-20be448c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.order-card[data-v-20be448c] {
    padding: 12px;
    border-radius: 8px;
    -webkit-box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.02),
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 4px 8px rgba(0, 0, 0, 0.03);
            box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.02),
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 4px 8px rgba(0, 0, 0, 0.03);
}
.order-card[data-v-20be448c]::after {
    top: 42px;
    left: 12px;
    right: 12px;
}
.card-title[data-v-20be448c] {
    font-size: 14px;
    margin-bottom: 16px;
    padding-left: 10px;
}
.card-title[data-v-20be448c]::before {
    width: 3px;
    height: 14px;
}
.card-title[data-v-20be448c]::after {
    font-size: 9px;
    letter-spacing: 1px;
}
.form-fields[data-v-20be448c] {
    padding-top: 8px;
}
.form-item[data-v-20be448c] {
    margin-bottom: 8px;
}
.form-label[data-v-20be448c] {
    width: 80px;
    font-size: 11px;
}
.form-value[data-v-20be448c] {
    font-size: 13px;
}
.drawer-footer[data-v-20be448c] {
    padding: 10px 12px;
}
.quantity-input[data-v-20be448c] {
    width: 100%;
}
.quantity-input[data-v-20be448c] .el-input__inner {
    height: 26px;
    line-height: 26px;
    padding-left: 4px;
    padding-right: 4px;
}

  /* 盘点单表格小屏幕适配 */
.order-table[data-v-20be448c] .el-table__header-wrapper th {
    padding: 2px 0;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
}
.order-table[data-v-20be448c] .el-table__header-wrapper .cell {
    line-height: 18px;
}
.order-table[data-v-20be448c] .el-table__body-wrapper td {
    padding: 4px 2px;
    font-size: 10px;
}
.order-table[data-v-20be448c] .el-table .cell {
    padding: 0 2px;
}
.delete-icon-btn[data-v-20be448c] {
    font-size: 12px;
    height: 16px;
    width: 16px;
    margin-left: 2px;
    margin-right: 2px;
}
.product-name-text[data-v-20be448c] {
    font-size: 11px;
}
}

/* 超小屏幕（< 480px） */
@media (max-width: 479px) {
.category-btn[data-v-20be448c] {
    padding: 4px 8px;
    font-size: 11px;
}

  /* 商品表格小屏幕适配 */
.product-table[data-v-20be448c] .el-table__header-wrapper th,
  .product-table[data-v-20be448c] .el-table__body-wrapper td {
    padding: 4px 2px;
    font-size: 10px;
}
.product-table[data-v-20be448c] .el-table .cell {
    padding: 0 2px;
}
}

/* 表格列宽自适应 */
.order-table[data-v-20be448c] .el-table__body-wrapper .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 输入框在表格中的自适应 */
.order-table[data-v-20be448c] .el-input {
  width: 100%;
}
.order-table[data-v-20be448c] .el-input__inner {
  width: 100%;
  min-width: 60px;
}

/* 大屏幕盘点单表格 */
@media (min-width: 1200px) {
.order-table[data-v-20be448c] .el-table__header-wrapper th,
  .order-table[data-v-20be448c] .el-table__body-wrapper td {
    padding: 8px 6px;
}
}

/* ==================== 全局主题颜色覆盖 ==================== */
.goods-check-page[data-v-20be448c]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 - 边框主题色，背景透明 */
.el-table__body tr.current-row > td {
    background-color: transparent !important;
    border-top: 2px solid var(--theme-color) !important;
    border-bottom: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:first-child {
    border-left: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:last-child {
    border-right: 2px solid var(--theme-color) !important;
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

.app-container[data-v-021cffdc] {
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.filter-container[data-v-021cffdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-021cffdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 级别名称列样式 */
.grade-type-name[data-v-021cffdc] {
  color: var(--theme-color);
  font-weight: 500;
  cursor: pointer;
}
.grade-type-name[data-v-021cffdc]:hover {
  text-decoration: underline;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-021cffdc] {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
        &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
        &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 */
.el-table__body tr.current-row > td {
    background-color: var(--theme-color-light);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
}

.recent-log-records[data-v-531069d8] {
  padding: 20px;
  background: #f5f5f5;
  min-height: 100vh;
}
.header[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding: 0 10px;
}
.header h2[data-v-531069d8] {
  margin: 0;
  color: #303133;
  font-size: 24px;
}
.content[data-v-531069d8] {
  background: white;
  border-radius: 8px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.no-data[data-v-531069d8] {
  text-align: center;
  padding: 60px 0;
}
.log-list[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.log-item[data-v-531069d8] {
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  padding: 16px;
  background: #fafafa;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.log-item[data-v-531069d8]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
}
.log-header[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.log-title[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #303133;
}
.log-title .index[data-v-531069d8] {
  color: #409eff;
  margin-right: 8px;
  font-weight: bold;
}
.log-time[data-v-531069d8] {
  color: #909399;
  font-size: 14px;
}
.log-info[data-v-531069d8] {
  margin-bottom: 12px;
}
.info-row[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.info-row .label[data-v-531069d8] {
  color: #606266;
  font-size: 14px;
  min-width: 50px;
}
.info-row .value[data-v-531069d8] {
  color: #303133;
  font-size: 14px;
  margin-right: 20px;
}
.log-content[data-v-531069d8] {
  margin-bottom: 12px;
}
.content-label[data-v-531069d8] {
  color: #606266;
  font-size: 14px;
  margin-bottom: 6px;
}
.content-text[data-v-531069d8] {
  background: white;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  padding: 12px;
  color: #303133;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.view-detail-btn[data-v-531069d8] {
  padding: 0;
  color: #409eff;
}
.log-status[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.follow-time[data-v-531069d8] {
  color: #909399;
  font-size: 12px;
}

/* 弹窗样式 */
.log-detail[data-v-531069d8] {
  max-height: 70vh;
  overflow-y: auto;
}
.detail-section[data-v-531069d8] {
  margin-bottom: 24px;
}
.detail-section h4[data-v-531069d8] {
  margin: 0 0 16px 0;
  color: #303133;
  font-size: 16px;
  border-bottom: 1px solid #e4e7ed;
  padding-bottom: 8px;
}
.detail-grid[data-v-531069d8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
}
.detail-item[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-label[data-v-531069d8] {
  color: #606266;
  font-size: 14px;
  min-width: 80px;
  margin-right: 12px;
}
.detail-value[data-v-531069d8] {
  color: #303133;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content-display[data-v-531069d8] {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  overflow: hidden;
}
.content-tabs[data-v-531069d8] {
  background: #f5f7fa;
  padding: 12px;
  border-bottom: 1px solid #e4e7ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.formatted-content[data-v-531069d8] {
  padding: 16px;
  max-height: 300px;
  overflow-y: auto;
}
.content-field[data-v-531069d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.field-label[data-v-531069d8] {
  color: #606266;
  font-size: 14px;
  min-width: 120px;
  margin-right: 12px;
  font-weight: 500;
}
.field-value[data-v-531069d8] {
  color: #303133;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.empty-value[data-v-531069d8] {
  color: #c0c4cc;
  font-style: italic;
}
.raw-content[data-v-531069d8] {
  padding: 16px;
  max-height: 300px;
  overflow: auto;
}
.raw-content pre[data-v-531069d8] {
  margin: 0;
  color: #303133;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
}
.no-content[data-v-531069d8] {
  padding: 40px;
  text-align: center;
  color: #909399;
}
.dialog-footer[data-v-531069d8] {
  text-align: right;
}
@media (max-width: 768px) {
.recent-log-records[data-v-531069d8] {
    padding: 10px;
}
.header[data-v-531069d8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}
.info-row[data-v-531069d8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
}
.detail-grid[data-v-531069d8] {
    grid-template-columns: 1fr;
}
.detail-item[data-v-531069d8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.detail-label[data-v-531069d8] {
    margin-bottom: 4px;
}
}

@charset "UTF-8";

/* ==================== 基础布局样式 ==================== */
.app-container[data-v-458512f8] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 确保所有直接子元素之间没有间距 */
.app-container > *[data-v-458512f8] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 筛选区域样式 ==================== */
.filter-container[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-458512f8] {
  margin: 0;
}
.filter-container .left-items > *[data-v-458512f8],
.filter-container .right-items > *[data-v-458512f8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-458512f8] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-458512f8] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px */
[data-v-458512f8] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-458512f8] .el-button [class*=el-icon-] {
  font-size: 12px;
}
[data-v-458512f8] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-458512f8] .el-input__icon {
  line-height: 28px;
}
[data-v-458512f8] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}

/* ==================== 表格包装器样式 ==================== */

/* ==================== 表格包装器样式 ==================== */
.table-wrapper[data-v-458512f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
  min-height: 0;
}

/* ==================== 表格样式 - 与projectList保持一致 ==================== */
[data-v-458512f8] .el-table {
  font-size: 12px !important;
  width: 100% !important;
  /* 表格内操作按钮样式 */
  /* 表格内开关样式 */
  /* 表格列宽自适应 */
}
[data-v-458512f8] .el-table th {
  font-weight: 600 !important;
  color: #606266 !important;
  background-color: #f8fafc !important;
  padding: 8px 4px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
[data-v-458512f8] .el-table td {
  padding: 6px 4px !important;
  font-size: 12px !important;
}
[data-v-458512f8] .el-table .cell {
  line-height: 1.4 !important;
  white-space: nowrap !important;
  padding: 0 4px !important;
}
[data-v-458512f8] .el-table .el-button {
  font-size: 12px !important;
  padding: 0 8px !important;
  height: 26px !important;
  line-height: 26px !important;
  margin: 0 2px !important;
}
[data-v-458512f8] .el-table .el-button i {
  font-size: 11px !important;
  margin-right: 3px !important;
}
[data-v-458512f8] .el-table .el-switch {
  -webkit-transform: scale(0.9) !important;
          transform: scale(0.9) !important;
}
[data-v-458512f8] .el-table .el-table__header-wrapper,[data-v-458512f8] .el-table .el-table__body-wrapper {
  width: 100% !important;
}

/* ==================== 弹窗样式 - 响应式布局 ==================== */
.template-dialog[data-v-458512f8]  .el-dialog {
  margin-top: 5vh !important;
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.template-dialog[data-v-458512f8]  .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding: 20px;
}
.template-dialog[data-v-458512f8]  .el-dialog__footer {
  padding: 15px 20px;
  border-top: 1px solid #e4e7ed;
}

/* 弹窗工具栏 */
.dialog-toolbar[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.dialog-title[data-v-458512f8] {
  font-size: 16px;
  font-weight: 600;
}
.fullscreen-btn[data-v-458512f8] {
  padding: 4px 8px;
  font-size: 16px;
}

/* 弹窗内容区 - 三栏布局 */
.dialog-content[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  height: 100%;
  min-height: 0;
}

/* 左侧组件列表 */
.component-sidebar[data-v-458512f8] {
  width: 220px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid #e4e7ed;
  padding-right: 15px;
}
.section-title[data-v-458512f8] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e7ed;
}
.component-list[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
.component-item[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #fff;
}
.component-item[data-v-458512f8]:hover {
  border-color: #409eff;
  background-color: #ecf5ff;
}
.component-icon[data-v-458512f8] {
  font-size: 20px;
  color: #606266;
  margin-right: 10px;
}
.component-name[data-v-458512f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  color: #606266;
}
.component-arrow[data-v-458512f8] {
  font-size: 12px;
  color: #c0c4cc;
}

/* 中间预览区 */
.preview-area[data-v-458512f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.template-name-section[data-v-458512f8] {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4e7ed;
}
.section-label[data-v-458512f8] {
  font-size: 13px;
  font-weight: 500;
  color: #606266;
  margin-bottom: 8px;
}
.components-preview[data-v-458512f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-right: 5px;
}
.preview-item[data-v-458512f8] {
  padding: 12px;
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #fff;
}
.preview-item[data-v-458512f8]:hover {
  border-color: #409eff;
}
.preview-item.active[data-v-458512f8] {
  border-color: #409eff;
  background-color: #ecf5ff;
}
.preview-item-header[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.preview-item-title[data-v-458512f8] {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
}
.preview-item-actions[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.preview-item-actions i[data-v-458512f8] {
  font-size: 14px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.preview-item-actions i[data-v-458512f8]:hover {
  color: #f56c6c;
}
.preview-item-actions i.action-drag[data-v-458512f8]:hover {
  color: #409eff;
}
.option-item[data-v-458512f8] {
  display: block;
  margin-bottom: 6px;
}

/* 右侧设置面板 */
.settings-panel[data-v-458512f8] {
  width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-left: 1px solid #e4e7ed;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.settings-section[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.setting-item[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.setting-label[data-v-458512f8] {
  font-size: 12px;
  color: #606266;
  font-weight: 500;
}
.setting-label.flex-between[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-input[data-v-458512f8] {
  width: 100%;
  margin-top: 5px;
}
.component-display-name[data-v-458512f8] {
  font-size: 13px;
  color: #303133;
  padding: 8px 0;
}
.options-list[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.option-row[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.option-row .el-checkbox[data-v-458512f8],
.option-row .el-radio[data-v-458512f8] {
  margin-right: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.option-input[data-v-458512f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.option-delete[data-v-458512f8] {
  font-size: 14px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.option-delete[data-v-458512f8]:hover {
  color: #f56c6c;
}
.image-options-grid[data-v-458512f8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.image-option-item[data-v-458512f8] {
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  padding: 8px;
}
.image-option-header[data-v-458512f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  font-size: 12px;
}
.image-option-header i[data-v-458512f8] {
  font-size: 12px;
  color: #909399;
  cursor: pointer;
}
.image-option-header i[data-v-458512f8]:hover {
  color: #f56c6c;
}
.upload-placeholder[data-v-458512f8] {
  border: 2px dashed #dcdfe6;
  border-radius: 6px;
  padding: 15px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.upload-placeholder[data-v-458512f8]:hover {
  border-color: #409eff;
}
.upload-placeholder i[data-v-458512f8] {
  font-size: 24px;
  color: #c0c4cc;
}
.upload-text[data-v-458512f8] {
  margin-top: 5px;
  font-size: 12px;
  color: #909399;
}
.add-image-btn[data-v-458512f8] {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.add-image-btn i[data-v-458512f8] {
  font-size: 20px;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕 (>= 1440px) */
@media screen and (min-width: 1440px) {
.component-sidebar[data-v-458512f8] {
    width: 240px;
}
.settings-panel[data-v-458512f8] {
    width: 320px;
}
}

/* 中等屏幕 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.dialog-content[data-v-458512f8] {
    gap: 15px;
}
.component-sidebar[data-v-458512f8] {
    width: 200px;
}
.settings-panel[data-v-458512f8] {
    width: 260px;
}
}

/* 小屏幕 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.template-dialog[data-v-458512f8]  .el-dialog__body {
    padding: 15px;
}
.dialog-content[data-v-458512f8] {
    gap: 12px;
}
.component-sidebar[data-v-458512f8] {
    width: 180px;
    padding-right: 10px;
}
.settings-panel[data-v-458512f8] {
    width: 240px;
    padding-left: 10px;
}
.component-item[data-v-458512f8] {
    padding: 8px 10px;
}
.component-icon[data-v-458512f8] {
    font-size: 18px;
    margin-right: 8px;
}
.component-name[data-v-458512f8] {
    font-size: 12px;
}
}

/* 平板 (768px - 991px) */
@media screen and (max-width: 991px) {
.template-dialog[data-v-458512f8]  .el-dialog {
    width: 95% !important;
    margin-top: 3vh !important;
}
.template-dialog[data-v-458512f8]  .el-dialog__body {
    padding: 12px;
}
.dialog-content[data-v-458512f8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
}
.component-sidebar[data-v-458512f8] {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e4e7ed;
    padding-right: 0;
    padding-bottom: 10px;
    max-height: 150px;
}
.component-list[data-v-458512f8] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.component-item[data-v-458512f8] {
    width: calc(50% - 4px);
    padding: 8px 10px;
}
.component-arrow[data-v-458512f8] {
    display: none;
}
.preview-area[data-v-458512f8] {
    min-height: 200px;
    max-height: 300px;
}
.settings-panel[data-v-458512f8] {
    width: 100%;
    border-left: none;
    border-top: 1px solid #e4e7ed;
    padding-left: 0;
    padding-top: 15px;
    max-height: 250px;
}
.image-options-grid[data-v-458512f8] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 手机 (< 768px) */
@media screen and (max-width: 767px) {
.template-dialog[data-v-458512f8]  .el-dialog {
    width: 100% !important;
    height: 100vh;
    margin-top: 0 !important;
    max-height: 100vh;
    border-radius: 0;
}
.template-dialog[data-v-458512f8]  .el-dialog__body {
    padding: 10px;
    height: calc(100vh - 120px);
}
.dialog-content[data-v-458512f8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
}
.section-title[data-v-458512f8] {
    font-size: 13px;
    margin-bottom: 8px;
    padding-bottom: 6px;
}
.component-sidebar[data-v-458512f8] {
    max-height: 120px;
}
.component-item[data-v-458512f8] {
    width: 100%;
    padding: 6px 10px;
}
.component-icon[data-v-458512f8] {
    font-size: 16px;
}
.preview-area[data-v-458512f8] {
    min-height: 150px;
}
.preview-item[data-v-458512f8] {
    padding: 10px;
    margin-bottom: 8px;
}
.settings-panel[data-v-458512f8] {
    max-height: 200px;
}
.image-options-grid[data-v-458512f8] {
    grid-template-columns: repeat(2, 1fr);
}
}
.hover\:text-red-500[data-v-458512f8]:hover {
  color: #ef4444;
}
.border-l[data-v-458512f8] {
  border-left-width: 1px;
}
.space-y-2 > * + *[data-v-458512f8] {
  margin-top: 0.5rem;
}
.text-gray-500[data-v-458512f8] {
  color: #6b7280;
}
.ml-2[data-v-458512f8] {
  margin-left: 0.5rem;
}
.mt-1[data-v-458512f8] {
  margin-top: 0.25rem;
}
.text-gray-900[data-v-458512f8] {
  color: #111827;
}
.flex-1[data-v-458512f8] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.grid-cols-3[data-v-458512f8] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.p-2[data-v-458512f8] {
  padding: 0.5rem;
}
.w-full[data-v-458512f8] {
  width: 100%;
}
.border-dashed[data-v-458512f8] {
  border-style: dashed;
}
.border-2[data-v-458512f8] {
  border-width: 2px;
}
.text-center[data-v-458512f8] {
  text-align: center;
}
.h-32[data-v-458512f8] {
  height: 8rem;
}
.p-6[data-v-458512f8] {
  padding: 1.5rem;
}
.min-h-\[800px\][data-v-458512f8] {
  min-height: 800px;
}
.mr-2[data-v-458512f8] {
  margin-right: 0.5rem;
}
.space-y-6 > * + *[data-v-458512f8] {
  margin-top: 1.5rem;
}
.p-8[data-v-458512f8] {
  padding: 2rem;
}
.cursor-not-allowed[data-v-458512f8] {
  cursor: not-allowed;
}
.w-64[data-v-458512f8] {
  width: 16rem;
}
.\!rounded-button[data-v-458512f8] {
  border-radius: 4px !important;
}
.dialog-footer[data-v-458512f8] {
  text-align: right;
}
.justify-end[data-v-458512f8] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gap-2[data-v-458512f8] {
  gap: 0.5rem;
}
.block[data-v-458512f8] {
  display: block;
}

/* 拖动排序样式 */
.drag-over[data-v-458512f8] {
  border-color: #409eff !important;
  background-color: #ecf5ff !important;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[draggable=true][data-v-458512f8] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
[draggable=true][data-v-458512f8]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.drag-handle[data-v-458512f8] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.drag-handle[data-v-458512f8]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* 全局按钮和输入框样式 - 固定高度28px（与dataScreen.vue保持一致） */
.app-container > > > .el-button[data-v-458512f8] {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.app-container > > > .el-button [class*=el-icon-][data-v-458512f8] {
  font-size: 12px;
}
.app-container > > > .el-input__inner[data-v-458512f8] {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.app-container > > > .el-input__icon[data-v-458512f8] {
  line-height: 28px;
}
.app-container > > > .el-select .el-input__inner[data-v-458512f8] {
  height: 28px;
  line-height: 28px;
}
.app-container > > > .el-date-editor .el-input__inner[data-v-458512f8] {
  height: 28px;
  line-height: 28px;
}
.app-container > > > .el-date-editor--daterange .el-range-separator[data-v-458512f8] {
  line-height: 20px;
  font-size: 12px;
}
.app-container > > > .el-date-editor--daterange .el-range-input[data-v-458512f8] {
  font-size: 12px;
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.app-container[data-v-458512f8] > > > {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 单选按钮组 */
  /* Element UI 多选框 */
  /* Element UI 标签 */
  /* Element UI 开关 */
}
.app-container > > > .el-button--primary[data-v-458512f8] {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container > > > .el-button--primary[data-v-458512f8]:hover, .app-container > > > .el-button--primary[data-v-458512f8]:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.app-container > > > .el-button--text[data-v-458512f8] {
  color: var(--theme-color);
}
.app-container > > > .el-button--text[data-v-458512f8]:hover, .app-container > > > .el-button--text[data-v-458512f8]:focus {
  color: var(--theme-color-dark);
}
.app-container > > > .el-input__inner[data-v-458512f8]:focus {
  border-color: var(--theme-color);
}
.app-container > > > .el-select .el-input.is-focus .el-input__inner[data-v-458512f8] {
  border-color: var(--theme-color);
}
.app-container > > > .el-select-dropdown__item.selected[data-v-458512f8] {
  color: var(--theme-color);
}
.app-container > > > .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-458512f8] {
  background-color: var(--theme-color);
}
.app-container > > > .el-pagination.is-background .el-pager li[data-v-458512f8]:not(.disabled):hover {
  color: var(--theme-color);
}
.app-container > > > .el-radio-button__orig-radio:checked + .el-radio-button__inner[data-v-458512f8] {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
          box-shadow: -1px 0 0 0 var(--theme-color);
}
.app-container > > > .el-checkbox__input.is-checked .el-checkbox__inner[data-v-458512f8] {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container > > > .el-checkbox__input.is-checked + .el-checkbox__label[data-v-458512f8] {
  color: var(--theme-color);
}
.app-container > > > .el-checkbox__inner[data-v-458512f8]:hover {
  border-color: var(--theme-color);
}
.app-container > > > .el-tag--primary[data-v-458512f8] {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
.app-container > > > .el-switch.is-checked .el-switch__core[data-v-458512f8] {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
@charset "UTF-8";

/* ==================== 基础布局 ==================== */
.app-container[data-v-e96b6f94] {
  width: 100%;
  height: 100%;
  padding: 10px 5px 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: auto;
}

/* ==================== 筛选区域 ==================== */
.filter-container[data-v-e96b6f94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.filter-left[data-v-e96b6f94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.filter-item[data-v-e96b6f94] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.store-select[data-v-e96b6f94]  .el-input__inner {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
}

/* ==================== 内容区域 ==================== */
.content-wrapper[data-v-e96b6f94] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  overflow: auto;
}

/* ==================== 分区样式 ==================== */
.section[data-v-e96b6f94] {
  margin-bottom: 24px;
  padding: 16px 20px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.section[data-v-e96b6f94]:last-child {
  margin-bottom: 0;
}
.section-header[data-v-e96b6f94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.section-title[data-v-e96b6f94] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-btn[data-v-e96b6f94] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 4px;
}
.action-btn i[data-v-e96b6f94] {
  font-size: 12px;
  margin-right: 4px;
}

/* ==================== 渠道网格 ==================== */
.channel-grid[data-v-e96b6f94] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
}
.channel-item[data-v-e96b6f94] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 13px;
  color: #606266;
  white-space: nowrap;
  overflow: hidden;
}
.channel-item[data-v-e96b6f94]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
}
.channel-item:hover .delete-icon[data-v-e96b6f94] {
  opacity: 1;
  visibility: visible;
}
.channel-name[data-v-e96b6f94] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 标签网格 ==================== */
.tag-grid[data-v-e96b6f94] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}
.tag-item[data-v-e96b6f94] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tag-item[data-v-e96b6f94]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
}
.tag-item:hover .delete-icon[data-v-e96b6f94] {
  opacity: 1;
  visibility: visible;
}
.tag-content[data-v-e96b6f94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow: hidden;
}
.tag-color[data-v-e96b6f94] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tag-name[data-v-e96b6f94] {
  font-size: 13px;
  color: #606266;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 删除图标 ==================== */
.delete-icon[data-v-e96b6f94] {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: #c0c4cc;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 4px;
}
.delete-icon[data-v-e96b6f94]:hover {
  color: #f56c6c;
}

/* ==================== 弹窗样式 ==================== */
.custom-dialog[data-v-e96b6f94]  .el-dialog {
  border-radius: 8px;
}
.custom-dialog[data-v-e96b6f94]  .el-dialog__header {
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
}
.custom-dialog[data-v-e96b6f94]  .el-dialog__header .el-dialog__title {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
.custom-dialog[data-v-e96b6f94]  .el-dialog__body {
  padding: 20px;
}
.custom-dialog[data-v-e96b6f94]  .el-dialog__footer {
  padding: 12px 20px;
  border-top: 1px solid #e4e7ed;
}
.dialog-content[data-v-e96b6f94] {
  width: 100%;
}
.dialog-input[data-v-e96b6f94] {
  width: 100%;
}
.dialog-input[data-v-e96b6f94]  .el-input__inner {
  height: 36px;
  font-size: 13px;
}
.color-picker[data-v-e96b6f94] {
  width: 100%;
}
.color-picker[data-v-e96b6f94]  .el-color-picker__trigger {
  width: 100%;
  height: 36px;
}
.dialog-footer[data-v-e96b6f94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.cancel-btn[data-v-e96b6f94],
.confirm-btn[data-v-e96b6f94] {
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 4px;
}

/* ==================== 响应式布局 ==================== */

/* 大屏幕 (>= 1440px) */
@media screen and (min-width: 1440px) {
.channel-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(10, 1fr);
}
.tag-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* 中等屏幕 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.channel-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(8, 1fr);
}
.tag-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(5, 1fr);
}
}

/* 小屏幕 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.channel-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(6, 1fr);
}
.tag-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* 平板 (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.app-container[data-v-e96b6f94] {
    padding: 12px 16px;
}
.content-card[data-v-e96b6f94] {
    padding: 16px 20px;
}
.channel-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(5, 1fr);
}
.tag-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 手机 (< 768px) */
@media screen and (max-width: 767px) {
.app-container[data-v-e96b6f94] {
    padding: 10px 12px;
}
.filter-container[data-v-e96b6f94] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.content-card[data-v-e96b6f94] {
    padding: 12px 16px;
}
.section-title[data-v-e96b6f94] {
    font-size: 15px;
}
.channel-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.tag-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.channel-item[data-v-e96b6f94],
.tag-item[data-v-e96b6f94] {
    padding: 10px 12px;
    font-size: 12px;
}
.delete-icon[data-v-e96b6f94] {
    opacity: 1;
    visibility: visible;
    font-size: 11px;
    right: 4px;
}
}

/* 小手机 (< 480px) */
@media screen and (max-width: 479px) {
.channel-grid[data-v-e96b6f94] {
    grid-template-columns: repeat(2, 1fr);
}
.tag-grid[data-v-e96b6f94] {
    grid-template-columns: 1fr;
}
.section-header[data-v-e96b6f94] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
}

/* 全局按钮和输入框样式 - 固定高度28px（与dataScreen.vue保持一致） */
.app-container[data-v-e96b6f94]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.app-container[data-v-e96b6f94]  .el-button [class*=el-icon-] {
  font-size: 12px;
}
.app-container[data-v-e96b6f94]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.app-container[data-v-e96b6f94]  .el-input__icon {
  line-height: 28px;
}
.app-container[data-v-e96b6f94]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-e96b6f94]  .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-e96b6f94]  .el-date-editor--daterange .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.app-container[data-v-e96b6f94]  .el-date-editor--daterange .el-range-input {
  font-size: 12px;
}
.member-order-list[data-v-32075299] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filter-container[data-v-32075299] {
  padding: 12px 0;
  background: transparent;
  border-radius: 0;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.compact-radio-group[data-v-32075299] {
  margin-right: 12px;
}
.order-table-container[data-v-32075299] {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  min-height: 0;
}
[data-v-32075299] .order-table-container .el-table {
  width: 100% !important;
  max-width: 100% !important;
}
[data-v-32075299] .order-table-container .el-table__body-wrapper,[data-v-32075299] .order-table-container .el-table__header-wrapper {
  overflow-x: auto;
}
.service-item[data-v-32075299] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.service-count[data-v-32075299] {
  margin-left: 4px;
  color: #666;
}

/* 适配 sellList 样式 */
.customer-info-inline[data-v-32075299] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.customer-main-info[data-v-32075299] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.customer-name[data-v-32075299] { font-weight: 500; margin-right: 4px;
}
.customer-tags[data-v-32075299] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px;
}
.customer-phone-line[data-v-32075299], .customer-card-line[data-v-32075299] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}
.customer-phone[data-v-32075299] {
  color: #666;
}
.customer-card[data-v-32075299] {
  color: #999;
}
.customer-card-no[data-v-32075299] {
  color: #999;
  margin-left: 4px;
}
.gender-tag[data-v-32075299], .cross-store-tag[data-v-32075299] {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}
.consume-content[data-v-32075299] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.consume-item[data-v-32075299] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item-name[data-v-32075299] { color: #333;
}
.qty[data-v-32075299] { color: #666;
}
.more-items[data-v-32075299] {
  display: inline-block;
  padding: 2px 6px;
  background: #f5f5f5;
  color: #666;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
}
.payment-statuses-inline[data-v-32075299] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 6px; margin-left: 8px;
}
.payment-status-inline[data-v-32075299] { font-size: 12px; color: #666;
}
.status-more[data-v-32075299] { color: #999;
}
.staff-info[data-v-32075299] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px;
}
.staff-item[data-v-32075299] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; margin-right: 8px;
}
.more-staff[data-v-32075299] { color: #999;
}
.amount-container[data-v-32075299] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.payment-item-horizontal[data-v-32075299] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px;
}
.payment-info[data-v-32075299] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.pagination-container[data-v-32075299] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 12px;
}
.pagination-component[data-v-32075299] { padding: 4px 0;
}

/* ==================== 收银机屏幕适配优化 ==================== */

/* 参考收银机屏幕适配优化方案：宽度0-1600px，高度0-1200px */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
  /* 消费内容列安全宽度 */
.consume-content[data-v-32075299] {
    min-width: 200px !important;
    max-width: 100%;
}

  /* 顾客列优化 */
.customer-info-inline[data-v-32075299] {
    font-size: 12px;
}
.customer-name[data-v-32075299] {
    font-size: 12px;
}
.customer-phone-line[data-v-32075299], .customer-card-line[data-v-32075299] {
    font-size: 11px;
}

  /* 消费内容字体缩小 */
.consume-item[data-v-32075299] {
    font-size: 12px;
}
.item-name[data-v-32075299] {
    font-size: 12px;
}
.qty[data-v-32075299] {
    font-size: 11px;
}

  /* 表格整体缩小 */
[data-v-32075299] .el-table {
    font-size: 12px;
}
[data-v-32075299] .el-table th {
    font-size: 12px;
    padding: 8px 0;
}
[data-v-32075299] .el-table td {
    font-size: 12px;
    padding: 8px 0;
}
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-32075299] .el-table {
  font-size: 12px;
  border: 1px solid #ebeef5;
}
[data-v-32075299] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
  font-size: 12px;
}
[data-v-32075299] .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
[data-v-32075299] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 表格内操作按钮样式 */
[data-v-32075299] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}

/* 表格内状态标签样式 */
[data-v-32075299] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
}
[data-v-32075299] .el-table__header-wrapper {
  background-color: #f8fafc;
}
[data-v-32075299] .el-table__row {
  cursor: pointer;
}
[data-v-32075299] .el-table__row:hover {
  background-color: #f5f7fa;
}

/* ==================== 筛选区样式 - 同步 tianmeiHistoryList ==================== */
.filter-container[data-v-32075299] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.filter-container .el-form[data-v-32075299] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .el-form-item[data-v-32075299] {
  margin-bottom: 0;
}

/* 按钮紧凑样式 */
.compact-radio-group[data-v-32075299] {
  margin-right: 0;
}
[data-v-32075299] .compact-radio-group .el-radio-button__inner {
  padding: 0 12px;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}

.member-service-log[data-v-5fe565dc] {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.filter-container[data-v-5fe565dc] {
  padding: 16px;
  background: #f5f7fa;
  border-radius: 4px;
  margin-bottom: 16px;
}
.compact-radio-group[data-v-5fe565dc] {
  margin-right: 12px;
}
.service-table-container[data-v-5fe565dc] {
  padding: 0;
}
[data-v-5fe565dc] .el-table {
  border: 1px solid #ebeef5;
}
[data-v-5fe565dc] .el-table__header-wrapper {
  background-color: #fafafa;
}
[data-v-5fe565dc] .el-table__row {
  cursor: pointer;
}
[data-v-5fe565dc] .el-table__row:hover {
  background-color: #f5f7fa;
}

.member-card-balance-log[data-v-45254e8a] {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.filter-container[data-v-45254e8a] {
  padding: 16px;
  background: #f5f7fa;
  border-radius: 4px;
  margin-bottom: 16px;
}
.compact-radio-group[data-v-45254e8a] {
  margin-right: 12px;
}
.card-balance-table-container[data-v-45254e8a] {
  padding: 0;
}
.member-card-balance-log[data-v-45254e8a]  .el-table {
  border: 1px solid #ebeef5;
}
.member-card-balance-log[data-v-45254e8a]  .el-table__header-wrapper {
  background-color: #fafafa;
}
.member-card-balance-log[data-v-45254e8a]  .el-table__row {
  cursor: pointer;
}
.member-card-balance-log[data-v-45254e8a]  .el-table__row:hover {
  background-color: #f5f7fa;
}

@charset "UTF-8";
.real_info_class .el-checkbox__input .el-checkbox__inner {
  border-radius: 0;
}
.file-image {
  width: 320px;
  height: 320px;
  font-size: 14px;
  border: 1px solid #cccccc;
  margin: 15px 0;
}

/* 截图 */

/* .cropper-content {} */
.cropper {
  width: 960px;
  height: 500px;
}
.el-button[data-v-74ac2596] {
  height: 36px;
}
.member-log-tab[data-v-74ac2596] {
  height: 100%;
}

/* 图片上传相关样式 */
.upload-container[data-v-74ac2596] {
  width: 100%;
}
.upload-container .el-upload--picture-card[data-v-74ac2596] {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.upload-container .el-upload-list--picture-card .el-upload-list__item[data-v-74ac2596] {
  width: 100px;
  height: 100px;
}

.member-log-container[data-v-7fc9b31c] {
  height: 100%;
}
.log-list-container[data-v-7fc9b31c] {
  max-height: 600px;
  overflow-y: auto;
}
.upload-container[data-v-7fc9b31c] {
  width: 100%;
}
.upload-container .el-upload--picture-card[data-v-7fc9b31c] {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.upload-container .el-upload-list--picture-card .el-upload-list__item[data-v-7fc9b31c] {
  width: 100px;
  height: 100px;
}

.member-tianmei-history[data-v-505e1eb0] {
  width: 100%;
}
.json-display[data-v-505e1eb0] {
  max-height: 200px;
  overflow-y: auto;
  padding: 8px;
  background-color: #f5f7fa;
  border-radius: 4px;
}
.json-content[data-v-505e1eb0] {
  margin: 0;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* 滚动条样式 */
.json-display[data-v-505e1eb0]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.json-display[data-v-505e1eb0]::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 3px;
}
.json-display[data-v-505e1eb0]::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}

@charset "UTF-8";
.phone-input-wrapper {
  position: relative;
  width: 100%;
}
.existing-members-popover {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 99999 !important;
  background: #fff;
  border: 2px solid red !important;
  /* 调试用红色边框 */
}
.existing-members-popover .popover-arrow {
  position: absolute;
  top: -6px;
  left: 30px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid #e4e7ed;
  border-top: 1px solid #e4e7ed;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
}
.existing-members-popover .popover-content {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  padding: 16px;
  max-height: 400px;
  overflow-y: auto;
}
.existing-members-popover .popover-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.existing-members-popover .popover-header .warning-icon {
  font-size: 18px;
  color: #e6a23c;
  margin-right: 8px;
}
.existing-members-popover .popover-header .popover-title {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.existing-members-popover .popover-subtitle {
  font-size: 12px;
  color: #909399;
  margin-bottom: 12px;
  padding-left: 26px;
}
.existing-members-popover .member-cards-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}
.existing-members-popover .member-card {
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fafafa;
}
.existing-members-popover .member-card:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 12px rgba(64, 158, 255, 0.2);
          box-shadow: 0 2px 12px rgba(64, 158, 255, 0.2);
  background: #fff;
}
.existing-members-popover .member-card .member-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.existing-members-popover .member-card .member-card-header .member-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.existing-members-popover .member-card .member-card-header .member-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.existing-members-popover .member-card .member-card-header .member-avatar .avatar-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #409eff, #66b1ff);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
.existing-members-popover .member-card .member-card-header .member-basic-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.existing-members-popover .member-card .member-card-header .member-basic-info .member-name {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 4px;
}
.existing-members-popover .member-card .member-card-header .member-basic-info .member-shop {
  font-size: 12px;
  color: #909399;
}
.existing-members-popover .member-card .member-card-body {
  border-top: 1px dashed #ebeef5;
  padding-top: 10px;
}
.existing-members-popover .member-card .member-card-body .card-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.existing-members-popover .member-card .member-card-body .card-info-row .card-label {
  font-size: 12px;
  color: #909399;
}
.existing-members-popover .member-card .member-card-body .card-info-row .card-name {
  font-size: 12px;
  color: #606266;
  font-weight: 500;
}
.existing-members-popover .member-card .member-card-body .card-amounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}
.existing-members-popover .member-card .member-card-body .card-amounts .amount-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.existing-members-popover .member-card .member-card-body .card-amounts .amount-item .amount-label {
  font-size: 11px;
  color: #909399;
  margin-bottom: 2px;
}
.existing-members-popover .member-card .member-card-body .card-amounts .amount-item .amount-value {
  font-size: 13px;
  font-weight: 600;
  color: #f56c6c;
}
.existing-members-popover .member-card .member-card-body .card-amounts .amount-item .amount-value.gift {
  color: #67c23a;
}
.existing-members-popover .member-card .member-card-body .discount-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.existing-members-popover .member-card .member-card-body .discount-info .discount-label {
  font-size: 11px;
  color: #909399;
}
.existing-members-popover .member-card .member-card-body .discount-info .discount-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.existing-members-popover .popover-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 12px;
  border-top: 1px solid #ebeef5;
}
.existing-members-popover .popover-footer .el-button {
  color: #909399;
}
.existing-members-popover .popover-footer .el-button:hover {
  color: #f56c6c;
}
.existing-members-popover .popover-footer .el-button i {
  margin-right: 4px;
}
::v-deep .el-form-item__content {
  position: relative;
}
::v-deep .el-drawer__wrapper .existing-members-popover {
  z-index: 3000 !important;
}
.add-member-drawer ::v-deep .el-drawer__header {
  margin-bottom: 20px;
  padding: 20px 24px 16px;
}
.add-member-drawer ::v-deep .el-drawer__body {
  padding: 0 24px 24px;
  overflow-y: auto;
}
.drawer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  padding: 0 4px;
}
.add-member-drawer .drawer-body ::v-deep .el-form-item {
  margin-bottom: 20px;
}
.drawer-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 20px 0 0;
  margin-top: 24px;
  border-top: 1px solid #ebeef5;
  text-align: right;
}
.drawer-footer .el-button + .el-button {
  margin-left: 12px;
}
/* 全局样式 - 用于覆盖 Element UI 的弹窗样式，移除边框，直接显示内容 */
.member-dialog-enterprise {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  /* 移除弹窗边框、背景和阴影 */
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 隐藏弹窗头部 */
.member-dialog-enterprise .el-dialog__header {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* 移除弹窗body的padding和边框 */
.member-dialog-enterprise .el-dialog__body {
  padding: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
  background: transparent !important;
  margin: 0 !important;
  border: none !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* 弹窗遮罩层样式 - 已移除全局样式，避免影响其他弹窗 */

/* 如果需要为这个弹窗添加特殊的遮罩层效果，可以通过 JavaScript 动态添加类名实现 */

/* 遮罩层的默认样式已经足够，不需要额外的模糊效果 */

/* 确保弹窗本身没有边框和阴影 */
body .member-dialog-enterprise.el-dialog {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: transparent !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/* 移除弹窗wrapper的默认padding */
body .el-dialog__wrapper .member-dialog-enterprise {
  margin: 0 !important;
  padding: 0 !important;
}

/* 确保弹窗占满整个屏幕 - 使用百分比和定位 */
body .el-dialog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .member-dialog-enterprise {
  margin: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transform-origin: top left !important;
          transform-origin: top left !important;
}

.dialog-content-enterprise[data-v-582cc71c] {
  background: white;
  border-radius: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ==================== 筛选区域样式 - 与tianmeiHistory保持一致 ==================== */

/* 固定按钮和输入框高度为 28px */
.dialog-content-enterprise[data-v-582cc71c]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-input__icon {
  line-height: 28px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.dialog-content-enterprise[data-v-582cc71c]  .el-range-input {
  font-size: 12px;
}

/* ========== 顶部会员信息栏 - 超紧凑 ========== */
.member-header-enterprise[data-v-582cc71c] {
  background: #ffffff;
  padding: 12px 16px;
  color: #303133;
  position: relative;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 101;
  min-height: 80px;
  border-bottom: 1px solid #e4e7ed;
}

/* 响应式调整顶部会员信息栏 */
@media (max-width: 767px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 16px 16px;
    min-height: 100px;
}
.member-header-content[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
}
.member-name[data-v-582cc71c] {
    font-size: 24px;
}
.member-meta-grid[data-v-582cc71c] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}
.member-actions[data-v-582cc71c] {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

  /* 字体大小调整 */
.card-title[data-v-582cc71c] {
    font-size: 14px;
}
.info-row[data-v-582cc71c] {
    font-size: 13px;
    padding: 10px 0;
}
.stat-value[data-v-582cc71c] {
    font-size: 14px;
}
.stat-label[data-v-582cc71c] {
    font-size: 11px;
}
.section-title-enterprise[data-v-582cc71c] {
    font-size: 16px;
}
.member-card-preview-enterprise h3[data-v-582cc71c] {
    font-size: 20px;
}
.balance-label[data-v-582cc71c] {
    font-size: 13px;
}
.balance-value[data-v-582cc71c] {
    font-size: 18px;
}
.card-features[data-v-582cc71c] {
    font-size: 13px;
}
.treatment-header-enterprise h4[data-v-582cc71c] {
    font-size: 16px;
}
.treatment-meta[data-v-582cc71c] {
    font-size: 12px;
}
.gift-name[data-v-582cc71c] {
    font-size: 16px;
}
.gift-stat-value[data-v-582cc71c] {
    font-size: 14px;
}
.gift-stat-label[data-v-582cc71c] {
    font-size: 11px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 16px 20px;
    min-height: 90px;
}
.member-name[data-v-582cc71c] {
    font-size: 26px;
}
.member-meta-grid[data-v-582cc71c] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

  /* 字体大小调整 */
.card-title[data-v-582cc71c] {
    font-size: 15px;
}
.info-row[data-v-582cc71c] {
    font-size: 14px;
}
.stat-value[data-v-582cc71c] {
    font-size: 15px;
}
.section-title-enterprise[data-v-582cc71c] {
    font-size: 17px;
}
.member-card-preview-enterprise h3[data-v-582cc71c] {
    font-size: 22px;
}
.treatment-header-enterprise h4[data-v-582cc71c] {
    font-size: 17px;
}
.gift-name[data-v-582cc71c] {
    font-size: 17px;
}
}
.member-header-enterprise[data-v-582cc71c]::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.member-header-content[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  position: relative;
  z-index: 1;
}

/* 顶部栏左侧 - 头像和基础信息 */
.member-header-left[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
}

/* 顶部栏中间 - 消费统计 */
.member-header-center[data-v-582cc71c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
}
.header-stats-grid[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 2vw, 32px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-stat-item[data-v-582cc71c] {
  text-align: center;
  white-space: nowrap;
}
.header-stat-value[data-v-582cc71c] {
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 700;
  color: #303133;
  line-height: 1.2;
  margin-bottom: 2px;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
}
.header-stat-label[data-v-582cc71c] {
  font-size: clamp(11px, 1.2vw, 13px);
  color: #606266;
  font-weight: 500;
}

/* 顶部栏右侧 - 操作按钮 */
.member-actions[data-v-582cc71c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
}
.member-avatar-wrapper[data-v-582cc71c] {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.member-avatar[data-v-582cc71c] {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 2px solid #C9A962;
  -o-object-fit: cover;
     object-fit: cover;
  background: white;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.member-avatar-initial[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.member-vip-badge[data-v-582cc71c] {
  position: absolute;
  bottom: -2px;
  right: -2px;
  background: #ffd700;
  color: #333;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 9px;
  font-weight: bold;
  border: 1.5px solid white;
}
.member-info-main[data-v-582cc71c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.member-name-section[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.member-name[data-v-582cc71c] {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-badges[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.badge[data-v-582cc71c] {
  background: #e6f7ff;
  color: #096dd9;
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 500;
  border: 1px solid #91d5ff;
  line-height: 1.3;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.member-meta-inline[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 13px;
  opacity: 0.9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 功能图标行 */
.member-action-icons[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.action-icon[data-v-582cc71c] {
  font-size: 16px;
  cursor: pointer;
  color: #c0c4cc;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 4px;
  border-radius: 4px;
}
.action-icon[data-v-582cc71c]:hover {
  background-color: #f5f7fa;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.action-icon.active[data-v-582cc71c] {
  color: #409eff;
}
.action-icon.active.el-icon-star-on[data-v-582cc71c] {
  color: #f7ba2a;
}
.meta-text[data-v-582cc71c] {
  white-space: nowrap;
}
.meta-divider[data-v-582cc71c] {
  opacity: 0.5;
  margin: 0 2px;
}
.member-actions[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ========== 标签页导航 - 紧凑 ========== */
.tabs-container-enterprise[data-v-582cc71c] {
  background: white;
  border-bottom: 1px solid #e4e7ed;
  padding: 0 24px;
  position: sticky;
  top: 0;
  z-index: 100;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-x: auto;
  white-space: nowrap;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 响应式调整标签页导航 - 紧凑 */
@media (max-width: 767px) {
.tabs-container-enterprise[data-v-582cc71c] {
    padding: 0 12px;
    height: 36px;
}
.tab-item-enterprise[data-v-582cc71c] {
    padding: 6px 12px;
    font-size: 12px;
}

  /* 按钮大小调整 */
.el-button[data-v-582cc71c] {
    padding: 6px 12px;
    font-size: 12px;
    min-height: 28px;
}
.el-button--small[data-v-582cc71c] {
    padding: 4px 8px;
    font-size: 11px;
    min-height: 24px;
}
.action-btn-enterprise[data-v-582cc71c] {
    padding: 8px;
    font-size: 12px;
}

  /* 关闭按钮调整 */
.close-button-enterprise[data-v-582cc71c] {
    width: 32px;
    height: 32px;
    top: 8px;
    right: 8px;
}

  /* 标签页项调整 */
.tab-item-enterprise[data-v-582cc71c] {
    min-height: 36px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tabs-container-enterprise[data-v-582cc71c] {
    padding: 0 16px;
    height: 38px;
}
.tab-item-enterprise[data-v-582cc71c] {
    padding: 8px 16px;
}

  /* 按钮大小调整 */
.el-button[data-v-582cc71c] {
    padding: 11px 18px;
    font-size: 14px;
}
.el-button--small[data-v-582cc71c] {
    padding: 9px 14px;
    font-size: 13px;
}

  /* 确保可点击元素有足够的触摸区域 */
.cursor-pointer[data-v-582cc71c] {
    min-height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
.tabs-nav-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.tab-item-enterprise[data-v-582cc71c] {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 13px;
  color: #606266;
  position: relative;
  font-weight: 500;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tab-item-enterprise[data-v-582cc71c]:hover {
  color: #409eff;
  background: #f5f7fa;
}
.tab-item-enterprise.active[data-v-582cc71c] {
  color: #409eff;
  border-bottom-color: #409eff;
  font-weight: 600;
}
.tab-badge[data-v-582cc71c] {
  background: #f56c6c;
  color: white;
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 10px;
  margin-left: 4px;
  font-weight: 600;
}

/* ========== 右上角关闭按钮 ========== */
.close-button-enterprise[data-v-582cc71c] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.close-button-enterprise[data-v-582cc71c]:hover {
  background: #f56c6c;
  color: white;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3);
          box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3);
}
.close-button-enterprise i[data-v-582cc71c] {
  font-size: 20px;
  color: #606266;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-button-enterprise:hover i[data-v-582cc71c] {
  color: white;
}

/* ========== 主体内容布局 - 两栏布局 ========== */

/* ==================== 内容布局 - 响应式设计 ==================== */
.content-layout-enterprise[data-v-582cc71c] {
  display: grid;
  grid-template-columns: 1fr 378px;
  gap: 16px;
  padding: 16px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 两栏布局模式 - 中间内容扩展，右侧栏保留 */
.content-layout-enterprise.two-column-layout[data-v-582cc71c] {
  grid-template-columns: 1fr 358px;
}

/* 超小屏幕 (< 480px) */
@media screen and (max-width: 479px) {
.content-layout-enterprise[data-v-582cc71c],
  .content-layout-enterprise.two-column-layout[data-v-582cc71c] {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 8px 12px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    display: none;
}
}

/* 小屏幕 (480px - 767px) */
@media screen and (min-width: 480px) and (max-width: 767px) {
.content-layout-enterprise[data-v-582cc71c],
  .content-layout-enterprise.two-column-layout[data-v-582cc71c] {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px 16px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    display: none;
}
}

/* 平板 (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.content-layout-enterprise[data-v-582cc71c],
  .content-layout-enterprise.two-column-layout[data-v-582cc71c] {
    grid-template-columns: 1fr 318px;
    gap: 0;
    padding: 14px 18px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    border-left: 1px solid #e4e7ed;
    padding-left: 14px;
    margin-left: 14px;
}
}

/* 小桌面 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.content-layout-enterprise[data-v-582cc71c],
  .content-layout-enterprise.two-column-layout[data-v-582cc71c] {
    grid-template-columns: 1fr 338px;
    gap: 0;
    padding: 16px 24px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    border-left: 1px solid #e4e7ed;
    padding-left: 16px;
    margin-left: 16px;
}
}

/* 中等桌面 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.content-layout-enterprise[data-v-582cc71c],
  .content-layout-enterprise.two-column-layout[data-v-582cc71c] {
    grid-template-columns: 1fr 358px;
    gap: 0;
    padding: 18px 32px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    border-left: 1px solid #e4e7ed;
    padding-left: 18px;
    margin-left: 18px;
}
}

/* 大屏幕 (>= 1440px) */
@media screen and (min-width: 1440px) {
.content-layout-enterprise[data-v-582cc71c],
  .content-layout-enterprise.two-column-layout[data-v-582cc71c] {
    grid-template-columns: 1fr 378px;
    gap: 0;
    padding: 20px 40px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    border-left: 1px solid #e4e7ed;
    padding-left: 20px;
    margin-left: 20px;
}
}

/* 当切换到非基础资料标签页时，右侧栏隐藏，中间内容全宽 */
.content-layout-enterprise.full-width-layout[data-v-582cc71c] {
  grid-template-columns: 1fr 0 !important;
  gap: 0 !important;
  padding: 16px 20px !important;
}
@media screen and (min-width: 1200px) {
.content-layout-enterprise.full-width-layout[data-v-582cc71c] {
    padding: 20px 40px !important;
}
}

/* ========== 左侧信息栏 ========== */
.sidebar-left-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  padding-right: 8px;
  overflow-x: hidden;
}

/* 左侧栏和右侧栏 - 无动画，直接显示/隐藏 */
.sidebar-left-enterprise[data-v-582cc71c],
.sidebar-right-enterprise[data-v-582cc71c] {
  overflow-x: hidden;
}
.sidebar-left-enterprise[data-v-582cc71c]::-webkit-scrollbar {
  width: 6px;
}
.sidebar-left-enterprise[data-v-582cc71c]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.info-card-enterprise[data-v-582cc71c] {
  background: white;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  padding: 20px 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.info-card-enterprise[data-v-582cc71c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #c0c4cc;
}
.card-header-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f2f5;
}
.card-title-icon[data-v-582cc71c] {
  width: 4px;
  height: 16px;
  background: linear-gradient(135deg, #5aaaff 0%, #8cc8ff 100%);
  border-radius: 2px;
}
.card-title[data-v-582cc71c] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.info-row[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px 0;
  font-size: 12px;
  border-bottom: 1px solid #f5f7fa;
}
.info-row[data-v-582cc71c]:last-child {
  border-bottom: none;
}
.info-label[data-v-582cc71c] {
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.info-value[data-v-582cc71c] {
  color: #303133;
  font-weight: 500;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 12px;
}
.stats-grid-enterprise[data-v-582cc71c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.stat-box[data-v-582cc71c] {
  min-width: 0; /* 防止内容溢出 */
  overflow: hidden;
}
.stat-box[data-v-582cc71c] {
  background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
  padding: 16px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #e4e7ed;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.stat-box[data-v-582cc71c]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.stat-value[data-v-582cc71c] {
  font-size: 14px;
  font-weight: 700;
  background: linear-gradient(135deg, #5aaaff 0%, #8cc8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  line-height: 1.2;
}
.stat-label[data-v-582cc71c] {
  font-size: 11px;
  color: #909399;
}
.quick-actions-enterprise[data-v-582cc71c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.action-btn-enterprise[data-v-582cc71c] {
  padding: 12px;
  border: 1px solid #dcdfe6;
  background: white;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  color: #606266;
  text-align: center;
}
.action-btn-enterprise[data-v-582cc71c]:hover {
  border-color: #409eff;
  color: #409eff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
}
.action-btn-enterprise.primary[data-v-582cc71c] {
  background: linear-gradient(135deg, #5aaaff 0%, #8cc8ff 100%);
  color: white;
  border: none;
  font-weight: 600;
}
.action-btn-enterprise.primary[data-v-582cc71c]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
          box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* ========== 中间主要内容 ========== */
.main-content-enterprise[data-v-582cc71c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-right: 8px;
  min-height: 0;
}

/* 全宽模式 - 当切换到非基础资料标签页时 */
.main-content-enterprise.full-width[data-v-582cc71c] {
  padding: 0;
  margin: 0;
  width: 100%;
}
.main-content-enterprise[data-v-582cc71c]::-webkit-scrollbar {
  width: 6px;
}
.main-content-enterprise[data-v-582cc71c]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.section-header-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f2f5;
}
.section-title-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.section-title-bar[data-v-582cc71c] {
  width: 4px;
  height: 18px;
  background: linear-gradient(135deg, #5aaaff 0%, #8cc8ff 100%);
  border-radius: 2px;
}

/* 会员卡数量徽章 */
.card-count-badge[data-v-582cc71c] {
  background: linear-gradient(135deg, #409eff 0%, #1677ff 100%);
  color: white;
  font-size: 14px;
  font-weight: 600;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  margin-left: 4px;
  display: inline-block;
}

/* 会员卡预览 - 紧凑设计 */
.member-card-preview-enterprise[data-v-582cc71c] {
  background: linear-gradient(135deg, #5aaaff 0%, #8cc8ff 100%);
  border-radius: 10px;
  padding: 12px 16px;
  color: white;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
          box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
  position: relative;
  overflow: hidden;
}
.member-card-preview-enterprise[data-v-582cc71c]::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
.card-top[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.card-info[data-v-582cc71c] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-name-row[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 2px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.card-info h3[data-v-582cc71c] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.card-discounts[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  font-size: 12px;
  opacity: 0.95;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-discounts span[data-v-582cc71c] {
  background: rgba(255, 255, 255, 0.2);
  padding: 2px 6px;
  border-radius: 8px;
  white-space: nowrap;
}
.card-no[data-v-582cc71c] {
  font-size: 12px;
  opacity: 0.8;
}
.card-type-wrapper[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  opacity: 0.9;
}
.card-type-label[data-v-582cc71c] {
  color: rgba(255, 255, 255, 0.9);
  margin-right: 2px;
}
.card-type-value[data-v-582cc71c] {
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
  margin-right: 2px;
}
.card-expire[data-v-582cc71c] {
  font-size: 10px;
  opacity: 0.9;
  background: rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 余额单行显示 */
.card-balance-inline[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
  font-size: 11px;
}
.balance-inline-item[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.balance-inline-item label[data-v-582cc71c] {
  opacity: 0.8;
  font-size: 10px;
}
.balance-inline-item value[data-v-582cc71c] {
  font-size: 13px;
  font-weight: 700;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
}
.balance-divider[data-v-582cc71c] {
  opacity: 0.4;
}

/* 旧样式兼容 - 隐藏 */
.card-balance-section[data-v-582cc71c] {
  display: none;
}
.balance-item[data-v-582cc71c] {
  display: none;
}
.balance-label[data-v-582cc71c] {
  display: none;
}
.balance-value[data-v-582cc71c] {
  display: none;
}
.card-features[data-v-582cc71c] {
  display: none;
}

/* 备注 */
.card-remark[data-v-582cc71c] {
  font-size: 10px;
  opacity: 0.85;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 疗程卡片 */
.treatment-card-enterprise[data-v-582cc71c] {
  background: white;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  padding: 5px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.treatment-card-enterprise[data-v-582cc71c]:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: #409eff;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.treatment-header-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f2f5;
}
.treatment-info h4[data-v-582cc71c] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 8px;
}
.treatment-meta[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  font-size: 12px;
  color: #909399;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.treatment-meta-item[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.table-wrapper-enterprise[data-v-582cc71c] {
  margin: 16px 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e4e7ed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 优化表格在小屏幕上的显示 */
.treatment-table-wrapper[data-v-582cc71c] {
  margin: 12px 0;
  width: 100%;
  overflow-x: auto;
}
.treatment-table-wrapper[data-v-582cc71c]::-webkit-scrollbar {
  height: 6px;
}
.treatment-table-wrapper[data-v-582cc71c]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}

/* 疗程表格样式已移至全局样式块 - 确保与tianmeiHistory一致 */

/* 注意：疗程表格样式在文件底部的全局<style>块中定义 */

/* 确保表格内容在小屏幕上正确显示 */
@media (max-width: 767px) {
.treatment-table[data-v-582cc71c] {
    min-width: 100%;
}
.table-wrapper-enterprise[data-v-582cc71c] {
    margin: 12px 0;
}

  /* 卡片布局调整 - 紧凑 */
.info-card-enterprise[data-v-582cc71c] {
    padding: 12px 5px;
    margin-bottom: 10px;
}
.member-card-preview-enterprise[data-v-582cc71c] {
    padding: 10px 12px;
    margin-bottom: 12px;
}
.card-top[data-v-582cc71c] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}
.card-name-row[data-v-582cc71c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
}
.card-info h3[data-v-582cc71c] {
    font-size: 13px;
}
.card-discounts[data-v-582cc71c] {
    font-size: 9px;
    gap: 4px;
}
.card-discounts span[data-v-582cc71c] {
    padding: 1px 4px;
}
.card-expire[data-v-582cc71c] {
    font-size: 9px;
    padding: 1px 6px;
}
.card-balance-inline[data-v-582cc71c] {
    font-size: 10px;
    gap: 6px;
    margin-bottom: 4px;
}
.balance-inline-item label[data-v-582cc71c] {
    font-size: 9px;
}
.balance-inline-item value[data-v-582cc71c] {
    font-size: 11px;
}
.card-remark[data-v-582cc71c] {
    font-size: 9px;
}
.treatment-card-enterprise[data-v-582cc71c] {
    padding: 5px;
    margin-bottom: 16px;
}
.treatment-header-enterprise[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}
.treatment-info[data-v-582cc71c] {
    width: 100%;
}
.treatment-meta[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.gift-card-enterprise[data-v-582cc71c] {
    padding: 16px;
    margin-bottom: 12px;
}
.gift-header-enterprise[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.gift-stats-enterprise[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.gift-stat-item[data-v-582cc71c] {
    width: 100%;
    text-align: left;
}
.gift-stat-item[data-v-582cc71c]:last-child {
    text-align: left;
    width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* 卡片布局调整 */
.info-card-enterprise[data-v-582cc71c] {
    padding: 18px 5px;
    margin-bottom: 14px;
}
.member-card-preview-enterprise[data-v-582cc71c] {
    padding: 20px;
    margin-bottom: 20px;
}
.treatment-card-enterprise[data-v-582cc71c] {
    padding: 5px;
    margin-bottom: 20px;
}
.gift-card-enterprise[data-v-582cc71c] {
    padding: 18px;
    margin-bottom: 14px;
}
}
.treatment-actions-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid #f0f2f5;
}

/* 赠送项目/商品卡片 */
.gift-card-enterprise[data-v-582cc71c] {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 1px solid #bae6fd;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gift-card-enterprise[data-v-582cc71c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
          box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.gift-header-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.gift-name[data-v-582cc71c] {
  font-weight: 600;
  font-size: 13px;
  color: #303133;
}
.gift-stats-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  padding: 16px;
  background: white;
  border-radius: 8px;
  margin-bottom: 12px;
}
.gift-stat-item[data-v-582cc71c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.gift-stat-value[data-v-582cc71c] {
  font-size: 18px;
  font-weight: 700;
  color: #409eff;
  margin-bottom: 4px;
}
.gift-stat-label[data-v-582cc71c] {
  font-size: 11px;
  color: #909399;
}

/* ========== 右侧待办栏 ========== */
.sidebar-right-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  padding-right: 8px;
  border-left: 1px solid #e4e7ed;
  padding-left: 16px;
  margin-left: 8px;
}
.sidebar-right-enterprise[data-v-582cc71c]::-webkit-scrollbar {
  width: 6px;
}
.sidebar-right-enterprise[data-v-582cc71c]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.todo-card-enterprise[data-v-582cc71c] {
  background: white;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.todo-card-enterprise[data-v-582cc71c]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border-color: #c0c4cc;
}
.todo-header-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.todo-name[data-v-582cc71c] {
  font-weight: 600;
  font-size: 14px;
  color: #303133;
}
.todo-content-enterprise[data-v-582cc71c] {
  font-size: 13px;
  color: #606266;
  line-height: 1.8;
  margin-bottom: 12px;
}
.todo-content-item[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

/* ========== 空状态 ========== */
.empty-state-enterprise[data-v-582cc71c] {
  text-align: center;
  padding: 80px 20px;
  color: #909399;
}
.empty-icon[data-v-582cc71c] {
  font-size: 64px;
  margin-bottom: 16px;
  opacity: 0.2;
}
.empty-text[data-v-582cc71c] {
  font-size: 14px;
}

/* ========== 标签页内容 ========== */
.tab-content-enterprise[data-v-582cc71c] {
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 400px;
  /* 确保tab内容不被sticky的tabs遮挡 */
  position: relative;
  /* 确保内容在header和tabs之下 */
  z-index: 0;
  /* 非基础资料tab时，内容区域需要可滚动且不遮挡顶部 */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  /* 计算可用高度：100vh - header高度(约100px) - tabs高度(约50px) - padding */
  max-height: calc(100vh - 180px);
  /* 确保内容不会滚动到tabs下面 */
  margin-top: 0;
}

/* 确保子组件在嵌入模式下正常显示 */
.tab-content-enterprise[data-v-582cc71c]  .el-table {
  font-size: 12px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table th {
  font-weight: 600 !important;
  color: #606266 !important;
  background-color: #f8fafc !important;
  padding: 8px 4px !important;
  font-size: 12px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table td {
  padding: 6px 4px !important;
  font-size: 12px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination {
  margin-top: 16px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-pagination__total,
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-pagination__sizes,
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-pagination__jump {
  font-size: 13px;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-pager li {
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .btn-prev,
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .btn-next {
  min-width: 28px;
  height: 28px;
  line-height: 28px;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
}

/* 响应式调整 */
@media (max-width: 1400px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 1fr 358px;
    gap: 16px;
    padding: 16px 24px;
}
}
@media (max-width: 1200px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 1fr 338px;
    gap: 12px;
    padding: 14px 20px;
}
}

/* ==================== 响应式布局优化 - 紧凑顶部栏 ==================== */

/* 大屏幕 (>= 1440px) */
@media screen and (min-width: 1440px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 8px 24px;
}
.member-name[data-v-582cc71c] {
    font-size: 17px;
}
}

/* 中等屏幕 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 6px 20px;
}
.member-name[data-v-582cc71c] {
    font-size: 16px;
}
}

/* 小屏幕 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 6px 16px;
}
.member-name[data-v-582cc71c] {
    font-size: 16px;
}
.header-stats-grid[data-v-582cc71c] {
    gap: 12px;
}
}

/* 平板 (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 6px 12px;
}
.member-header-content[data-v-582cc71c] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 12px;
}
.member-name[data-v-582cc71c] {
    font-size: 15px;
}
.header-stats-grid[data-v-582cc71c] {
    gap: 12px;
}
.tab-content-enterprise[data-v-582cc71c] {
    max-height: calc(100vh - 220px);
}
}

/* 手机 (< 768px) */
@media screen and (max-width: 767px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 6px 12px;
}
.member-header-content[data-v-582cc71c] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
.member-header-left[data-v-582cc71c] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
}
.member-header-center[data-v-582cc71c] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 3px;
    padding-top: 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-stats-grid[data-v-582cc71c] {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 6px;
    width: 100%;
}
.header-stat-item[data-v-582cc71c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 50px;
}
.header-stat-value[data-v-582cc71c] {
    font-size: 12px;
}
.header-stat-label[data-v-582cc71c] {
    font-size: 8px;
}
.member-name[data-v-582cc71c] {
    font-size: 14px;
}
.member-avatar[data-v-582cc71c] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
}
.member-vip-badge[data-v-582cc71c] {
    width: 14px;
    height: 14px;
    font-size: 7px;
}
.member-meta-inline[data-v-582cc71c] {
    font-size: 10px;
    gap: 4px;
}
.member-actions[data-v-582cc71c] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.tabs-nav-enterprise[data-v-582cc71c] {
    padding: 0 12px;
}
.tab-item-enterprise[data-v-582cc71c] {
    padding: 8px 12px;
    font-size: 12px;
}
.tab-content-enterprise[data-v-582cc71c] {
    max-height: calc(100vh - 240px);
    padding: 0 12px;
}

  /* 表格在小屏幕上优化 */
.tab-content-enterprise[data-v-582cc71c]  .el-table {
    font-size: 11px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table th,
  .tab-content-enterprise[data-v-582cc71c]  .el-table td {
    padding: 4px 2px !important;
    font-size: 11px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination {
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
}

/* 小手机 (< 480px) */
@media screen and (max-width: 479px) {
.member-header-enterprise[data-v-582cc71c] {
    padding: 5px 10px;
}
.member-name[data-v-582cc71c] {
    font-size: 14px;
}
.member-avatar[data-v-582cc71c] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
}
.member-vip-badge[data-v-582cc71c] {
    width: 14px;
    height: 14px;
    font-size: 7px;
}
.badge[data-v-582cc71c] {
    padding: 0 4px;
    font-size: 9px;
}
.member-meta-inline[data-v-582cc71c] {
    font-size: 10px;
    gap: 4px;
}
.tab-item-enterprise[data-v-582cc71c] {
    padding: 6px 8px;
    font-size: 11px;
}
.tab-badge[data-v-582cc71c] {
    font-size: 9px;
    padding: 0 3px;
}
}

/* ==================== 通用布局优化 ==================== */

/* 确保所有UI元素不换行 */
.member-meta-grid[data-v-582cc71c] {
  display: grid;
  gap: 12px;
  white-space: nowrap;
}
.meta-item[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 标签页导航不换行 */
.tabs-nav-enterprise[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tabs-nav-enterprise[data-v-582cc71c]::-webkit-scrollbar {
  display: none;
}
.tab-item-enterprise[data-v-582cc71c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}

/* 按钮组不换行 */
.member-actions[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}

/* 表格容器自适应 */
.tab-content-enterprise[data-v-582cc71c] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 弹窗底部按钮 */
.dialog-footer[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}

/* ==================== 分布式自适应布局优化 ==================== */

/* 基础布局 - Flex分布式 */
.distributed-layout[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.distributed-layout > *[data-v-582cc71c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
}

/* 筛选区域 - 分布式自适应 */
.filter-section[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 12px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  margin-bottom: 16px;
}
.filter-section .filter-item[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.filter-section .filter-label[data-v-582cc71c] {
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-section .filter-input[data-v-582cc71c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 120px;
  max-width: 200px;
}
.filter-section .filter-actions[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 表格区域 - 分布式自适应 */
.table-section[data-v-582cc71c] {
  width: 100%;
  overflow: hidden;
}
.table-section .table-toolbar[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #e4e7ed;
}
.table-section .table-toolbar-left[data-v-582cc71c],
.table-section .table-toolbar-right[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

/* 数字显示优化 - 等宽字体 */
.numeric-value[data-v-582cc71c] {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  letter-spacing: -0.5px;
}

/* 表格单元格数字优化 */
.cell-number[data-v-582cc71c] {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

/* 金额显示优化 */
.cell-amount[data-v-582cc71c] {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
  font-variant-numeric: tabular-nums;
  color: #f56c6c;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

/* 状态标签优化 */
.status-tag[data-v-582cc71c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.4;
}

/* ==================== 响应式断点优化 ==================== */

/* 超大屏幕 (>= 1920px) */
@media screen and (min-width: 1920px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 320px 1fr 300px;
    gap: 24px;
    padding: 24px 48px;
}
.filter-section[data-v-582cc71c] {
    padding: 16px 20px;
}
.filter-section .filter-label[data-v-582cc71c] {
    font-size: 13px;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table {
    font-size: 13px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table th,
  .tab-content-enterprise[data-v-582cc71c]  .el-table td {
    padding: 10px 8px !important;
    font-size: 13px !important;
}
}

/* 大屏幕 (1440px - 1919px) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 300px 1fr 378px;
    gap: 20px;
    padding: 20px 40px;
}
}

/* 中等屏幕 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 280px 1fr 358px;
    gap: 16px;
    padding: 16px 32px;
}
}

/* 小桌面 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 240px 1fr 318px;
    gap: 14px;
    padding: 14px 24px;
}
.sidebar-left-enterprise[data-v-582cc71c],
  .sidebar-right-enterprise[data-v-582cc71c] {
    font-size: 12px;
}
.filter-section .filter-input[data-v-582cc71c] {
    min-width: 100px;
    max-width: 160px;
}
}

/* 平板 (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 200px 1fr;
    gap: 12px;
    padding: 12px 20px;
}
.sidebar-right-enterprise[data-v-582cc71c] {
    display: none;
}
.filter-section[data-v-582cc71c] {
    padding: 10px 14px;
}
.filter-section .filter-input[data-v-582cc71c] {
    min-width: 100px;
    max-width: 140px;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table {
    font-size: 11px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table th,
  .tab-content-enterprise[data-v-582cc71c]  .el-table td {
    padding: 6px 4px !important;
    font-size: 11px !important;
}
}

/* 大手机 (640px - 767px) */
@media screen and (min-width: 640px) and (max-width: 767px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px 16px;
}
.sidebar-left-enterprise[data-v-582cc71c],
  .sidebar-right-enterprise[data-v-582cc71c] {
    display: none;
}
.filter-section[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 12px;
}
.filter-section .filter-item[data-v-582cc71c] {
    width: 100%;
}
.filter-section .filter-input[data-v-582cc71c] {
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.filter-section .filter-actions[data-v-582cc71c] {
    margin-left: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    margin-top: 8px;
}
}

/* 小手机 (< 640px) */
@media screen and (max-width: 639px) {
.content-layout-enterprise[data-v-582cc71c] {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px 12px;
}
.sidebar-left-enterprise[data-v-582cc71c],
  .sidebar-right-enterprise[data-v-582cc71c] {
    display: none;
}
.filter-section[data-v-582cc71c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 10px;
    gap: 10px;
}
.filter-section .filter-item[data-v-582cc71c] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-section .filter-label[data-v-582cc71c] {
    width: 100%;
    margin-bottom: 4px;
}
.filter-section .filter-input[data-v-582cc71c] {
    max-width: none;
    width: 100%;
}
.filter-section .filter-actions[data-v-582cc71c] {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.filter-section .filter-actions .el-button[data-v-582cc71c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.tab-content-enterprise[data-v-582cc71c] {
    max-height: calc(100vh - 200px);
}
.tab-content-enterprise[data-v-582cc71c]  .el-table {
    font-size: 11px !important;
}
.tab-content-enterprise[data-v-582cc71c]  .el-table th,
  .tab-content-enterprise[data-v-582cc71c]  .el-table td {
    padding: 4px 2px !important;
    font-size: 11px !important;
}
}

/* ==================== 表格响应式优化 ==================== */

/* 表格列宽自适应 */
.tab-content-enterprise[data-v-582cc71c]  .el-table .cell {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 操作列固定宽度 */
.tab-content-enterprise[data-v-582cc71c]  .el-table .el-table__column--action .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 表格按钮大小优化 */
.tab-content-enterprise[data-v-582cc71c]  .el-table .el-button--mini {
  padding: 4px 8px;
  font-size: 11px;
}

/* 分页器响应式 */
.tab-content-enterprise[data-v-582cc71c]  .el-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 12px 0;
}
@media screen and (max-width: 767px) {
.tab-content-enterprise[data-v-582cc71c]  .el-pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-pagination__total,
  .tab-content-enterprise[data-v-582cc71c]  .el-pagination .el-pagination__sizes {
    display: none;
}
}

/* ==================== 字体和间距优化 ==================== */

/* 统一字体大小 */
.font-size-xs[data-v-582cc71c] { font-size: 11px;
}
.font-size-sm[data-v-582cc71c] { font-size: 12px;
}
.font-size-base[data-v-582cc71c] { font-size: 13px;
}
.font-size-lg[data-v-582cc71c] { font-size: 14px;
}
.font-size-xl[data-v-582cc71c] { font-size: 16px;
}

/* 统一间距 */
.spacing-xs[data-v-582cc71c] { margin: 4px; padding: 4px;
}
.spacing-sm[data-v-582cc71c] { margin: 8px; padding: 8px;
}
.spacing-base[data-v-582cc71c] { margin: 12px; padding: 12px;
}
.spacing-lg[data-v-582cc71c] { margin: 16px; padding: 16px;
}
.spacing-xl[data-v-582cc71c] { margin: 20px; padding: 20px;
}

/* 紧凑模式 */
.compact-mode .info-card-enterprise[data-v-582cc71c] {
  padding: 12px;
}
.compact-mode .card-header-enterprise[data-v-582cc71c] {
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.compact-mode .info-row[data-v-582cc71c] {
  padding: 6px 0;
  font-size: 11px;
}
.compact-mode .stat-box[data-v-582cc71c] {
  padding: 10px;
}
.compact-mode .stat-value[data-v-582cc71c] {
  font-size: 13px;
}
.compact-mode .stat-label[data-v-582cc71c] {
  font-size: 10px;
}

/* ==================== 不换行强制约束 ==================== */

/* 强制不换行 */
.nowrap[data-v-582cc71c] {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Flex布局不换行 */
.flex-nowrap[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 文本截断 */
.text-truncate[data-v-582cc71c] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* 最小宽度约束 */
.min-width-0[data-v-582cc71c] {
  min-width: 0;
}

/* 防止表格内容溢出 */
.table-cell-fixed[data-v-582cc71c] {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 自适应宽度 */
.flex-adaptive[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
}
.flex-adaptive > *[data-v-582cc71c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
}
.flex-adaptive > .flex-grow[data-v-582cc71c] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.flex-adaptive > .flex-fixed[data-v-582cc71c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* ==================== 疗程表格样式 - 使用 ::v-deep 穿透 ==================== */

/* 疗程表格容器 - 限制在卡片内 */
[data-v-582cc71c] .treatment-table-wrapper {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 疗程表格 - 强制适应容器 */
[data-v-582cc71c] .treatment-table {
  font-size: 12px;
  width: 100% !important;
  max-width: 100% !important;
}

/* 禁用 el-table--fit 的自动计算宽度行为 */
[data-v-582cc71c] .treatment-table.el-table--fit .el-table__header,[data-v-582cc71c] .treatment-table.el-table--fit .el-table__body {
  width: 100% !important;
}
[data-v-582cc71c] .treatment-table .el-table__header-wrapper,[data-v-582cc71c] .treatment-table .el-table__body-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
[data-v-582cc71c] .treatment-table .el-table__header,[data-v-582cc71c] .treatment-table .el-table__body {
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto !important;
}

/* 强制colgroup和col宽度 - 覆盖Element UI计算的值 */
[data-v-582cc71c] .treatment-table colgroup,[data-v-582cc71c] .treatment-table col {
  width: auto !important;
  min-width: 0 !important;
}

/* 疗程表格表头样式 */
[data-v-582cc71c] .treatment-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 4px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 疗程表格单元格样式 */
[data-v-582cc71c] .treatment-table td {
  padding: 6px 4px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 疗程表格单元格内容 - 移除固定宽度 */
[data-v-582cc71c] .treatment-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* 疗程表格内标签样式 */
[data-v-582cc71c] .treatment-table .el-tag {
  font-size: 12px;
  padding: 0 6px;
  height: 22px;
  line-height: 20px;
  font-weight: 500;
}

/* ==================== 原生疗程表格样式 ==================== */
.treatment-native-table-wrapper[data-v-582cc71c] {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.treatment-native-table[data-v-582cc71c] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  table-layout: fixed;
}
.treatment-native-table th[data-v-582cc71c],
.treatment-native-table td[data-v-582cc71c] {
  padding: 8px 6px;
  text-align: left;
  border-bottom: 1px solid #ebeef5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.treatment-native-table th[data-v-582cc71c] {
  background-color: #f8fafc;
  font-weight: 600;
  color: #606266;
  border-bottom: 1px solid #ebeef5;
}
.treatment-native-table tbody tr[data-v-582cc71c]:hover {
  background-color: #f5f7fa;
}

/* 列宽定义 */
.treatment-native-table .col-project[data-v-582cc71c] {
  width: 98px;
}
.treatment-native-table .col-times[data-v-582cc71c] {
  width: 85px;
  text-align: center;
}
.treatment-native-table .col-performance[data-v-582cc71c] {
  width: 80px;
  text-align: right;
}
.treatment-native-table .col-commission[data-v-582cc71c] {
  width: 80px;
  text-align: right;
}
.treatment-native-table .col-balance[data-v-582cc71c] {
  width: 80px;
  text-align: right;
}
.treatment-native-table .col-expire[data-v-582cc71c] {
  width: 90px;
  text-align: center;
}
.treatment-native-table .col-status[data-v-582cc71c] {
  width: 60px;
  text-align: center;
}

/* 项目名称单元格 */
.project-cell[data-v-582cc71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.project-name[data-v-582cc71c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 标签样式 - 圆形 */
.tag[data-v-582cc71c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 50%;
  border: 1px solid;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tag-gift[data-v-582cc71c] {
  color: #67c23a;
  background-color: #f0f9eb;
  border-color: #b3e19d;
}
.tag-shang[data-v-582cc71c] {
  color: #e6a23c;
  background-color: #fdf6ec;
  border-color: #f5dab1;
}
.tag-xiang[data-v-582cc71c] {
  color: #409eff;
  background-color: #ecf5ff;
  border-color: #b3d8ff;
}

/* 状态标签 */
.status-tag[data-v-582cc71c] {
  display: inline-block;
  padding: 0 6px;
  height: 20px;
  line-height: 18px;
  font-size: 11px;
  border-radius: 3px;
  border: 1px solid;
}
.status-normal[data-v-582cc71c] {
  color: #67c23a;
  background-color: #f0f9eb;
  border-color: #b3e19d;
}
.status-pause[data-v-582cc71c] {
  color: #e6a23c;
  background-color: #fdf6ec;
  border-color: #f5dab1;
}
.status-other[data-v-582cc71c] {
  color: #909399;
  background-color: #f4f4f5;
  border-color: #d3d4d6;
}

@charset "UTF-8";

/* 会员详情弹窗内所有子组件表格的全局样式 - 同步 projectList 样式 */

/* 基础表格样式 - 包含疗程表格 */
.member-detail-modal-wrapper .el-table,
.member-detail-modal-wrapper .treatment-table,
.member-order-list .el-table,
.member-service-log .el-table,
.member-card-balance-log .el-table,
.member-log-container .el-table,
.member-tianmei-history .el-table {
  font-size: 12px !important;
}

/* 表头样式 - 包含疗程表格 */
.member-detail-modal-wrapper .el-table th,
.member-detail-modal-wrapper .treatment-table th,
.member-order-list .el-table th,
.member-service-log .el-table th,
.member-card-balance-log .el-table th,
.member-log-container .el-table th,
.member-tianmei-history .el-table th {
  font-weight: 600 !important;
  color: #606266 !important;
  background-color: #f8fafc !important;
  padding: 8px 4px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

/* 表格单元格样式 - 包含疗程表格 */
.member-detail-modal-wrapper .el-table td,
.member-detail-modal-wrapper .treatment-table td,
.member-order-list .el-table td,
.member-service-log .el-table td,
.member-card-balance-log .el-table td,
.member-log-container .el-table td,
.member-tianmei-history .el-table td {
  padding: 6px 4px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

/* 表格单元格内容 - 包含疗程表格 */
.member-detail-modal-wrapper .el-table .cell,
.member-detail-modal-wrapper .treatment-table .cell,
.member-order-list .el-table .cell,
.member-service-log .el-table .cell,
.member-card-balance-log .el-table .cell,
.member-log-container .el-table .cell,
.member-tianmei-history .el-table .cell {
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ==================== 疗程表格 - 最高优先级覆盖 ==================== */

/* 使用属性选择器提高优先级，覆盖Element UI内联样式 */

/* 疗程表格容器 */
.treatment-card-enterprise .treatment-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* 疗程表格主体 - 强制100%宽度 */
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table,
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table[class*=el-table--],
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table.el-table--fit,
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table.el-table--border {
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto !important;
}

/* 疗程表格头部和身体容器 */
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .el-table__header-wrapper,
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .el-table__body-wrapper,
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .el-table__header,
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .el-table__body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto !important;
  overflow-x: hidden !important;
}

/* 疗程表格表格布局 */
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .el-table__header,
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .el-table__body {
  table-layout: fixed !important;
}

/* 疗程表格单元格内容 - 允许内容自适应 */
.treatment-card-enterprise .treatment-table-wrapper .el-table.treatment-table .cell {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* 表格内操作按钮样式 - 包含疗程表格 */
.member-detail-modal-wrapper .el-table .el-button,
.member-detail-modal-wrapper .treatment-table .el-button,
.member-order-list .el-table .el-button,
.member-service-log .el-table .el-button,
.member-card-balance-log .el-table .el-button,
.member-log-container .el-table .el-button,
.member-tianmei-history .el-table .el-button {
  font-size: 12px !important;
  padding: 0 8px !important;
  height: 26px !important;
  line-height: 26px !important;
}
.member-detail-modal-wrapper .el-table .el-button i,
.member-detail-modal-wrapper .treatment-table .el-button i,
.member-order-list .el-table .el-button i,
.member-service-log .el-table .el-button i,
.member-card-balance-log .el-table .el-button i,
.member-log-container .el-table .el-button i,
.member-tianmei-history .el-table .el-button i {
  font-size: 11px !important;
  margin-right: 3px !important;
}

/* 表格内标签样式 - 包含疗程表格 */
.member-detail-modal-wrapper .el-table .el-tag,
.member-detail-modal-wrapper .treatment-table .el-tag,
.member-order-list .el-table .el-tag,
.member-service-log .el-table .el-tag,
.member-card-balance-log .el-table .el-tag,
.member-log-container .el-table .el-tag,
.member-tianmei-history .el-table .el-tag {
  font-size: 12px !important;
  padding: 0 8px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* 数字显示优化 - 等宽字体 */
.member-detail-modal-wrapper .cell-number,
.member-order-list .cell-number,
.member-service-log .cell-number,
.member-card-balance-log .cell-number,
.member-log-container .cell-number,
.member-tianmei-history .cell-number {
  font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace !important;
  font-variant-numeric: tabular-nums !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* 金额显示优化 */
.member-detail-modal-wrapper .cell-amount,
.member-order-list .cell-amount,
.member-service-log .cell-amount,
.member-card-balance-log .cell-amount,
.member-log-container .cell-amount,
.member-tianmei-history .cell-amount {
  font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace !important;
  font-variant-numeric: tabular-nums !important;
  color: #f56c6c !important;
  font-weight: 600 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* 分页器样式 - 包含疗程表格 */
.member-detail-modal-wrapper .el-pagination,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination,
.member-order-list .el-pagination,
.member-service-log .el-pagination,
.member-card-balance-log .el-pagination,
.member-log-container .el-pagination,
.member-tianmei-history .el-pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  padding: 12px 0 !important;
}
.member-detail-modal-wrapper .el-pagination .el-pagination__total,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-pagination__total,
.member-order-list .el-pagination .el-pagination__total,
.member-service-log .el-pagination .el-pagination__total,
.member-card-balance-log .el-pagination .el-pagination__total,
.member-log-container .el-pagination .el-pagination__total,
.member-tianmei-history .el-pagination .el-pagination__total,
.member-detail-modal-wrapper .el-pagination .el-pagination__sizes,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-pagination__sizes,
.member-order-list .el-pagination .el-pagination__sizes,
.member-service-log .el-pagination .el-pagination__sizes,
.member-card-balance-log .el-pagination .el-pagination__sizes,
.member-log-container .el-pagination .el-pagination__sizes,
.member-tianmei-history .el-pagination .el-pagination__sizes,
.member-detail-modal-wrapper .el-pagination .el-pagination__jump,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-pagination__jump,
.member-order-list .el-pagination .el-pagination__jump,
.member-service-log .el-pagination .el-pagination__jump,
.member-card-balance-log .el-pagination .el-pagination__jump,
.member-log-container .el-pagination .el-pagination__jump,
.member-tianmei-history .el-pagination .el-pagination__jump {
  font-size: 12px !important;
  color: #606266 !important;
}
.member-detail-modal-wrapper .el-pagination .el-pager li,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-pager li,
.member-order-list .el-pagination .el-pager li,
.member-service-log .el-pagination .el-pager li,
.member-card-balance-log .el-pagination .el-pager li,
.member-log-container .el-pagination .el-pager li,
.member-tianmei-history .el-pagination .el-pager li {
  font-size: 12px !important;
  min-width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
}
.member-detail-modal-wrapper .el-pagination .btn-prev,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .btn-prev,
.member-order-list .el-pagination .btn-prev,
.member-service-log .el-pagination .btn-prev,
.member-card-balance-log .el-pagination .btn-prev,
.member-log-container .el-pagination .btn-prev,
.member-tianmei-history .el-pagination .btn-prev,
.member-detail-modal-wrapper .el-pagination .btn-next,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .btn-next,
.member-order-list .el-pagination .btn-next,
.member-service-log .el-pagination .btn-next,
.member-card-balance-log .el-pagination .btn-next,
.member-log-container .el-pagination .btn-next,
.member-tianmei-history .el-pagination .btn-next {
  font-size: 12px !important;
  min-width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
}
.member-detail-modal-wrapper .el-pagination .el-input__inner,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-input__inner,
.member-order-list .el-pagination .el-input__inner,
.member-service-log .el-pagination .el-input__inner,
.member-card-balance-log .el-pagination .el-input__inner,
.member-log-container .el-pagination .el-input__inner,
.member-tianmei-history .el-pagination .el-input__inner {
  font-size: 12px !important;
  height: 28px !important;
  line-height: 28px !important;
}

/* 筛选区域样式优化 - 包含疗程表格 */
.member-detail-modal-wrapper .filter-container,
.member-detail-modal-wrapper .treatment-table-wrapper .filter-container,
.member-order-list .filter-container,
.member-service-log .filter-container,
.member-card-balance-log .filter-container,
.member-log-container .filter-container,
.member-tianmei-history .filter-container {
  padding: 12px 16px !important;
  background: #f8fafc !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
}
.member-detail-modal-wrapper .filter-container .el-form-item,
.member-detail-modal-wrapper .treatment-table-wrapper .filter-container .el-form-item,
.member-order-list .filter-container .el-form-item,
.member-service-log .filter-container .el-form-item,
.member-card-balance-log .filter-container .el-form-item,
.member-log-container .filter-container .el-form-item,
.member-tianmei-history .filter-container .el-form-item {
  margin-bottom: 0 !important;
  margin-right: 12px !important;
}
.member-detail-modal-wrapper .filter-container .el-form-item__label,
.member-detail-modal-wrapper .treatment-table-wrapper .filter-container .el-form-item__label,
.member-order-list .filter-container .el-form-item__label,
.member-service-log .filter-container .el-form-item__label,
.member-card-balance-log .filter-container .el-form-item__label,
.member-log-container .filter-container .el-form-item__label,
.member-tianmei-history .filter-container .el-form-item__label {
  font-size: 12px !important;
  color: #606266 !important;
  padding-right: 8px !important;
}
.member-detail-modal-wrapper .filter-container .el-button,
.member-detail-modal-wrapper .treatment-table-wrapper .filter-container .el-button,
.member-order-list .filter-container .el-button,
.member-service-log .filter-container .el-button,
.member-card-balance-log .filter-container .el-button,
.member-log-container .filter-container .el-button,
.member-tianmei-history .filter-container .el-button {
  font-size: 12px !important;
  padding: 0 16px !important;
  height: 32px !important;
  line-height: 32px !important;
}
.member-detail-modal-wrapper .filter-container .el-input__inner,
.member-detail-modal-wrapper .treatment-table-wrapper .filter-container .el-input__inner,
.member-order-list .filter-container .el-input__inner,
.member-service-log .filter-container .el-input__inner,
.member-card-balance-log .filter-container .el-input__inner,
.member-log-container .filter-container .el-input__inner,
.member-tianmei-history .filter-container .el-input__inner {
  font-size: 12px !important;
  height: 32px !important;
  line-height: 32px !important;
}

/* ==================== 响应式断点 - 全局样式 ==================== */

/* 超大屏幕 (>= 1920px) - 包含疗程表格 */
@media screen and (min-width: 1920px) {
.member-detail-modal-wrapper .el-table,
.member-detail-modal-wrapper .treatment-table,
.member-order-list .el-table,
.member-service-log .el-table,
.member-card-balance-log .el-table,
.member-log-container .el-table,
.member-tianmei-history .el-table {
    font-size: 13px !important;
}
.member-detail-modal-wrapper .el-table th,
.member-detail-modal-wrapper .treatment-table th,
.member-order-list .el-table th,
.member-service-log .el-table th,
.member-card-balance-log .el-table th,
.member-log-container .el-table th,
.member-tianmei-history .el-table th,
.member-detail-modal-wrapper .el-table td,
.member-detail-modal-wrapper .treatment-table td,
.member-order-list .el-table td,
.member-service-log .el-table td,
.member-card-balance-log .el-table td,
.member-log-container .el-table td,
.member-tianmei-history .el-table td {
    padding: 10px 8px !important;
    font-size: 13px !important;
}
}

/* 小桌面 (992px - 1199px) - 包含疗程表格 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.member-detail-modal-wrapper .el-table th,
.member-detail-modal-wrapper .treatment-table th,
.member-order-list .el-table th,
.member-service-log .el-table th,
.member-card-balance-log .el-table th,
.member-log-container .el-table th,
.member-tianmei-history .el-table th,
.member-detail-modal-wrapper .el-table td,
.member-detail-modal-wrapper .treatment-table td,
.member-order-list .el-table td,
.member-service-log .el-table td,
.member-card-balance-log .el-table td,
.member-log-container .el-table td,
.member-tianmei-history .el-table td {
    padding: 6px 3px !important;
    font-size: 11px !important;
}
}

/* 平板 (768px - 991px) - 包含疗程表格 */
@media screen and (min-width: 768px) and (max-width: 991px) {
.member-detail-modal-wrapper .el-table,
.member-detail-modal-wrapper .treatment-table,
.member-order-list .el-table,
.member-service-log .el-table,
.member-card-balance-log .el-table,
.member-log-container .el-table,
.member-tianmei-history .el-table {
    font-size: 11px !important;
}
.member-detail-modal-wrapper .el-table th,
.member-detail-modal-wrapper .treatment-table th,
.member-order-list .el-table th,
.member-service-log .el-table th,
.member-card-balance-log .el-table th,
.member-log-container .el-table th,
.member-tianmei-history .el-table th,
.member-detail-modal-wrapper .el-table td,
.member-detail-modal-wrapper .treatment-table td,
.member-order-list .el-table td,
.member-service-log .el-table td,
.member-card-balance-log .el-table td,
.member-log-container .el-table td,
.member-tianmei-history .el-table td {
    padding: 5px 3px !important;
    font-size: 11px !important;
}
}

/* 手机 (< 768px) - 包含疗程表格 */
@media screen and (max-width: 767px) {
.member-detail-modal-wrapper .el-table,
.member-detail-modal-wrapper .treatment-table,
.member-order-list .el-table,
.member-service-log .el-table,
.member-card-balance-log .el-table,
.member-log-container .el-table,
.member-tianmei-history .el-table {
    font-size: 11px !important;
}
.member-detail-modal-wrapper .el-table th,
.member-detail-modal-wrapper .treatment-table th,
.member-order-list .el-table th,
.member-service-log .el-table th,
.member-card-balance-log .el-table th,
.member-log-container .el-table th,
.member-tianmei-history .el-table th,
.member-detail-modal-wrapper .el-table td,
.member-detail-modal-wrapper .treatment-table td,
.member-order-list .el-table td,
.member-service-log .el-table td,
.member-card-balance-log .el-table td,
.member-log-container .el-table td,
.member-tianmei-history .el-table td {
    padding: 4px 2px !important;
    font-size: 11px !important;
}
.member-detail-modal-wrapper .el-pagination .el-pagination__total,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-pagination__total,
.member-order-list .el-pagination .el-pagination__total,
.member-service-log .el-pagination .el-pagination__total,
.member-card-balance-log .el-pagination .el-pagination__total,
.member-log-container .el-pagination .el-pagination__total,
.member-tianmei-history .el-pagination .el-pagination__total,
.member-detail-modal-wrapper .el-pagination .el-pagination__sizes,
.member-detail-modal-wrapper .treatment-table-wrapper .el-pagination .el-pagination__sizes,
.member-order-list .el-pagination .el-pagination__sizes,
.member-service-log .el-pagination .el-pagination__sizes,
.member-card-balance-log .el-pagination .el-pagination__sizes,
.member-log-container .el-pagination .el-pagination__sizes,
.member-tianmei-history .el-pagination .el-pagination__sizes {
    display: none !important;
}
}
.el-input[data-v-31e12f9b] :deep(.el-input__wrapper) {
  -webkit-box-shadow: 0 0 0 1px #e5e7eb;
          box-shadow: 0 0 0 1px #e5e7eb;
}
.el-input[data-v-31e12f9b] :deep(.el-input__wrapper.is-focus) {
  -webkit-box-shadow: 0 0 0 1px #409eff;
          box-shadow: 0 0 0 1px #409eff;
}
.el-select[data-v-31e12f9b] :deep(.el-input__wrapper) {
  -webkit-box-shadow: 0 0 0 1px #e5e7eb;
          box-shadow: 0 0 0 1px #e5e7eb;
}
.el-select[data-v-31e12f9b] :deep(.el-input__wrapper.is-focus) {
  -webkit-box-shadow: 0 0 0 1px #409eff;
          box-shadow: 0 0 0 1px #409eff;
}
.el-descriptions[data-v-31e12f9b] :deep(.el-descriptions__label) {
  background-color: #f8f9fa;
  padding: 12px 16px;
  width: 120px;
}
.el-descriptions[data-v-31e12f9b] :deep(.el-descriptions__content) {
  padding: 12px 16px;
}


@charset "UTF-8";

/* ==================== 基础布局样式 ==================== */
.app-container[data-v-5975f63a] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 确保所有直接子元素之间没有间距 */
.app-container > *[data-v-5975f63a] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .left-items > *[data-v-5975f63a],
.filter-container .right-items > *[data-v-5975f63a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-5975f63a] {
  margin: 0;
}

/* 搜索框图标对齐 */
[data-v-5975f63a] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-5975f63a] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* ==================== 表格包装器 ==================== */
.table-wrapper[data-v-5975f63a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-5975f63a] .el-table {
  font-size: 12px;
}
[data-v-5975f63a] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 4px 0;
  height: 32px;
}
[data-v-5975f63a] .el-table td {
  padding: 2px 0;
}
[data-v-5975f63a] .el-table .cell {
  line-height: 1.3;
  white-space: nowrap;
}

/* 表格行高 */
[data-v-5975f63a] .el-table .el-table__row {
  height: 32px;
}

/* 顾客单元格样式 */
.customer-cell[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customer-info[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.avatar[data-v-5975f63a] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: white;
  border: 2px solid #C9A962;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.avatar-img[data-v-5975f63a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar-default[data-v-5975f63a] {
  width: 16px;
  height: 16px;
}
.customer-name[data-v-5975f63a] {
  font-weight: 500;
  color: #409eff;
  cursor: pointer;
  text-decoration: none;
}
.customer-name[data-v-5975f63a]:hover {
  text-decoration: underline;
}
.member-type[data-v-5975f63a] {
  padding: 2px 6px;
  background: #ecf5ff;
  color: #409eff;
  font-size: 11px;
  border-radius: 10px;
  white-space: nowrap;
}
.tag-list[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.tag-item[data-v-5975f63a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
}
.customer-phone[data-v-5975f63a] {
  color: #909399;
  font-size: 12px;
  margin-top: 2px;
  margin-left: 40px;
  line-height: 1.2;
}

/* 疗程列表 */
.treatment-list[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.treatment-item[data-v-5975f63a] {
  color: #606266;
  font-size: 13px;
}
.more-treatment[data-v-5975f63a] {
  font-size: 12px;
  color: #409eff;
  cursor: pointer;
}
.no-data[data-v-5975f63a] {
  color: #c0c4cc;
}

/* 卡类型 */
.card-type[data-v-5975f63a] {
  display: inline-block;
  padding: 2px 8px;
  background: #ecf5ff;
  color: #409eff;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.card-type[data-v-5975f63a]:hover {
  background: #d9ecff;
}
.card-count[data-v-5975f63a] {
  font-size: 12px;
  color: #909399;
  margin-top: 4px;
}

/* 微信绑定 */
.wechat-bind[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.wechat-info[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.wechat-icon[data-v-5975f63a] {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wechat-name[data-v-5975f63a] {
  font-size: 13px;
}
.unbind-btn[data-v-5975f63a] {
  color: #f56c6c;
  padding: 0;
  height: auto;
  font-size: 12px;
}
.unbind-btn[data-v-5975f63a]:hover {
  color: #f78989;
}

/* 标签间距 */
.tag-margin[data-v-5975f63a] {
  margin-right: 4px;
  margin-bottom: 4px;
}

/* 总余额 */
.total-balance[data-v-5975f63a] {
  color: #e6a23c;
  font-weight: 500;
}

/* 选中信息提示 */
.selection-info[data-v-5975f63a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
  background-color: #f0f9ff;
  border: 1px solid #ffffff;
  border-radius: 4px;
}
.selection-info.has-selection[data-v-5975f63a] {
  height: 40px;
  margin-bottom: 8px;
}
.selection-content[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selection-text[data-v-5975f63a] {
  font-size: 13px;
  color: #475569;
}
.total-count[data-v-5975f63a] {
  color: #0ea5e9;
  font-weight: 600;
}
.selection-count[data-v-5975f63a] {
  color: #0ea5e9;
  font-weight: 600;
}
.select-all-link[data-v-5975f63a] {
  color: #0ea5e9;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 500;
}
.select-all-link[data-v-5975f63a]:hover {
  color: #0284c7;
}
.selection-actions[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 操作按钮样式 */
.action-icons[data-v-5975f63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn[data-v-5975f63a] {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  font-size: 14px !important;
  border-radius: 50% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.action-btn[data-v-5975f63a]:hover {
  background-color: #f5f7fa !important;
}
.delete-btn[data-v-5975f63a]:hover {
  color: #f56c6c !important;
}

/* 分页 */
[data-v-5975f63a] .pagination-container {
  margin-top: 8px !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.filter-container[data-v-5975f63a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-5975f63a],
.filter-container .right-items[data-v-5975f63a] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-5975f63a] {
    overflow-x: auto;
}
[data-v-5975f63a] .el-table {
    min-width: 1200px;
}
[data-v-5975f63a] .el-table th {
    padding: 4px 0;
    font-size: 12px;
    height: 32px;
}
[data-v-5975f63a] .el-table td {
    padding: 2px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-5975f63a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-5975f63a],
.filter-container .right-items[data-v-5975f63a] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-5975f63a] {
    overflow-x: auto;
}
[data-v-5975f63a] .el-table {
    min-width: 1200px;
}
[data-v-5975f63a] .el-table th {
    padding: 4px 0;
    font-size: 12px;
    height: 32px;
}
[data-v-5975f63a] .el-table td {
    padding: 2px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container[data-v-5975f63a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-5975f63a] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .right-items[data-v-5975f63a] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.table-wrapper[data-v-5975f63a] {
    overflow-x: auto;
}
[data-v-5975f63a] .el-table {
    min-width: 1200px;
}
}

/* ==================== 宽度工具类 ==================== */
.w-32[data-v-5975f63a] {
  width: 128px !important;
}
.w-36[data-v-5975f63a] {
  width: 144px !important;
}
.w-44[data-v-5975f63a] {
  width: 176px !important;
}
.w-60[data-v-5975f63a] {
  width: 240px !important;
}

/* 会员卡详情弹窗样式 */
.card-detail-dialog[data-v-5975f63a]  .el-dialog {
  border-radius: 8px;
}
.card-detail-dialog[data-v-5975f63a]  .el-dialog__header {
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
}
.card-detail-dialog[data-v-5975f63a]  .el-dialog__header .el-dialog__title {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
.card-detail-dialog[data-v-5975f63a]  .el-dialog__body {
  padding: 20px;
}
.card-table-wrapper[data-v-5975f63a] {
  margin-top: 16px;
  width: 100%;
  overflow-x: auto;
}
.card-table-wrapper[data-v-5975f63a]  .el-table {
  font-size: 12px;
  width: 100% !important;
}
.card-table-wrapper[data-v-5975f63a]  .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 4px;
  font-size: 12px;
  white-space: nowrap;
}
.card-table-wrapper[data-v-5975f63a]  .el-table td {
  padding: 6px 4px;
  font-size: 12px;
}
.card-table-wrapper[data-v-5975f63a]  .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  padding: 0 4px;
}
.card-table-wrapper[data-v-5975f63a]  .el-table .el-tag {
  font-size: 11px;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
}
.total-balance[data-v-5975f63a] {
  color: #f56c6c;
  font-weight: 500;
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.app-container[data-v-5975f63a]  {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 单选按钮组 */
  /* Element UI 多选框 */
  /* Element UI 标签 */
}
.app-container[data-v-5975f63a]  .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-button--primary:hover, .app-container[data-v-5975f63a]  .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.app-container[data-v-5975f63a]  .el-button--text {
  color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-button--text:hover, .app-container[data-v-5975f63a]  .el-button--text:focus {
  color: var(--theme-color-dark);
}
.app-container[data-v-5975f63a]  .el-input__inner:focus {
  border-color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
          box-shadow: -1px 0 0 0 var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}
.app-container[data-v-5975f63a]  .el-tag--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
.advanced-search-drawer .el-drawer__body[data-v-4652015a] {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.drawer-body[data-v-4652015a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px 20px;
}
.drawer-form-scroll[data-v-4652015a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-height: 0;
  margin-right: -4px;
  padding-right: 4px;
}
.drawer-footer-actions[data-v-4652015a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  background: #fff;
}
.section[data-v-4652015a] { padding: 12px 0; border-bottom: 1px solid #f2f2f2;
}
.section[data-v-4652015a]:last-child { border-bottom: 0;
}
.section-title[data-v-4652015a] { font-weight: 600; color: #333; margin-bottom: 8px;
}
.range-input[data-v-4652015a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.range-input .sep[data-v-4652015a] { margin: 0 8px; color: #999;
}
.range-input .unit[data-v-4652015a] { margin-left: 6px; color: #666;
}
.helper-text[data-v-4652015a] { margin-top: 6px; font-size: 12px; color: #999;
}
.w-full[data-v-4652015a] { width: 100%;
}

/* 确保文字完全显示 */
[data-v-4652015a]:deep(.el-form-item__label) {
  white-space: nowrap;
  overflow: visible;
  text-overflow: unset;
}

/* 关键字搜索和生日行布局 */
.keyword-birthday-row[data-v-4652015a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.keyword-input[data-v-4652015a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
}
.birthday-section[data-v-4652015a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.birthday-label[data-v-4652015a] {
  font-size: 14px;
  color: #606266;
  white-space: nowrap;
  margin-right: 8px;
}
.birthday-picker[data-v-4652015a] {
  width: 280px;
}
.calendar-segment[data-v-4652015a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 数字文本框样式 */
.number-range-input[data-v-4652015a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.number-input[data-v-4652015a] {
  width: 100px;
}
.number-range-input .sep[data-v-4652015a] {
  margin: 0 4px;
  color: #999;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.range-label[data-v-4652015a] {
  color: #606266;
  font-size: 14px;
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.number-range-input .unit[data-v-4652015a] {
  margin-left: 6px;
  color: #666;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 响应式布局优化 */
@media (max-width: 1200px) {
.drawer-body[data-v-4652015a] { padding: 12px 16px;
}
[data-v-4652015a]:deep(.el-form-item__label) { width: auto !important;
}
.number-input[data-v-4652015a] { width: 80px;
}
.keyword-birthday-row[data-v-4652015a] { gap: 12px;
}
.keyword-input[data-v-4652015a] { min-width: 180px;
}
.birthday-picker[data-v-4652015a] { width: 240px;
}
.el-row[data-v-4652015a] { margin-left: -8px !important; margin-right: -8px !important;
}
.el-col[data-v-4652015a] { padding-left: 8px !important; padding-right: 8px !important;
}
}
@media (max-width: 992px) {
.drawer-body[data-v-4652015a] { padding: 10px 12px;
}
[data-v-4652015a]:deep(.el-form-item__label) { width: auto !important;
}
.number-input[data-v-4652015a] { width: 70px;
}
.keyword-birthday-row[data-v-4652015a] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px;
}
.keyword-input[data-v-4652015a] { min-width: 100%;
}
.birthday-section[data-v-4652015a] { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.birthday-picker[data-v-4652015a] { width: 200px;
}
}
@media (max-width: 768px) {
.drawer-body[data-v-4652015a] { padding: 8px 10px;
}
[data-v-4652015a]:deep(.el-form-item__label) { width: auto !important; font-size: 14px;
}
.number-input[data-v-4652015a] { width: 60px;
}
.number-range-input[data-v-4652015a] { gap: 4px;
}
.range-label[data-v-4652015a] { font-size: 12px; margin-left: 4px;
}
.section-title[data-v-4652015a] { font-size: 14px;
}
.keyword-birthday-row[data-v-4652015a] { gap: 6px;
}
.birthday-section[data-v-4652015a] { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px;
}
.birthday-picker[data-v-4652015a] { width: 180px;
}
}

/* 选择弹窗通用样式 */
.select-dialog .dialog-toolbar[data-v-4652015a] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}
.select-dialog .search-line[data-v-4652015a] { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:10px 0;
}
.select-dialog .dialog-body[data-v-4652015a] { display:-webkit-box; display:-ms-flexbox; display:flex; gap:16px;
}
.select-dialog .left-cats[data-v-4652015a] { width:160px; border-right:1px solid #f0f0f0;
}
.select-dialog .right-list[data-v-4652015a] { -webkit-box-flex:1; -ms-flex:1; flex:1;
}
.select-dialog .grid[data-v-4652015a] { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px;
}
@media (max-width: 1000px) {
.select-dialog .grid[data-v-4652015a] { grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 700px) {
.select-dialog .grid[data-v-4652015a] { grid-template-columns: repeat(2, 1fr);
}
}

/* ==================== 基础布局 ==================== */
.app-container[data-v-a49ce102] {
  padding: 10px !important;
  background-color: #F9FAFB !important;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100% !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.app-container > *[data-v-a49ce102] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 主内容区域：左右布局 ==================== */
.app-container .main-content[data-v-a49ce102] {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  gap: 10px !important;
  overflow: hidden !important;
  width: 100% !important;
  min-height: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.app-container > .main-content > .left-content[data-v-a49ce102] {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  overflow-y: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: auto !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.app-container .right-content[data-v-a49ce102] {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  background: #fff !important;
  border-radius: 4px !important;
  padding: 15px !important;
  overflow-y: auto !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 300px !important;
          flex: 0 0 300px !important;
  display: block !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* ==================== 筛选区域样式 ==================== */
.app-container > .main-content > .left-content > .filter-container[data-v-a49ce102] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  background: #fff !important;
  padding: 10px !important;
  border-radius: 4px !important;
  min-height: 48px;
}
.filter-container .left-items[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  line-height: 1;
}
.filter-container .right-items[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  line-height: 1;
}
.filter-item[data-v-a49ce102] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
[data-v-a49ce102] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-a49ce102] .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-a49ce102] .el-input {
  height: 28px;
}

/* 搜索框图标对齐 */
[data-v-a49ce102] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-a49ce102] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 筛选区域组件统一对齐 */
.filter-container .left-items[data-v-a49ce102],
.filter-container .right-items[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-container .left-items > *[data-v-a49ce102],
.filter-container .right-items > *[data-v-a49ce102] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 统计区域样式 ==================== */
.app-container > .main-content > .left-content > .stats-section[data-v-a49ce102] {
  background: #fff !important;
  padding: 15px !important;
  border-radius: 4px !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.section-title[data-v-a49ce102] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebeef5;
}
.stats-grid[data-v-a49ce102] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}
.stat-item[data-v-a49ce102] {
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  background: linear-gradient(145deg, #ffffff 0%, #f5f7fa 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.stat-item[data-v-a49ce102]:hover {
  background: linear-gradient(145deg, #e6f7ff 0%, #d9f7ff 100%);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2);
          box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2);
}

/* 不同位置的卡片显示不同颜色的阴影 */
.stats-grid .stat-item[data-v-a49ce102]:nth-child(1) {
  -webkit-box-shadow: 0 2px 8px rgba(255, 107, 107, 0.25);
          box-shadow: 0 2px 8px rgba(255, 107, 107, 0.25);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(1):hover {
  -webkit-box-shadow: 0 4px 12px rgba(255, 107, 107, 0.35);
          box-shadow: 0 4px 12px rgba(255, 107, 107, 0.35);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(2) {
  -webkit-box-shadow: 0 2px 8px rgba(78, 205, 196, 0.25);
          box-shadow: 0 2px 8px rgba(78, 205, 196, 0.25);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(2):hover {
  -webkit-box-shadow: 0 4px 12px rgba(78, 205, 196, 0.35);
          box-shadow: 0 4px 12px rgba(78, 205, 196, 0.35);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(3) {
  -webkit-box-shadow: 0 2px 8px rgba(69, 183, 209, 0.25);
          box-shadow: 0 2px 8px rgba(69, 183, 209, 0.25);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(3):hover {
  -webkit-box-shadow: 0 4px 12px rgba(69, 183, 209, 0.35);
          box-shadow: 0 4px 12px rgba(69, 183, 209, 0.35);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(4) {
  -webkit-box-shadow: 0 2px 8px rgba(150, 206, 180, 0.25);
          box-shadow: 0 2px 8px rgba(150, 206, 180, 0.25);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(4):hover {
  -webkit-box-shadow: 0 4px 12px rgba(150, 206, 180, 0.35);
          box-shadow: 0 4px 12px rgba(150, 206, 180, 0.35);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(5) {
  -webkit-box-shadow: 0 2px 8px rgba(254, 202, 87, 0.25);
          box-shadow: 0 2px 8px rgba(254, 202, 87, 0.25);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(5):hover {
  -webkit-box-shadow: 0 4px 12px rgba(254, 202, 87, 0.35);
          box-shadow: 0 4px 12px rgba(254, 202, 87, 0.35);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(6) {
  -webkit-box-shadow: 0 2px 8px rgba(255, 159, 243, 0.25);
          box-shadow: 0 2px 8px rgba(255, 159, 243, 0.25);
}
.stats-grid .stat-item[data-v-a49ce102]:nth-child(6):hover {
  -webkit-box-shadow: 0 4px 12px rgba(255, 159, 243, 0.35);
          box-shadow: 0 4px 12px rgba(255, 159, 243, 0.35);
}
.stat-item.total[data-v-a49ce102] {
  background: linear-gradient(135deg, #1890ff 0%, #36cfc9 100%);
  color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
          box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
}
.stat-item.total[data-v-a49ce102]:hover {
  background: linear-gradient(135deg, #40a9ff 0%, #5cdbd3 100%);
  -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
          box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
}
.stat-value[data-v-a49ce102] {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}
.stat-label[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
}
.stat-tag[data-v-a49ce102] {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
}
.trend[data-v-a49ce102] {
  font-size: 11px;
}
.trend-up[data-v-a49ce102] {
  color: #52c41a;
}
.trend-down[data-v-a49ce102] {
  color: #f5222d;
}

/* 标签颜色 */
.tag-red[data-v-a49ce102] {
  background: #fff1f0;
  color: #cf1322;
}
.tag-blue[data-v-a49ce102] {
  background: #e6f7ff;
  color: #096dd9;
}
.tag-green[data-v-a49ce102] {
  background: #f6ffed;
  color: #389e0d;
}
.tag-yellow[data-v-a49ce102] {
  background: #fffbe6;
  color: #d48806;
}
.tag-cyan[data-v-a49ce102] {
  background: #e6fffb;
  color: #08979c;
}
.tag-gray[data-v-a49ce102] {
  background: #f5f5f5;
  color: #595959;
}
.tag-orange[data-v-a49ce102] {
  background: #fff7e6;
  color: #d46b08;
}

/* ==================== 右侧内容样式 ==================== */
.right-content .sidebar-header[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
}
.sidebar-header[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
}
.sidebar-title[data-v-a49ce102] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.sidebar-date[data-v-a49ce102] {
  font-size: 12px;
  color: #909399;
}
.follow-up-stats[data-v-a49ce102] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 15px;
}
.follow-up-item[data-v-a49ce102] {
  padding: 12px;
  border-radius: 4px;
  text-align: center;
}
.follow-up-item.today[data-v-a49ce102] {
  background: #e6f7ff;
}
.follow-up-item.overdue[data-v-a49ce102] {
  background: #fff1f0;
}
.follow-up-value[data-v-a49ce102] {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}
.follow-up-item.today .follow-up-value[data-v-a49ce102] {
  color: #1890ff;
}
.follow-up-item.overdue .follow-up-value[data-v-a49ce102] {
  color: #f5222d;
}
.follow-up-label[data-v-a49ce102] {
  font-size: 12px;
  color: #666;
}
.customer-card[data-v-a49ce102] {
  background: #f5f7fa;
  border-radius: 4px;
  padding: 12px;
}
.customer-header[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.customer-name[data-v-a49ce102] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.customer-tags[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.customer-tag[data-v-a49ce102] {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
}
.customer-date[data-v-a49ce102] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 8px;
}
.customer-project[data-v-a49ce102] {
  font-size: 13px;
  color: #303133;
  margin-bottom: 8px;
  font-weight: 500;
}
.next-tracking[data-v-a49ce102] {
  background: #e6f7ff;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}
.next-tracking-title[data-v-a49ce102] {
  font-size: 12px;
  color: #1890ff;
  margin-bottom: 4px;
}
.next-tracking-time[data-v-a49ce102] {
  font-size: 13px;
  color: #303133;
}
.customer-footer[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customer-type[data-v-a49ce102] {
  font-size: 12px;
  color: #1890ff;
}

/* ==================== 弹窗样式 ==================== */
.dialog-content[data-v-a49ce102] {
  padding: 0 10px;
}
.dialog-customer-info[data-v-a49ce102] {
  background: #f5f7fa;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 15px;
}
.dialog-customer-header[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.dialog-customer-name[data-v-a49ce102] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.dialog-customer-tags[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.dialog-customer-tag[data-v-a49ce102] {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
}
.dialog-customer-date[data-v-a49ce102] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 6px;
}
.dialog-customer-project[data-v-a49ce102] {
  font-size: 13px;
  color: #303133;
  margin-bottom: 6px;
  font-weight: 500;
}
.dialog-customer-type[data-v-a49ce102] {
  font-size: 12px;
  color: #1890ff;
}
.dialog-form[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.form-item[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.form-label[data-v-a49ce102] {
  font-size: 13px;
  color: #606266;
  font-weight: 500;
}
.dialog-footer[data-v-a49ce102] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.w-full[data-v-a49ce102] {
  width: 100%;
}

/* ==================== 响应式样式 ==================== */
@media (max-width: 1400px) {
.right-content[data-v-a49ce102] {
    width: 260px;
}
.stats-grid[data-v-a49ce102] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1200px) {
.main-content[data-v-a49ce102] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.right-content[data-v-a49ce102] {
    width: 100%;
    height: auto;
    max-height: 300px;
}
.stats-grid[data-v-a49ce102] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.stats-grid[data-v-a49ce102] {
    grid-template-columns: repeat(2, 1fr);
}
.filter-container[data-v-a49ce102] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: auto;
}
.filter-container .left-items[data-v-a49ce102],
  .filter-container .right-items[data-v-a49ce102] {
    width: 100%;
    height: auto;
}
}
@media (max-width: 768px) {
.stats-grid[data-v-a49ce102] {
    grid-template-columns: repeat(2, 1fr);
}
.stat-value[data-v-a49ce102] {
    font-size: 20px;
}
.follow-up-stats[data-v-a49ce102] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.app-container[data-v-a49ce102] {
    padding: 5px;
}
.stats-grid[data-v-a49ce102] {
    grid-template-columns: 1fr;
}
.filter-container .left-items[data-v-a49ce102] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-item[data-v-a49ce102] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
}

/* ==================== 筛选区域主题颜色覆盖 ==================== */
.app-container[data-v-a49ce102]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 单选按钮组 */
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
            box-shadow: -1px 0 0 0 var(--theme-color);
}
  /* Element UI 日期选择器 */
.el-date-editor .el-range-input:focus {
    border-color: var(--theme-color);
}
}

@charset "UTF-8";
.app-container[data-v-5cf028c2] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
}

/* 确保所有直接子元素之间没有间距，覆盖全局 index.scss */
.app-container > *[data-v-5cf028c2] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.app-container[data-v-5cf028c2]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.app-container[data-v-5cf028c2]  .el-button [class*=el-icon-] {
  font-size: 12px;
}
.app-container[data-v-5cf028c2]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.app-container[data-v-5cf028c2]  .el-input__icon {
  line-height: 28px;
}
.app-container[data-v-5cf028c2]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.filter-container[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-5cf028c2] {
  margin: 0;
}
.filter-container .left-items > *[data-v-5cf028c2],
.filter-container .right-items > *[data-v-5cf028c2] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-btn[data-v-5cf028c2] {
  margin: 0;
}
.action-btn i[data-v-5cf028c2] {
  margin-right: 4px;
  font-size: 12px;
}
[data-v-5cf028c2] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-5cf028c2] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}
.table-wrapper[data-v-5cf028c2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.table-section[data-v-5cf028c2] {
  background: #fff;
}
.member-tags-table[data-v-5cf028c2] {
  font-size: 12px;
}
.member-tags-table[data-v-5cf028c2]  .el-table__header-wrapper th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 4px 0;
  height: 32px;
  font-size: 12px;
}
.member-tags-table[data-v-5cf028c2]  .el-table__body-wrapper td {
  padding: 2px 0;
  font-size: 12px;
}
.member-tags-table[data-v-5cf028c2]  .cell {
  line-height: 1.3;
}
.member-tags-table[data-v-5cf028c2]  .el-table__row {
  height: 32px;
}
.member-tags-table[data-v-5cf028c2]  .el-tag {
  width: 32px;
  text-align: center;
}
.rule-cell[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rule-cell .rule-text[data-v-5cf028c2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  font-size: 12px;
  line-height: 1.5;
  word-break: break-all;
}
.sort-header[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sort-header i[data-v-5cf028c2] {
  margin-left: 4px;
  color: #E6A23C;
  cursor: help;
}
.nav-item[data-v-5cf028c2] {
  padding: 8px 12px;
  color: #606266;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.nav-item[data-v-5cf028c2]:hover {
  color: #409EFF;
}
.el-message-box__input input[data-v-5cf028c2]::-webkit-outer-spin-button,
.el-message-box__input input[data-v-5cf028c2]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.el-message-box__input input[type=number][data-v-5cf028c2] {
  -moz-appearance: textfield;
}
.rule-container[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rule-form-section[data-v-5cf028c2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.rule-preview-section[data-v-5cf028c2] {
  width: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rule-preview-title[data-v-5cf028c2] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 8px;
}
.rule-preview-box[data-v-5cf028c2] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 12px;
  background-color: #F5F7FA;
  min-height: 60px;
}
.rule-placeholder[data-v-5cf028c2] {
  color: #c0c4cc;
  font-size: 14px;
}
.sort-container[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 40px;
  width: 100%;
}
.sort-button[data-v-5cf028c2] {
  padding: 1px 3px !important;
  margin: 0 !important;
  min-height: auto !important;
  line-height: 1 !important;
  position: absolute;
}
.sort-up[data-v-5cf028c2] {
  top: 2px;
  left: 10px;
}
.sort-down[data-v-5cf028c2] {
  bottom: 2px;
  right: 10px;
}
.sort-icon[data-v-5cf028c2] {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  display: inline-block;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.sort-icon.disabled[data-v-5cf028c2] {
  color: #C0C4CC;
  cursor: not-allowed;
}
.sort-icon[data-v-5cf028c2]:hover:not(.disabled) {
  color: #333333;
}
.dialog-form .form-row[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.dialog-form .form-item-inline[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  font-size: 12px;
}
.dialog-form .form-item-inline .el-input[data-v-5cf028c2] {
  width: 80px;
}
.dialog-form .form-item-inline .el-input .el-input__inner[data-v-5cf028c2] {
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
}
.dialog-form .form-item-inline .hint-text[data-v-5cf028c2] {
  margin-left: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dialog-form .hint-text[data-v-5cf028c2] {
  color: #909399;
  font-size: 12px;
  margin-left: 8px;
  white-space: nowrap;
}
.dialog-form .rule-form-section .el-form-item[data-v-5cf028c2] {
  margin-bottom: 16px;
}
.dialog-form .el-form-item__content[data-v-5cf028c2] {
  white-space: nowrap;
}
.rule-number-highlight[data-v-5cf028c2] {
  color: #409EFF;
  cursor: pointer;
}
.rule-select-inline[data-v-5cf028c2] {
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 4px;
  margin: 0 4px;
  height: 24px;
  font-size: 12px;
}
.drawer-content[data-v-5cf028c2] {
  padding: 20px;
  height: calc(100% - 60px);
  overflow-y: auto;
  min-width: 560px;
}
.drawer-footer[data-v-5cf028c2] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px;
  border-top: 1px solid #e4e7ed;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
[data-v-5cf028c2] .el-drawer {
  min-width: 900px;
}
[data-v-5cf028c2] .el-drawer__body {
  overflow: hidden;
}
[data-v-5cf028c2] .el-drawer__container {
  min-width: 900px;
}
[data-v-5cf028c2] .dialog-form .el-form-item__content {
  white-space: nowrap !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
[data-v-5cf028c2] .dialog-form .form-item-inline {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
[data-v-5cf028c2] .dialog-form .form-item-inline > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
[data-v-5cf028c2] .dialog-form .form-item-inline span {
  white-space: nowrap;
}
[data-v-5cf028c2] .dialog-form .form-item-inline .el-input-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
}
.dimension-card[data-v-5cf028c2] {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  overflow: hidden;
}
.dimension-card .card-header[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-bottom: 1px solid #ebeef5;
}
.dimension-card .card-header .card-title[data-v-5cf028c2] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.dimension-card .card-header .card-header-left[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.dimension-card .card-header .card-header-left .header-btn[data-v-5cf028c2] {
  padding: 4px 8px;
  margin-left: 0;
}
.dimension-card .card-header .card-header-left .header-checkbox[data-v-5cf028c2] {
  margin-left: 8px;
}
.dimension-card .card-header .card-header-left .header-checkbox .el-checkbox__label[data-v-5cf028c2] {
  font-size: 12px;
  padding-left: 4px;
}
.dimension-card .card-header .card-header-right[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dimension-card .card-header .card-header-right .header-btn[data-v-5cf028c2] {
  padding: 6px 12px;
  margin-left: 0;
}
.dimension-card .card-header .card-header-right .header-btn i[data-v-5cf028c2] {
  margin-right: 4px;
}
.dimension-card .table-section[data-v-5cf028c2] {
  padding: 0;
}
.custom-dimension-card .card-header[data-v-5cf028c2] {
  background: linear-gradient(135deg, #f0f9eb 0%, #c2e7b0 100%);
}
.custom-dimension-card .card-header .card-header-right[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.custom-dimension-card .card-header .card-header-right .header-btn[data-v-5cf028c2] {
  border-radius: 4px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-dimension-card .card-header .card-header-right .header-btn.add-category-btn[data-v-5cf028c2] {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}
.custom-dimension-card .card-header .card-header-right .header-btn.add-category-btn[data-v-5cf028c2]:hover {
  background: #85ce61;
  border-color: #85ce61;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
}
.custom-dimension-card .card-header .card-header-right .header-btn.add-category-btn[data-v-5cf028c2]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.custom-dimension-card .card-header .card-header-right .header-btn.add-category-btn i[data-v-5cf028c2] {
  margin-right: 4px;
}
.custom-dimension-card .card-header .card-header-right .header-btn.delete-dimension-btn[data-v-5cf028c2] {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
  padding: 6px 10px;
}
.custom-dimension-card .card-header .card-header-right .header-btn.delete-dimension-btn[data-v-5cf028c2]:hover {
  background: #f78989;
  border-color: #f78989;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(245, 108, 108, 0.3);
          box-shadow: 0 2px 8px rgba(245, 108, 108, 0.3);
}
.custom-dimension-card .card-header .card-header-right .header-btn.delete-dimension-btn[data-v-5cf028c2]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.action-buttons[data-v-5cf028c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.action-buttons .delete-btn[data-v-5cf028c2] {
  color: #f56c6c;
}
.action-buttons .delete-btn[data-v-5cf028c2]:hover {
  color: #f78989;
}
@media screen and (max-width: 1200px) {
.filter-container[data-v-5cf028c2] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter-container .left-items[data-v-5cf028c2] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.dialog-form .form-row[data-v-5cf028c2],
.dialog-form .form-item-inline[data-v-5cf028c2] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
@charset "UTF-8";

/* ==================== 基础布局样式 ==================== */
.app-container[data-v-3a334a64] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.app-container > *[data-v-3a334a64] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-3a334a64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-3a334a64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-3a334a64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-3a334a64] {
  margin: 0;
}
.filter-container .left-items > *[data-v-3a334a64],
.filter-container .right-items > *[data-v-3a334a64] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-3a334a64] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-3a334a64] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* ==================== 统计信息卡片 ==================== */
.stats-section[data-v-3a334a64] {
  background: #fff;
  padding: 10px 0;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.stats-grid[data-v-3a334a64] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.stat-card[data-v-3a334a64] {
  padding: 10px;
  border-radius: 4px;
  text-align: center;
}
.stat-card.blue[data-v-3a334a64] {
  background-color: #eff6ff;
}
.stat-card.green[data-v-3a334a64] {
  background-color: #f0fdf4;
}
.stat-card.orange[data-v-3a334a64] {
  background-color: #fff7ed;
}
.stat-card.red[data-v-3a334a64] {
  background-color: #fef2f2;
}
.stat-card.purple[data-v-3a334a64] {
  background-color: #faf5ff;
}
.stat-card.indigo[data-v-3a334a64] {
  background-color: #eef2ff;
}
.stat-label[data-v-3a334a64] {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
}
.stat-value[data-v-3a334a64] {
  font-size: 16px;
  font-weight: 600;
}
.stat-card.blue .stat-value[data-v-3a334a64] {
  color: #3b82f6;
}
.stat-card.green .stat-value[data-v-3a334a64] {
  color: #22c55e;
}
.stat-card.orange .stat-value[data-v-3a334a64] {
  color: #f97316;
}
.stat-card.red .stat-value[data-v-3a334a64] {
  color: #ef4444;
}
.stat-card.purple .stat-value[data-v-3a334a64] {
  color: #a855f7;
}
.stat-card.indigo .stat-value[data-v-3a334a64] {
  color: #6366f1;
}

/* ==================== 表格包装器 ==================== */
.table-wrapper[data-v-3a334a64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
  margin-top: 10px;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-3a334a64] .el-table {
  font-size: 12px;
}
[data-v-3a334a64] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 4px 0;
  height: 32px;
}
[data-v-3a334a64] .el-table td {
  padding: 2px 0;
}
[data-v-3a334a64] .el-table .cell {
  line-height: 1.3;
  white-space: nowrap;
}
[data-v-3a334a64] .el-table .el-table__row {
  height: 32px;
}

/* 金额高亮 */
.amount-highlight[data-v-3a334a64] {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
}
.amount-highlight.orange[data-v-3a334a64] {
  background-color: #fff7ed;
  color: #f97316;
}

/* 项目标签 */
.item-tags[data-v-3a334a64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.item-tag[data-v-3a334a64] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 6px;
  border-radius: 12px;
  background-color: #eff6ff;
  color: #3b82f6;
  font-size: 11px;
  cursor: help;
}
.item-count[data-v-3a334a64] {
  margin-left: 4px;
  font-size: 10px;
}
.item-count.unlimited[data-v-3a334a64] {
  color: #22c55e;
}
.item-count.normal[data-v-3a334a64] {
  color: #60a5fa;
}

/* 无数据 */
.no-data[data-v-3a334a64] {
  color: #9ca3af;
}

/* 灰色文字 */
.text-gray[data-v-3a334a64] {
  color: #6b7280;
}

/* 分页 */
[data-v-3a334a64] .pagination-container {
  margin-top: 8px !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1400px) {
.stats-grid[data-v-3a334a64] {
    grid-template-columns: repeat(6, 1fr);
}
}
@media screen and (max-width: 1200px) {
.stats-grid[data-v-3a334a64] {
    grid-template-columns: repeat(6, 1fr);
}
.filter-container[data-v-3a334a64] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-3a334a64],
.filter-container .right-items[data-v-3a334a64] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-3a334a64] {
    overflow-x: auto;
}
[data-v-3a334a64] .el-table {
    min-width: 1200px;
}
[data-v-3a334a64] .el-table th {
    padding: 4px 0;
    font-size: 12px;
    height: 32px;
}
[data-v-3a334a64] .el-table td {
    padding: 2px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.stats-grid[data-v-3a334a64] {
    grid-template-columns: repeat(6, 1fr);
}
.filter-container[data-v-3a334a64] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-3a334a64],
.filter-container .right-items[data-v-3a334a64] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-3a334a64] {
    overflow-x: auto;
}
[data-v-3a334a64] .el-table {
    min-width: 1200px;
}
[data-v-3a334a64] .el-table th {
    padding: 4px 0;
    font-size: 12px;
    height: 32px;
}
[data-v-3a334a64] .el-table td {
    padding: 2px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.stats-grid[data-v-3a334a64] {
    grid-template-columns: repeat(3, 1fr);
}
.filter-container[data-v-3a334a64] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-3a334a64] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .right-items[data-v-3a334a64] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.table-wrapper[data-v-3a334a64] {
    overflow-x: auto;
}
[data-v-3a334a64] .el-table {
    min-width: 1200px;
}
}

/* ==================== 宽度工具类 ==================== */
.w-32[data-v-3a334a64] {
  width: 128px !important;
}
.w-64[data-v-3a334a64] {
  width: 256px !important;
}

/* 全局按钮和输入框样式 - 固定高度28px（与dataScreen.vue保持一致） */
.app-container[data-v-3a334a64]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.app-container[data-v-3a334a64]  .el-button [class*=el-icon-] {
  font-size: 12px;
}
.app-container[data-v-3a334a64]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.app-container[data-v-3a334a64]  .el-input__icon {
  line-height: 28px;
}
.app-container[data-v-3a334a64]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-3a334a64]  .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-3a334a64]  .el-date-editor--daterange .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.app-container[data-v-3a334a64]  .el-date-editor--daterange .el-range-input {
  font-size: 12px;
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.app-container[data-v-3a334a64]  {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 单选按钮组 */
  /* Element UI 多选框 */
  /* Element UI 标签 */
}
.app-container[data-v-3a334a64]  .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-button--primary:hover, .app-container[data-v-3a334a64]  .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.app-container[data-v-3a334a64]  .el-button--text {
  color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-button--text:hover, .app-container[data-v-3a334a64]  .el-button--text:focus {
  color: var(--theme-color-dark);
}
.app-container[data-v-3a334a64]  .el-input__inner:focus {
  border-color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
          box-shadow: -1px 0 0 0 var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}
.app-container[data-v-3a334a64]  .el-tag--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
@charset "UTF-8";
.app-container[data-v-641ecb46] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 确保所有直接子元素之间没有间距，覆盖全局 index.scss */
.app-container > *[data-v-641ecb46] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.app-container[data-v-641ecb46]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.app-container[data-v-641ecb46]  .el-button [class*=el-icon-] {
  font-size: 12px;
}
.app-container[data-v-641ecb46]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.app-container[data-v-641ecb46]  .el-input__icon {
  line-height: 28px;
}
.app-container[data-v-641ecb46]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-641ecb46]  .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-641ecb46]  .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.app-container[data-v-641ecb46]  .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.app-container[data-v-641ecb46]  .el-range-input {
  font-size: 12px;
}
.app-container[data-v-641ecb46]  .el-date-editor .el-range__icon {
  line-height: 28px;
}
.app-container[data-v-641ecb46]  .el-date-editor .el-range__close-icon {
  line-height: 28px;
}

/* ==================== 筛选区域样式（与 logTemplate.vue 完全一致） ==================== */
.filter-container[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-641ecb46] {
  margin: 0;
}
.filter-container .left-items > *[data-v-641ecb46],
.filter-container .right-items > *[data-v-641ecb46] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 日期选择器 */
.filter-container .date-range-picker[data-v-641ecb46] {
  width: 280px !important;
}
.filter-container .date-range-picker[data-v-641ecb46]  .el-input__icon {
  line-height: 28px;
}

/* 搜索输入框 */
.filter-container .search-input[data-v-641ecb46] {
  width: 160px !important;
}
[data-v-641ecb46] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-641ecb46] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}
.action-btn[data-v-641ecb46] {
  margin: 0;
}
.action-btn i[data-v-641ecb46] {
  margin-right: 4px;
  font-size: 12px;
}
.main-content[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  min-height: 0;
}
.customer-list-panel[data-v-641ecb46] {
  width: 300px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.customer-list-panel .panel-header[data-v-641ecb46] {
  padding: 10px 12px;
  border-bottom: 1px solid #DCDFE6;
  background: #F5F7FA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.customer-list-panel .panel-header .panel-title[data-v-641ecb46] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.customer-list-panel .panel-header .panel-subtitle[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
}
.customer-list-panel .customer-list[data-v-641ecb46] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.customer-list-panel .customer-list .empty-state[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  color: #909399;
}
.customer-list-panel .customer-list .empty-state .empty-icon[data-v-641ecb46] {
  font-size: 48px;
  margin-bottom: 12px;
  color: #DCDFE6;
}
.customer-list-panel .customer-list .empty-state .empty-title[data-v-641ecb46] {
  font-size: 14px;
  margin-bottom: 8px;
  color: #606266;
}
.customer-list-panel .customer-list .empty-state .empty-desc[data-v-641ecb46] {
  font-size: 12px;
  text-align: center;
}
.customer-list-panel .customer-item[data-v-641ecb46] {
  padding: 10px 12px;
  border-bottom: 1px solid #EBEEF5;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.customer-list-panel .customer-item[data-v-641ecb46]:hover {
  background-color: #F5F7FA;
}
.customer-list-panel .customer-item.customer-item-active[data-v-641ecb46] {
  background-color: #ECF5FF;
  border-left: 3px solid #409EFF;
}
.customer-list-panel .customer-item.customer-item-disabled[data-v-641ecb46] {
  pointer-events: none;
  opacity: 0.5;
}
.customer-list-panel .customer-avatar-section[data-v-641ecb46] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.customer-list-panel .customer-avatar-section .customer-avatar[data-v-641ecb46] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #C9A962;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.customer-list-panel .customer-avatar-section .customer-avatar img[data-v-641ecb46] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.customer-list-panel .customer-avatar-section .customer-avatar .avatar-svg[data-v-641ecb46] {
  width: 24px;
  height: 24px;
}
.customer-list-panel .customer-info[data-v-641ecb46] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.customer-list-panel .customer-info .customer-name-row[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 4px;
}
.customer-list-panel .customer-info .customer-name-row .customer-name[data-v-641ecb46] {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  cursor: pointer;
}
.customer-list-panel .customer-info .customer-name-row .customer-name[data-v-641ecb46]:hover {
  text-decoration: underline;
  color: #409EFF;
}
.customer-list-panel .customer-info .customer-name-row .customer-tag[data-v-641ecb46],
.customer-list-panel .customer-info .customer-name-row .customer-tag-vip[data-v-641ecb46],
.customer-list-panel .customer-info .customer-name-row .customer-tag-new[data-v-641ecb46],
.customer-list-panel .customer-info .customer-name-row .customer-tag-regular[data-v-641ecb46],
.customer-list-panel .customer-info .customer-name-row .customer-tag-more[data-v-641ecb46] {
  padding: 1px 6px;
  font-size: 10px;
  border-radius: 10px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.customer-list-panel .customer-info .customer-name-row .customer-tag[data-v-641ecb46] {
  background: #ECF5FF;
  color: #409EFF;
}
.customer-list-panel .customer-info .customer-name-row .customer-tag-vip[data-v-641ecb46] {
  background: #FDF2F8;
  color: #C41D7F;
}
.customer-list-panel .customer-info .customer-name-row .customer-tag-new[data-v-641ecb46] {
  background: #ECF5FF;
  color: #409EFF;
}
.customer-list-panel .customer-info .customer-name-row .customer-tag-regular[data-v-641ecb46] {
  background: #F0F9EB;
  color: #67C23A;
}
.customer-list-panel .customer-info .customer-name-row .customer-tag-more[data-v-641ecb46] {
  background: #F4F4F5;
  color: #909399;
}
.customer-list-panel .customer-info .customer-phone[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 4px;
}
.customer-list-panel .customer-info .customer-treatments[data-v-641ecb46] {
  font-size: 11px;
  color: #606266;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer-list-panel .customer-info .customer-treatments .treatment-item[data-v-641ecb46] {
  margin-right: 6px;
}
.customer-list-panel .customer-info .customer-treatments .treatment-more[data-v-641ecb46] {
  color: #409EFF;
  cursor: pointer;
}
.customer-list-panel .customer-info .customer-treatments .treatment-more[data-v-641ecb46]:hover {
  text-decoration: underline;
}
.customer-list-panel .panel-footer[data-v-641ecb46] {
  padding: 8px 12px;
  border-top: 1px solid #DCDFE6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.customer-list-panel .panel-footer[data-v-641ecb46]  .el-pagination {
  padding: 0;
  font-weight: normal;
}
.customer-list-panel .panel-footer[data-v-641ecb46]  .el-pagination .btn-prev,
.customer-list-panel .panel-footer[data-v-641ecb46]  .el-pagination .btn-next,
.customer-list-panel .panel-footer[data-v-641ecb46]  .el-pagination .el-pager li {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.customer-list-panel .panel-footer[data-v-641ecb46]  .el-pagination .el-pagination__jump {
  font-size: 12px;
  margin-left: 8px;
}
.calendar-panel[data-v-641ecb46] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  min-width: 0;
  overflow: hidden;
}
.calendar-panel .panel-header[data-v-641ecb46] {
  padding: 10px 16px;
  border-bottom: 1px solid #DCDFE6;
  background: #F5F7FA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.calendar-panel .panel-header .calendar-title[data-v-641ecb46] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.calendar-panel .panel-header .calendar-title .calendar-customer-name[data-v-641ecb46] {
  color: #409EFF;
  font-weight: 500;
}
.calendar-panel .panel-header .calendar-nav[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.calendar-panel .panel-header .calendar-nav[data-v-641ecb46]  .el-button {
  padding: 6px 12px;
  font-size: 12px;
  height: 28px;
}
.calendar-panel .panel-header .calendar-nav[data-v-641ecb46]  .el-button i {
  font-size: 12px;
  margin-left: 4px;
}
.calendar-panel .calendar-legend[data-v-641ecb46] {
  padding: 10px 16px;
  border-bottom: 1px solid #DCDFE6;
  background: #F5F7FA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.calendar-panel .calendar-legend .legend-section[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.calendar-panel .calendar-legend .legend-section .legend-title[data-v-641ecb46] {
  font-size: 12px;
  font-weight: 500;
  color: #303133;
  white-space: nowrap;
}
.calendar-panel .calendar-legend .legend-section .legend-items[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.calendar-panel .calendar-legend .legend-section .legend-item[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color[data-v-641ecb46] {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color.legend-today[data-v-641ecb46] {
  background: #ECF5FF;
  border-color: #B3D8FF;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color.legend-completed[data-v-641ecb46] {
  background: #F0F9EB;
  border-color: #B3E19D;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color.legend-pending[data-v-641ecb46] {
  background: #FDF6EC;
  border-color: #F5D9A0;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color.legend-empty[data-v-641ecb46] {
  background: #fff;
  border-color: #DCDFE6;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color-dot[data-v-641ecb46] {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 1px solid;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-color-dot.legend-dot-default[data-v-641ecb46] {
  background: #fff;
  border-color: #DCDFE6;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-icon-completed[data-v-641ecb46] {
  color: #67C23A;
  font-size: 12px;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-icon-add[data-v-641ecb46] {
  color: #909399;
  font-size: 12px;
}
.calendar-panel .calendar-legend .legend-section .legend-item .legend-text[data-v-641ecb46] {
  font-size: 11px;
  color: #606266;
  white-space: nowrap;
}
.calendar-panel .calendar-grid-wrapper[data-v-641ecb46] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px;
  overflow-y: auto;
  min-height: 0;
}
.calendar-panel .calendar-grid-wrapper .calendar-empty[data-v-641ecb46] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #909399;
  font-size: 14px;
}
.calendar-panel .calendar-grid-wrapper .calendar-empty .calendar-empty-icon[data-v-641ecb46] {
  margin-right: 8px;
  font-size: 18px;
}
.calendar-panel .calendar-grid[data-v-641ecb46] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
.calendar-panel .calendar-grid .calendar-weekday[data-v-641ecb46] {
  text-align: center;
  font-size: 12px;
  color: #909399;
  padding: 6px 0;
  font-weight: 500;
}
.calendar-panel .calendar-grid .calendar-day[data-v-641ecb46] {
  aspect-ratio: 1;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 6px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  min-height: 80px;
}
.calendar-panel .calendar-grid .calendar-day[data-v-641ecb46]:hover {
  border-color: #409EFF;
}
.calendar-panel .calendar-grid .calendar-day.calendar-day-today[data-v-641ecb46] {
  background: #ECF5FF;
  border-color: #B3D8FF;
}
.calendar-panel .calendar-grid .calendar-day.calendar-day-completed[data-v-641ecb46] {
  background: #F0F9EB;
  border-color: #B3E19D;
}
.calendar-panel .calendar-grid .calendar-day.calendar-day-pending[data-v-641ecb46] {
  background: #FDF6EC;
  border-color: #F5D9A0;
}
.calendar-panel .calendar-grid .calendar-day.calendar-day-empty[data-v-641ecb46] {
  background: #fff;
}
.calendar-panel .calendar-grid .calendar-day.calendar-day-empty[data-v-641ecb46]:hover {
  background: #F5F7FA;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-number[data-v-641ecb46] {
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #606266;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-number.calendar-day-number-today[data-v-641ecb46] {
  color: #409EFF;
  font-weight: 600;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-add[data-v-641ecb46] {
  position: absolute;
  top: 4px;
  right: 6px;
  cursor: pointer;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-add i[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-add i[data-v-641ecb46]:hover {
  color: #409EFF;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos[data-v-641ecb46] {
  position: absolute;
  top: 22px;
  left: 4px;
  right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos .calendar-todo-item[data-v-641ecb46] {
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 2px;
  border: 1px solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos .calendar-todo-item.calendar-todo-completed[data-v-641ecb46] {
  opacity: 0.6;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos .calendar-todo-item .todo-check-icon[data-v-641ecb46] {
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  background: #67C23A;
  color: #fff;
  border-radius: 50%;
  font-size: 8px;
  border: 1px solid #529b2e;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos .calendar-todo-more[data-v-641ecb46] {
  font-size: 10px;
  color: #909399;
  text-align: center;
  cursor: pointer;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos .calendar-todo-more[data-v-641ecb46]:hover {
  color: #409EFF;
}
[data-v-641ecb46] .treatment-dialog {
  border-radius: 8px;
}
[data-v-641ecb46] .treatment-dialog .el-dialog__header {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
  border-radius: 8px 8px 0 0;
  padding: 16px 20px;
}
[data-v-641ecb46] .treatment-dialog .el-dialog__header .el-dialog__title {
  color: white;
  font-weight: 600;
  font-size: 15px;
}
[data-v-641ecb46] .treatment-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: white;
}
[data-v-641ecb46] .treatment-dialog .el-dialog__body {
  padding: 16px 20px;
}
[data-v-641ecb46] .todo-dialog {
  border-radius: 8px;
}
[data-v-641ecb46] .todo-dialog .el-dialog__header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 8px 8px 0 0;
  padding: 16px 20px;
}
[data-v-641ecb46] .todo-dialog .el-dialog__header .el-dialog__title {
  color: white;
  font-weight: 600;
  font-size: 15px;
}
[data-v-641ecb46] .todo-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: white;
}
[data-v-641ecb46] .todo-dialog .el-dialog__body {
  padding: 16px 20px;
}
.dialog-customer-header[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.dialog-customer-header .dialog-customer-name[data-v-641ecb46] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.dialog-customer-header .dialog-customer-tags[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dialog-customer-header .dialog-customer-tags .dialog-tag[data-v-641ecb46],
.dialog-customer-header .dialog-customer-tags .dialog-tag-vip[data-v-641ecb46],
.dialog-customer-header .dialog-customer-tags .dialog-tag-new[data-v-641ecb46],
.dialog-customer-header .dialog-customer-tags .dialog-tag-regular[data-v-641ecb46] {
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 10px;
}
.dialog-customer-header .dialog-customer-tags .dialog-tag[data-v-641ecb46] {
  background: #ECF5FF;
  color: #409EFF;
}
.dialog-customer-header .dialog-customer-tags .dialog-tag-vip[data-v-641ecb46] {
  background: #FDF2F8;
  color: #C41D7F;
}
.dialog-customer-header .dialog-customer-tags .dialog-tag-new[data-v-641ecb46] {
  background: #ECF5FF;
  color: #409EFF;
}
.dialog-customer-header .dialog-customer-tags .dialog-tag-regular[data-v-641ecb46] {
  background: #F0F9EB;
  color: #67C23A;
}
.todo-dialog-content .todo-type-section[data-v-641ecb46] {
  margin-bottom: 16px;
}
.todo-dialog-content .todo-type-section .todo-type-selector[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.todo-dialog-content .todo-type-section .todo-type-selector .type-radio-group[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.todo-dialog-content .todo-type-section .todo-type-selector .type-radio-group[data-v-641ecb46]  .el-radio-button__inner {
  padding: 6px 12px;
  font-size: 12px;
  height: 28px;
}
.todo-dialog-content .todo-type-section .todo-type-selector .add-type-form[data-v-641ecb46] {
  padding: 12px;
  background: #F5F7FA;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.todo-dialog-content .todo-type-section .todo-type-selector .add-type-form .add-type-row[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.todo-dialog-content .todo-type-section .todo-type-selector .add-type-form .add-type-row .add-type-label[data-v-641ecb46] {
  font-size: 12px;
  font-weight: 500;
  color: #606266;
  width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.todo-dialog-content .todo-type-section .todo-type-selector .add-type-form .add-type-row .add-type-input[data-v-641ecb46] {
  width: 160px;
}
.todo-dialog-content .todo-type-section .todo-type-selector .add-type-form .add-type-row .add-type-input[data-v-641ecb46]  .el-input__inner {
  height: 28px;
  font-size: 12px;
}
.todo-dialog-content .todo-type-section .todo-type-selector .add-type-form .add-type-row .add-type-preview[data-v-641ecb46] {
  margin-left: 4px;
}
.todo-dialog-content .custom-type-section[data-v-641ecb46],
.todo-dialog-content .todo-description-section[data-v-641ecb46] {
  margin-bottom: 16px;
}
.todo-dialog-content .custom-type-section .section-title[data-v-641ecb46],
.todo-dialog-content .todo-description-section .section-title[data-v-641ecb46] {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 8px;
}
.todo-dialog-content .custom-type-section[data-v-641ecb46]  .el-textarea__inner,
.todo-dialog-content .todo-description-section[data-v-641ecb46]  .el-textarea__inner {
  font-size: 12px;
}
.todo-dialog-content .todo-rule-section[data-v-641ecb46] {
  padding: 12px;
  background: #F5F7FA;
  border-radius: 4px;
}
.todo-dialog-content .todo-rule-section .section-title[data-v-641ecb46] {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 12px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row.rule-row-vertical[data-v-641ecb46] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row .rule-text[data-v-641ecb46] {
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row .rule-config[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row .rule-number-input[data-v-641ecb46] {
  width: 80px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row .rule-number-input[data-v-641ecb46]  .el-input__inner {
  height: 28px;
  padding-left: 8px;
  padding-right: 28px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row .rule-steps[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.todo-dialog-content .todo-rule-section .rule-radio-group .rule-radio-item .rule-row .rule-steps .step-row[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.type-details-list[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.type-details-list .type-detail-item[data-v-641ecb46] {
  padding: 12px;
  background: #F5F7FA;
  border-radius: 4px;
}
.type-details-list .type-detail-item .type-detail-header[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.type-details-list .type-detail-item .type-detail-header .type-detail-info[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.type-details-list .type-detail-item .type-detail-header .type-detail-info .type-detail-label[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
}
.type-details-list .type-detail-item .type-detail-header .type-detail-info .type-detail-badge[data-v-641ecb46] {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 2px;
}
.type-details-list .type-detail-item .type-detail-header .type-detail-actions[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.type-details-list .type-detail-item .type-detail-header .type-detail-actions .type-detail-date[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
}
.type-details-list .type-detail-item .type-detail-content[data-v-641ecb46] {
  margin-bottom: 10px;
}
.type-details-list .type-detail-item .type-detail-content .type-detail-input[data-v-641ecb46]  .el-textarea__inner {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
}
.type-details-list .type-detail-item .type-detail-rule .type-detail-label[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 4px;
}
.type-details-list .type-detail-item .type-detail-rule .type-detail-rule-content[data-v-641ecb46] {
  font-size: 12px;
  color: #606266;
  margin-left: 12px;
}
.type-details-list .type-detail-item .type-detail-rule .type-detail-rule-content .rule-detail-text[data-v-641ecb46] {
  font-size: 11px;
  color: #909399;
  margin-top: 4px;
}
.type-details-list .type-detail-item .type-detail-rule .type-detail-rule-content .rule-detail-text .rule-detail-row[data-v-641ecb46] {
  margin-bottom: 2px;
}
.type-details-empty[data-v-641ecb46] {
  padding: 32px 0;
  text-align: center;
  color: #909399;
  font-size: 13px;
}
.day-todos-list[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.day-todos-list .day-todo-item[data-v-641ecb46] {
  padding: 12px;
  background: #F5F7FA;
  border-radius: 4px;
}
.day-todos-list .day-todo-item .day-todo-header[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.day-todos-list .day-todo-item .day-todo-header .day-todo-info[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.day-todos-list .day-todo-item .day-todo-header .day-todo-info .day-todo-label[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
}
.day-todos-list .day-todo-item .day-todo-header .day-todo-info .day-todo-badge[data-v-641ecb46] {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 2px;
}
.day-todos-list .day-todo-item .day-todo-content[data-v-641ecb46] {
  margin-bottom: 8px;
}
.day-todos-list .day-todo-item .day-todo-content .day-todo-input[data-v-641ecb46]  .el-textarea__inner {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
}
.day-todos-list .day-todo-item .day-todo-rule .day-todo-label[data-v-641ecb46] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 4px;
}
.day-todos-list .day-todo-item .day-todo-rule .day-todo-rule-content[data-v-641ecb46] {
  font-size: 12px;
  color: #606266;
  margin-left: 12px;
}
.day-todos-list .day-todo-item .day-todo-rule .day-todo-rule-content .rule-row-between[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.day-todos-list .day-todo-item .day-todo-rule .day-todo-rule-content .rule-edit-btn[data-v-641ecb46] {
  color: #409EFF;
  padding: 0;
  font-size: 12px;
}
.day-todos-list .day-todo-item .day-todo-rule .day-todo-rule-content .rule-detail-text[data-v-641ecb46] {
  font-size: 11px;
  color: #909399;
  margin-top: 4px;
}
.day-todos-list .day-todo-item .day-todo-rule .day-todo-rule-content .rule-detail-text .rule-detail-row[data-v-641ecb46] {
  margin-bottom: 2px;
}
.day-todos-empty[data-v-641ecb46] {
  padding: 32px 0;
  text-align: center;
  color: #909399;
}
.day-todos-empty .day-todos-empty-icon[data-v-641ecb46] {
  font-size: 48px;
  margin-bottom: 12px;
  color: #DCDFE6;
}
.day-todos-empty p[data-v-641ecb46] {
  font-size: 13px;
}
.treatment-detail-table[data-v-641ecb46] {
  font-size: 12px;
}
.treatment-detail-table[data-v-641ecb46]  .el-table__header-wrapper th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 4px 0;
  height: 32px;
  font-size: 12px;
}
.treatment-detail-table[data-v-641ecb46]  .el-table__body-wrapper td {
  padding: 2px 0;
  font-size: 12px;
}
.treatment-detail-table[data-v-641ecb46]  .cell {
  line-height: 1.3;
}
.treatment-detail-table[data-v-641ecb46]  .el-table__row {
  height: 32px;
}
.text-success[data-v-641ecb46] {
  color: #67C23A;
}
.dialog-footer[data-v-641ecb46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.dialog-footer .el-button[data-v-641ecb46] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}
@media screen and (max-width: 1400px) {
.customer-list-panel[data-v-641ecb46] {
    width: 280px;
}
.calendar-panel .calendar-legend[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
@media screen and (max-width: 1200px) {
.filter-container[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter-container .left-items[data-v-641ecb46] {
    width: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.filter-container .right-items[data-v-641ecb46] {
    width: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.main-content[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.main-content .customer-list-panel[data-v-641ecb46] {
    width: 260px;
    max-height: none;
}
.calendar-panel .calendar-legend[data-v-641ecb46] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
}
@media screen and (max-width: 768px) {
.app-container[data-v-641ecb46] {
    padding: 8px;
    height: 100%;
    min-height: 100%;
}
.filter-container[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.filter-container .left-items[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter-container .left-items .date-range-picker[data-v-641ecb46] {
    width: 220px !important;
}
.filter-container .left-items .search-input[data-v-641ecb46] {
    width: 120px !important;
}
.filter-container .right-items[data-v-641ecb46] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.main-content[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.main-content .customer-list-panel[data-v-641ecb46] {
    width: 200px;
}
.calendar-panel .panel-header[data-v-641ecb46] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.calendar-panel .panel-header .calendar-title[data-v-641ecb46] {
    font-size: 12px;
}
.calendar-panel .calendar-legend[data-v-641ecb46] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 8px;
}
.calendar-panel .calendar-legend .legend-section[data-v-641ecb46] {
    gap: 8px;
}
.calendar-panel .calendar-legend .legend-section .legend-items[data-v-641ecb46] {
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.calendar-panel .calendar-grid[data-v-641ecb46] {
    gap: 4px;
}
.calendar-panel .calendar-grid .calendar-weekday[data-v-641ecb46] {
    font-size: 11px;
    padding: 4px 0;
}
.calendar-panel .calendar-grid .calendar-day[data-v-641ecb46] {
    min-height: 50px;
    padding: 3px;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-number[data-v-641ecb46] {
    font-size: 11px;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos[data-v-641ecb46] {
    top: 16px;
}
.calendar-panel .calendar-grid .calendar-day .calendar-day-todos .calendar-todo-item[data-v-641ecb46] {
    font-size: 9px;
    padding: 0 2px;
}
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.app-container[data-v-641ecb46]  {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 单选按钮组 */
  /* Element UI 多选框 */
  /* Element UI 标签 */
}
.app-container[data-v-641ecb46]  .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-button--primary:hover, .app-container[data-v-641ecb46]  .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.app-container[data-v-641ecb46]  .el-button--text {
  color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-button--text:hover, .app-container[data-v-641ecb46]  .el-button--text:focus {
  color: var(--theme-color-dark);
}
.app-container[data-v-641ecb46]  .el-input__inner:focus {
  border-color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
          box-shadow: -1px 0 0 0 var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}
.app-container[data-v-641ecb46]  .el-tag--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
.app-container[data-v-750f1622] {
  height: 100%;
  background-color: #ffffff;
}
.router-link-active[data-v-750f1622] {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}
.el-input[data-v-750f1622] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.el-input[data-v-750f1622] :deep(.el-input__inner) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* 根容器 - 分布式自适应布局 */
.member-import-page[data-v-328db3cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
}

/* el-tabs 容器需要占满剩余空间 */
.member-import-page[data-v-328db3cc] .el-tabs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.member-import-page[data-v-328db3cc] .el-tabs__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.member-import-page[data-v-328db3cc] .el-tab-pane {
  height: 100%;
}

/* tab 内容区域 - 使用 flex 布局 */
.tab-content[data-v-328db3cc] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 筛选区域 */
.filter-container[data-v-328db3cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-328db3cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-328db3cc] {
  margin: 0;
}
.current-shop[data-v-328db3cc] {
  font-size: 12px;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}

/* 固定按钮和输入框高度为 28px */
.member-import-page[data-v-328db3cc] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.member-import-page[data-v-328db3cc] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.member-import-page[data-v-328db3cc] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.member-import-page[data-v-328db3cc] .el-input__icon {
  line-height: 28px;
}
.member-import-page[data-v-328db3cc] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.member-import-page[data-v-328db3cc] .el-radio-button__inner {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}

/* 表格区域 */
.table-wrapper[data-v-328db3cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.member-import-page[data-v-328db3cc] .el-table {
  font-size: 12px;
}
.member-import-page[data-v-328db3cc] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
.member-import-page[data-v-328db3cc] .el-table td {
  padding: 6px 0;
}
.member-import-page[data-v-328db3cc] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  padding: 0 5px;
}

/* 分页区域 */
.pagination-wrapper[data-v-328db3cc] {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.filter-container .left-items[data-v-328db3cc] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.member-import-page[data-v-328db3cc] {
    padding: 8px;
}
.filter-container[data-v-328db3cc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.filter-container .left-items[data-v-328db3cc] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}

@charset "UTF-8";
.app-container[data-v-4bc6ee10] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 确保所有直接子元素之间没有间距，覆盖全局 index.scss */
.app-container > *[data-v-4bc6ee10] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.app-container[data-v-4bc6ee10]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.app-container[data-v-4bc6ee10]  .el-button [class*=el-icon-] {
  font-size: 12px;
}
.app-container[data-v-4bc6ee10]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.app-container[data-v-4bc6ee10]  .el-input__icon {
  line-height: 28px;
}
.app-container[data-v-4bc6ee10]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-4bc6ee10]  .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.app-container[data-v-4bc6ee10]  .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.app-container[data-v-4bc6ee10]  .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.app-container[data-v-4bc6ee10]  .el-range-input {
  font-size: 12px;
}
.filter-container[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-4bc6ee10] {
  margin: 0;
}
.filter-container .left-items > *[data-v-4bc6ee10],
.filter-container .right-items > *[data-v-4bc6ee10] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .date-range-picker[data-v-4bc6ee10] {
  width: 280px !important;
}
.filter-container .date-range-picker[data-v-4bc6ee10]  .el-input__icon {
  line-height: 28px;
}
.filter-container .staff-select[data-v-4bc6ee10] {
  width: 140px !important;
}
.filter-container .search-input[data-v-4bc6ee10] {
  width: 180px !important;
}
.action-btn[data-v-4bc6ee10] {
  margin: 0;
}
.action-btn i[data-v-4bc6ee10] {
  margin-right: 4px;
  font-size: 12px;
}
.table-wrapper[data-v-4bc6ee10] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.table-section[data-v-4bc6ee10] {
  background: #fff;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 12px;
}
.table-section .section-title[data-v-4bc6ee10] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #DCDFE6;
}
.member-log-table[data-v-4bc6ee10] {
  font-size: 12px;
}
.member-log-table[data-v-4bc6ee10]  .el-table__header-wrapper th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 4px 0;
  height: 32px;
  font-size: 12px;
}
.member-log-table[data-v-4bc6ee10]  .el-table__body-wrapper td {
  padding: 2px 0;
  font-size: 12px;
}
.member-log-table[data-v-4bc6ee10]  .cell {
  line-height: 1.3;
}
.member-log-table[data-v-4bc6ee10]  .el-table__row {
  height: 32px;
}
.text-link[data-v-4bc6ee10] {
  color: #409EFF;
  cursor: pointer;
}
.text-link[data-v-4bc6ee10]:hover {
  text-decoration: underline;
}
.text-danger[data-v-4bc6ee10] {
  color: #F56C6C;
}
.text-primary[data-v-4bc6ee10] {
  color: #409EFF;
}
[data-v-4bc6ee10] .log-detail-dialog {
  border-radius: 8px;
}
[data-v-4bc6ee10] .log-detail-dialog .el-dialog__header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 8px 8px 0 0;
  padding: 16px 20px;
}
[data-v-4bc6ee10] .log-detail-dialog .el-dialog__header .el-dialog__title {
  color: white;
  font-weight: 600;
  font-size: 15px;
}
[data-v-4bc6ee10] .log-detail-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: white;
}
[data-v-4bc6ee10] .log-detail-dialog .el-dialog__body {
  padding: 16px 20px;
}
.dialog-content[data-v-4bc6ee10] {
  max-height: 600px;
  overflow-y: auto;
}
.dialog-footer[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.dialog-footer .el-button[data-v-4bc6ee10] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}
.staff-info-bar[data-v-4bc6ee10] {
  background: #F5F7FA;
  padding: 12px 16px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}
.staff-info-bar .info-item[data-v-4bc6ee10] {
  font-size: 13px;
}
.staff-info-bar .info-item .info-label[data-v-4bc6ee10] {
  color: #909399;
}
.staff-info-bar .info-item .info-value[data-v-4bc6ee10] {
  font-weight: 500;
  color: #303133;
}
.log-list[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.log-card[data-v-4bc6ee10] {
  background: #fff;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 12px;
}
.log-card[data-v-4bc6ee10]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.log-card .log-header[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.log-card .log-header .log-meta[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.log-card .log-header .log-meta .log-time[data-v-4bc6ee10] {
  font-size: 12px;
  color: #909399;
}
.log-card .log-header .log-creator[data-v-4bc6ee10] {
  font-size: 11px;
  color: #909399;
}
.log-card .log-title[data-v-4bc6ee10] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 8px;
}
.log-card .log-member[data-v-4bc6ee10] {
  font-size: 12px;
  margin-bottom: 8px;
}
.log-card .log-member .label[data-v-4bc6ee10] {
  color: #909399;
}
.log-card .log-member .value[data-v-4bc6ee10] {
  font-weight: 500;
}
.log-card .log-content[data-v-4bc6ee10] {
  margin-bottom: 8px;
}
.log-card .log-content .content-header[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}
.log-card .log-content .content-header .label[data-v-4bc6ee10] {
  font-size: 12px;
  color: #909399;
}
.log-card .log-content .content-body[data-v-4bc6ee10] {
  font-size: 12px;
  color: #606266;
  white-space: pre-wrap;
  line-height: 1.5;
}
.log-card .log-followup[data-v-4bc6ee10] {
  background: #ECF5FF;
  padding: 8px 12px;
  border-radius: 4px;
  margin-top: 8px;
}
.log-card .log-followup .followup-time[data-v-4bc6ee10] {
  font-size: 12px;
  color: #409EFF;
  margin-bottom: 4px;
}
.log-card .log-followup .followup-time i[data-v-4bc6ee10] {
  margin-right: 4px;
}
.log-card .log-followup .followup-content[data-v-4bc6ee10] {
  font-size: 11px;
  color: #606266;
}
.json-section[data-v-4bc6ee10] {
  margin-bottom: 16px;
}
.json-section .section-subtitle[data-v-4bc6ee10] {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 8px;
}
.json-section .json-code[data-v-4bc6ee10] {
  background: #F5F7FA;
  padding: 12px;
  border-radius: 4px;
  font-size: 11px;
  overflow: auto;
  max-height: 160px;
  line-height: 1.5;
}
.form-data-section .section-subtitle[data-v-4bc6ee10] {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 8px;
}
.form-data-section .form-data-list[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.form-data-section .form-data-item[data-v-4bc6ee10] {
  background: #fff;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 10px 12px;
}
.form-data-section .form-data-item .form-data-row[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-data-section .form-data-item .form-data-row .form-data-label[data-v-4bc6ee10] {
  font-size: 12px;
  font-weight: 500;
  color: #909399;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-data-section .form-data-item .form-data-row .form-data-value[data-v-4bc6ee10] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: #606266;
}
.form-data-section .form-data-item .form-data-row .form-data-value .tag-list[data-v-4bc6ee10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.form-data-section .form-data-item .form-data-row .form-data-value .tag-list .tag-item[data-v-4bc6ee10] {
  margin: 0;
}
.empty-tip[data-v-4bc6ee10] {
  text-align: center;
  padding: 32px 0;
  color: #909399;
  font-size: 13px;
}
@media screen and (max-width: 1200px) {
.filter-container[data-v-4bc6ee10] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter-container .left-items[data-v-4bc6ee10] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.app-container[data-v-4bc6ee10] {
    padding: 6px;
}
.staff-info-bar[data-v-4bc6ee10] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.app-container[data-v-4bc6ee10]  {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 单选按钮组 */
  /* Element UI 多选框 */
  /* Element UI 标签 */
}
.app-container[data-v-4bc6ee10]  .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-button--primary:hover, .app-container[data-v-4bc6ee10]  .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
.app-container[data-v-4bc6ee10]  .el-button--text {
  color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-button--text:hover, .app-container[data-v-4bc6ee10]  .el-button--text:focus {
  color: var(--theme-color-dark);
}
.app-container[data-v-4bc6ee10]  .el-input__inner:focus {
  border-color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
          box-shadow: -1px 0 0 0 var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}
.app-container[data-v-4bc6ee10]  .el-tag--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
.app-container[data-v-d6090a84] {
  height: 100%;
}
.el-input[data-v-d6090a84] :deep(.el-input__wrapper) {
  -webkit-box-shadow: 0 0 0 1px #e5e7eb;
          box-shadow: 0 0 0 1px #e5e7eb;
}
.el-input[data-v-d6090a84] :deep(.el-input__wrapper.is-focus) {
  -webkit-box-shadow: 0 0 0 1px #3b82f6;
          box-shadow: 0 0 0 1px #3b82f6;
}
.el-select[data-v-d6090a84] :deep(.el-input__wrapper) {
  -webkit-box-shadow: 0 0 0 1px #e5e7eb;
          box-shadow: 0 0 0 1px #e5e7eb;
}
.el-select[data-v-d6090a84] :deep(.el-input__wrapper.is-focus) {
  -webkit-box-shadow: 0 0 0 1px #3b82f6;
          box-shadow: 0 0 0 1px #3b82f6;
}

/* ==================== 基础样式 ==================== */
.member-card-switch-popup[data-v-3a6ffba8] {
  --theme-color: var(--theme-color, #409EFF);
  --theme-color-light: var(--theme-color-light, #ecf5ff);
  --theme-color-dark: var(--theme-color-dark, #337ecc);
}
.member-card-popup-content[data-v-3a6ffba8] {
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}

/* ==================== 会员卡网格 ==================== */
.member-cards-grid[data-v-3a6ffba8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

/* ==================== 会员卡卡片 ==================== */
.member-card-item[data-v-3a6ffba8] {
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.member-card-item[data-v-3a6ffba8]:hover {
  border-color: var(--theme-color);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.member-card-item.selected[data-v-3a6ffba8] {
  border-color: var(--theme-color);
  background: var(--theme-color-light);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* ==================== 卡片头部 ==================== */
.card-header[data-v-3a6ffba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid #f0f0f0;
}
.card-name-number[data-v-3a6ffba8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.card-name[data-v-3a6ffba8] {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}
.card-number[data-v-3a6ffba8] {
  font-size: 11px;
  color: #999;
  line-height: 1.2;
}
.card-status[data-v-3a6ffba8] {
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.validity[data-v-3a6ffba8] {
  display: block;
  font-size: 11px;
  color: #999;
  margin-bottom: 2px;
  line-height: 1.2;
}
.current-badge[data-v-3a6ffba8] {
  display: inline-block;
  padding: 1px 6px;
  background: var(--theme-color);
  color: white;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.3;
}

/* ==================== 余额信息 ==================== */
.card-balance[data-v-3a6ffba8] {
  margin-bottom: 6px;
  padding: 6px 8px;
  background: #f5f7fa;
  border-radius: 4px;
}
.balance-main[data-v-3a6ffba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px;
}
.balance-title[data-v-3a6ffba8] {
  font-size: 12px;
  color: #666;
}
.balance-amount[data-v-3a6ffba8] {
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-color);
}
.balance-detail[data-v-3a6ffba8] {
  font-size: 11px;
  color: #999;
  line-height: 1.2;
}

/* ==================== 折扣信息 ==================== */
.card-discounts[data-v-3a6ffba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 6px;
  padding: 4px 0;
  border-bottom: 1px solid #f0f0f0;
}
.discount-item[data-v-3a6ffba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.discount-label[data-v-3a6ffba8] {
  font-size: 11px;
  color: #666;
}
.discount-value[data-v-3a6ffba8] {
  font-size: 12px;
  font-weight: 500;
  color: var(--theme-color);
}

/* ==================== 办卡信息 ==================== */
.card-info[data-v-3a6ffba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.2;
}
.info-label[data-v-3a6ffba8] {
  font-size: 10px;
  color: #999;
}
.info-separator[data-v-3a6ffba8] {
  font-size: 10px;
  color: #ddd;
}

/* ==================== 选中标记 ==================== */
.selected-indicator[data-v-3a6ffba8] {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  background: var(--theme-color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 11px;
}

/* ==================== 底部按钮 ==================== */
.popup-footer[data-v-3a6ffba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid #e0e0e0;
  margin-top: auto;
}
.popup-footer .el-button--primary[data-v-3a6ffba8],
.member-card-popup-content .el-button--primary[data-v-3a6ffba8] {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}
.popup-footer .el-button--primary[data-v-3a6ffba8]:hover,
.member-card-popup-content .el-button--primary[data-v-3a6ffba8]:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

/* ==================== 响应式适配 ==================== */

/* 小屏幕 (< 768px) */
@media (max-width: 768px) {
.member-cards-grid[data-v-3a6ffba8] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.member-card-item[data-v-3a6ffba8] {
    padding: 8px 10px;
}
.card-name[data-v-3a6ffba8] {
    font-size: 14px;
}
.balance-amount[data-v-3a6ffba8] {
    font-size: 15px;
}
.card-discounts[data-v-3a6ffba8] {
    gap: 10px;
}
.popup-footer[data-v-3a6ffba8] {
    padding: 10px 0;
}
.popup-footer .el-button[data-v-3a6ffba8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
}

/* 中等屏幕 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
.member-cards-grid[data-v-3a6ffba8] {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
}

/* 大屏幕 (> 1440px) */
@media (min-width: 1440px) {
.member-cards-grid[data-v-3a6ffba8] {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.member-card-item[data-v-3a6ffba8] {
    padding: 12px 14px;
}
}

/* ==================== 弹窗全局样式 ==================== */
[data-v-3a6ffba8] .member-card-switch-popup {
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
}
[data-v-3a6ffba8] .member-card-switch-popup .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding: 16px;
}

/* 响应式弹窗宽度 */
@media (max-width: 768px) {
[data-v-3a6ffba8] .member-card-switch-popup {
    width: 95% !important;
    margin: 0 auto;
}
.member-card-popup-content[data-v-3a6ffba8] {
    max-height: calc(85vh - 100px);
}
}
@media (min-width: 769px) and (max-width: 1024px) {
[data-v-3a6ffba8] .member-card-switch-popup {
    width: 90% !important;
}
}
@media (min-width: 1025px) and (max-width: 1440px) {
[data-v-3a6ffba8] .member-card-switch-popup {
    width: 80% !important;
}
}
@media (min-width: 1441px) {
[data-v-3a6ffba8] .member-card-switch-popup {
    width: 70% !important;
}
}

.amount-keyboard[data-v-4c0f8e51] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
}
.close-button-container[data-v-4c0f8e51] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}
.close-button[data-v-4c0f8e51] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #6c757d;
  font-size: 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.close-button[data-v-4c0f8e51]:hover {
  background: #f8f9fa;
  color: #495057;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.close-button[data-v-4c0f8e51]:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.keyboard-display[data-v-4c0f8e51] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 16px;
  text-align: center;
}
.display-amount[data-v-4c0f8e51] {
  font-size: 28px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
  font-family: 'Courier New', monospace;
}
.display-info[data-v-4c0f8e51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  gap: 12px;
}
.info-left[data-v-4c0f8e51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.max-amount[data-v-4c0f8e51] {
  color: #6c757d;
}
.error-text[data-v-4c0f8e51] {
  color: #dc3545;
  font-weight: 500;
}
.all-repay-btn[data-v-4c0f8e51] {
  padding: 6px 16px;
  border: 2px solid #67c23a;
  border-radius: 4px;
  background: #67c23a;
  color: white;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.all-repay-btn[data-v-4c0f8e51]:hover:not(:disabled) {
  background: #5daf34;
  border-color: #5daf34;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
}
.all-repay-btn[data-v-4c0f8e51]:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 1px 3px rgba(103, 194, 58, 0.2);
          box-shadow: 0 1px 3px rgba(103, 194, 58, 0.2);
}
.all-repay-btn[data-v-4c0f8e51]:disabled {
  background: #c2c2c2;
  border-color: #c2c2c2;
  color: #fff;
  cursor: not-allowed;
  opacity: 0.6;
}
.keyboard-grid[data-v-4c0f8e51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.keyboard-row[data-v-4c0f8e51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.keyboard-key[data-v-4c0f8e51] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 60px;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  background: white;
  font-size: 18px;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.keyboard-key[data-v-4c0f8e51]:hover:not(:disabled) {
  background: #e9ecef;
  border-color: #adb5bd;
}
.keyboard-key[data-v-4c0f8e51]:active:not(:disabled) {
  background: #dee2e6;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.keyboard-key[data-v-4c0f8e51]:disabled {
  background: #f8f9fa;
  color: #adb5bd;
  cursor: not-allowed;
  opacity: 0.6;
}
.number-key[data-v-4c0f8e51] {
  font-size: 20px;
}
.function-key[data-v-4c0f8e51] {
  background: #f8f9fa;
  color: #6c757d;
  font-size: 16px;
}
.clear-key[data-v-4c0f8e51] {
  color: #dc3545;
}
.backspace-key[data-v-4c0f8e51] {
  color: #6c757d;
}
.decimal-key[data-v-4c0f8e51] {
  color: #495057;
}
.zero-key[data-v-4c0f8e51] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.confirm-key[data-v-4c0f8e51] {
  background: #007bff;
  color: white;
  border-color: #007bff;
  font-weight: 600;
}
.confirm-key[data-v-4c0f8e51]:hover:not(:disabled) {
  background: #0056b3;
  border-color: #0056b3;
}
.confirm-key[data-v-4c0f8e51]:disabled {
  background: #6c757d;
  border-color: #6c757d;
}

/* 响应式设计 */
@media (max-width: 768px) {
.amount-keyboard[data-v-4c0f8e51] {
    padding: 12px;
}
.keyboard-key[data-v-4c0f8e51] {
    height: 50px;
    font-size: 16px;
}
.display-amount[data-v-4c0f8e51] {
    font-size: 24px;
}
}
@media (max-width: 480px) {
.keyboard-key[data-v-4c0f8e51] {
    height: 45px;
    font-size: 14px;
}
.display-amount[data-v-4c0f8e51] {
    font-size: 20px;
}
}

.debt-popup-content[data-v-217d3ddd] {
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.debt-table-container[data-v-217d3ddd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 20px;
}
.debt-table[data-v-217d3ddd] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.debt-number[data-v-217d3ddd] {
  font-family: 'Courier New', monospace;
  font-weight: 600;
  color: #409eff;
}
.debt-time[data-v-217d3ddd] {
  color: #606266;
}
.debt-content[data-v-217d3ddd] {
  color: #303133;
}
.total-debt[data-v-217d3ddd] {
  color: #f56c6c;
  font-weight: 600;
}
.current-debt[data-v-217d3ddd] {
  color: #e6a23c;
  font-weight: 600;
}
.payment-methods[data-v-217d3ddd] {
  margin: 20px 0;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
.payment-title[data-v-217d3ddd] {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 12px;
}
.payment-options[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.payment-option[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  background: white;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 100px;
}
.payment-option[data-v-217d3ddd]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
}
.payment-option.selected[data-v-217d3ddd] {
  border-color: #409eff;
  background: #f0f7ff;
  -webkit-box-shadow: 0 2px 12px rgba(64, 158, 255, 0.2);
          box-shadow: 0 2px 12px rgba(64, 158, 255, 0.2);
}
.payment-icon[data-v-217d3ddd] {
  margin-right: 8px;
  font-size: 22px;
  color: #409eff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 22px;
}
.payment-icon i[data-v-217d3ddd] {
  font-size: 22px;
  color: #409eff;
}
.payment-icon-img[data-v-217d3ddd] {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-name[data-v-217d3ddd] {
  font-size: 14px;
  font-weight: 500;
  color: #495057;
}

/* 二维码支付区域样式 */
.payment-qr-section[data-v-217d3ddd] {
  margin-top: 20px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.payment-qr[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.qr-code[data-v-217d3ddd] {
  text-align: center;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.qr-image-container[data-v-217d3ddd] {
  position: relative;
  display: inline-block;
}
.qr-image[data-v-217d3ddd] {
  width: 200px;
  height: 200px;
  display: block;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
}
.qr-amount-info[data-v-217d3ddd] {
  margin-top: 10px;
  padding: 8px;
  background: #f0f0f0;
  border-radius: 4px;
}
.qr-amount-label[data-v-217d3ddd] {
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
}
.qr-amount-value[data-v-217d3ddd] {
  font-size: 18px;
  font-weight: bold;
  color: #409eff;
}
.qr-placeholder[data-v-217d3ddd] {
  padding: 40px 20px;
  text-align: center;
}
.qr-loading[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #666;
}
.qr-loading i[data-v-217d3ddd] {
  font-size: 24px;
  color: #409eff;
}
.generate-qr-btn[data-v-217d3ddd] {
  padding: 10px 20px;
  background: #409eff;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.generate-qr-btn[data-v-217d3ddd]:hover:not(:disabled) {
  background: #66b1ff;
}
.generate-qr-btn[data-v-217d3ddd]:disabled {
  background: #c0c4cc;
  cursor: not-allowed;
}
.qr-tips[data-v-217d3ddd] {
  text-align: center;
  color: #666;
  font-size: 14px;
}
.qr-tips p[data-v-217d3ddd] {
  margin: 0 0 10px 0;
}
.qr-warning[data-v-217d3ddd] {
  margin-top: 10px;
  color: #e6a23c;
  font-size: 12px;
}
.qr-info[data-v-217d3ddd] {
  margin-top: 10px;
  color: #606266;
  font-size: 12px;
}
.repayment-summary[data-v-217d3ddd] {
  padding: 16px;
  background: #e7f3ff;
  border-radius: 6px;
  border: 1px solid #b3d9ff;
  margin-bottom: 20px;
}
.summary-item[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.summary-item[data-v-217d3ddd]:last-child {
  margin-bottom: 0;
}
.summary-label[data-v-217d3ddd] {
  font-size: 14px;
  color: #606266;
}
.summary-amount[data-v-217d3ddd] {
  font-size: 18px;
  font-weight: 600;
  color: #f56c6c;
}
.summary-method[data-v-217d3ddd] {
  font-size: 14px;
  font-weight: 500;
  color: #409eff;
}
.popup-footer[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
}

/* 还款金额输入框样式 */
.repay-amount-input[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.repay-amount-input .el-input[data-v-217d3ddd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.edit-icon-btn[data-v-217d3ddd] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f5f5f5;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  margin-left: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.edit-icon-btn[data-v-217d3ddd]:hover {
  background-color: #e5e5e5;
}
.edit-icon-btn i[data-v-217d3ddd] {
  color: #606266;
  font-size: 14px;
}

/* 键盘弹窗样式 */
.keyboard-popup .el-dialog__body[data-v-217d3ddd] {
  padding: 0;
}

/* 一键还款按钮样式 */
.one-click-repay-btn[data-v-217d3ddd] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  border-color: #67c23a;
  color: white;
  font-weight: 600;
  -webkit-box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.one-click-repay-btn[data-v-217d3ddd]:hover {
  background: linear-gradient(135deg, #5daf34 0%, #7bc24a 100%);
  border-color: #5daf34;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(103, 194, 58, 0.4);
          box-shadow: 0 4px 12px rgba(103, 194, 58, 0.4);
}
.one-click-repay-btn[data-v-217d3ddd]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 4px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 4px rgba(103, 194, 58, 0.3);
}
.one-click-repay-btn[data-v-217d3ddd]:disabled {
  background: #c2c2c2;
  border-color: #c2c2c2;
  color: #fff;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 响应式布局 */
@media (max-width: 1000px) {
.member-debt-popup .el-dialog[data-v-217d3ddd] {
    width: 95% !important;
}
}
@media (max-width: 768px) {
.member-debt-popup .el-dialog[data-v-217d3ddd] {
    width: 98% !important;
    margin: 10px auto;
}
.payment-options[data-v-217d3ddd] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.payment-option[data-v-217d3ddd] {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.debt-table .el-table__body-wrapper[data-v-217d3ddd] {
    overflow-x: auto;
}
}
@media (max-width: 480px) {
.member-debt-popup .el-dialog[data-v-217d3ddd] {
    width: 100% !important;
    margin: 5px;
}
.payment-methods[data-v-217d3ddd], .repayment-summary[data-v-217d3ddd] {
    padding: 12px;
}
.summary-amount[data-v-217d3ddd] {
    font-size: 16px;
}
.repay-amount-input[data-v-217d3ddd] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.keyboard-btn[data-v-217d3ddd] {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
}
@media (max-width: 400px) {
.keyboard-popup .el-dialog[data-v-217d3ddd] {
    width: 95% !important;
    margin: 10px auto;
}
}

/* 确保弹窗在经典模式布局中不被遮挡 */
.member-debt-popup .el-dialog__wrapper[data-v-217d3ddd] {
  z-index: 9999 !important;
}
.member-debt-popup .el-dialog[data-v-217d3ddd] {
  z-index: 10000 !important;
}

/* 还款记录详情弹窗样式 */

/* 还款记录弹窗内容区域样式 */
.repayment-detail-popup .el-dialog__body[data-v-217d3ddd] {
  padding: 20px;
  max-height: 500px;
  overflow-y: auto;
}
.repayment-detail-popup .no-repayment-data[data-v-217d3ddd] {
  text-align: center;
  padding: 40px 0;
  color: #909399;
}
.repayment-detail-popup .no-repayment-data i[data-v-217d3ddd] {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
}
.repayment-detail-popup .repayment-amount[data-v-217d3ddd] {
  color: #67c23a;
  font-weight: 600;
}
.repayment-detail-popup .no-order[data-v-217d3ddd] {
  color: #c0c4cc;
}

/* 扫码输入区域样式 */
.scan-input-section[data-v-217d3ddd] {
  margin: 15px 0;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}
.scan-input-group[data-v-217d3ddd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scan-input[data-v-217d3ddd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.scan-input[data-v-217d3ddd]:focus {
  outline: none;
  border-color: #409eff;
  -webkit-box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
.scan-btn[data-v-217d3ddd] {
  padding: 10px 16px;
  border: 1px solid #409eff;
  background: #409eff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.scan-btn[data-v-217d3ddd]:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}
.scan-btn[data-v-217d3ddd]:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
}
.scan-tip[data-v-217d3ddd] {
  margin-top: 8px;
  font-size: 12px;
  color: #909399;
  text-align: center;
}

.deposit-popup-content[data-v-0baab8da] {
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.deposit-segment[data-v-0baab8da] {
  margin-bottom: 20px;
  padding: 0 8px;
}
.deposit-segment .el-radio-group[data-v-0baab8da] {
  width: 100%;
}
.deposit-segment .el-radio-button[data-v-0baab8da] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.deposit-container[data-v-0baab8da] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 20px;
}
.product-name[data-v-0baab8da] {
  font-weight: 500;
  color: #303133;
}
.popup-footer[data-v-0baab8da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
}

/* 响应式布局 */
@media (max-width: 1200px) {
.member-deposit-popup .el-dialog[data-v-0baab8da] {
    width: 95% !important;
}
}
@media (max-width: 768px) {
.member-deposit-popup .el-dialog[data-v-0baab8da] {
    width: 98% !important;
    margin: 10px auto;
}
}
@media (max-width: 480px) {
.member-deposit-popup .el-dialog[data-v-0baab8da] {
    width: 100% !important;
    margin: 5px;
}
}

/* 签字版样式 */
.signature-content[data-v-0baab8da] {
  padding: 20px;
}
.signature-info[data-v-0baab8da] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f5f7fa;
  border-radius: 4px;
}
.signature-info p[data-v-0baab8da] {
  margin: 5px 0;
  color: #606266;
}
.signature-area[data-v-0baab8da] {
  margin-top: 20px;
}
.signature-title[data-v-0baab8da] {
  margin-bottom: 10px;
  font-weight: 500;
  color: #303133;
}
.signature-canvas[data-v-0baab8da] {
  margin-bottom: 15px;
  text-align: center;
}
.signature-actions[data-v-0baab8da] {
  text-align: center;
  margin-bottom: 15px;
}
.signature-footer[data-v-0baab8da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
}
.signature-status[data-v-0baab8da] {
  margin-left: 8px;
  padding: 2px 6px;
  background: #409eff;
  color: white;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
}
.signature-status[data-v-0baab8da]:hover {
  background: #337ecc;
}
.unsigned-status[data-v-0baab8da] {
  margin-left: 8px;
  padding: 2px 6px;
  background: #909399;
  color: white;
  border-radius: 3px;
  font-size: 12px;
  cursor: default;
}

/* 确保弹窗在经典模式布局中不被遮挡 */
.member-deposit-popup .el-dialog__wrapper[data-v-0baab8da] {
  z-index: 9999 !important;
}
.member-deposit-popup .el-dialog[data-v-0baab8da] {
  z-index: 10000 !important;
}
.signature-dialog .el-dialog__wrapper[data-v-0baab8da] {
  z-index: 10001 !important;
}
.signature-dialog .el-dialog[data-v-0baab8da] {
  z-index: 10002 !important;
}

/* 区域容器样式 */
.section-container[data-v-5ccba7e1] {
  margin-bottom: 20px;
}
.section-header[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 8px;
  border-left: 4px solid #409eff;
}
.section-title[data-v-5ccba7e1] {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  margin: 0;
}
.section-divider[data-v-5ccba7e1] {
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#dcdfe6), to(transparent));
  background: linear-gradient(90deg, transparent, #dcdfe6, transparent);
  margin: 24px 0;
}

/* 赠标签样式 */
.gift-tag[data-v-5ccba7e1] {
  margin-left: 8px;
  font-weight: 600;
}
.header-right[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/* 疗程区域头部 */
.section-header .treatment-segment[data-v-5ccba7e1] {
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 赠送区域头部 */
.section-header .gift-segment[data-v-5ccba7e1] {
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 20px;
}

/* 抽屉样式 - 使用 ::v-deep 穿透 scoped 样式 */
[data-v-5ccba7e1] .member-treatment-gift-drawer .el-drawer__header {
  background: #ffffff;
  color: #303133;
  padding: 20px 24px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
[data-v-5ccba7e1] .member-treatment-gift-drawer .el-drawer__header span {
  color: #303133;
  font-weight: 600;
  font-size: 18px;
}
[data-v-5ccba7e1] .member-treatment-gift-drawer .el-drawer__close-btn {
  color: #909399;
  font-size: 20px;
}
[data-v-5ccba7e1] .member-treatment-gift-drawer .el-drawer__close-btn:hover {
  color: #409eff;
}
[data-v-5ccba7e1] .member-treatment-gift-drawer .el-drawer__body {
  padding: 24px;
  background: #fafbfc;
  overflow-y: auto;
}
.treatment-gift-content[data-v-5ccba7e1] {
  min-height: 500px;
}
.main-tabs[data-v-5ccba7e1] {
  margin-bottom: 20px;
}
.main-tabs .el-tabs__header[data-v-5ccba7e1] {
  margin-bottom: 20px;
}
.main-tabs .el-tabs__nav-wrap[data-v-5ccba7e1] {
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 8px;
}
.main-tabs .el-tabs__item[data-v-5ccba7e1] {
  font-weight: 600;
  font-size: 16px;
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
}
.main-tabs .el-tabs__item.is-active[data-v-5ccba7e1] {
  color: #409eff;
}
.main-tabs .el-tabs__active-bar[data-v-5ccba7e1] {
  background-color: #409eff;
  height: 3px;
}
.treatments-section[data-v-5ccba7e1],
.gifts-section[data-v-5ccba7e1] {
  min-height: 400px;
}

/* 疗程相关样式 */
.treatment-segment[data-v-5ccba7e1] {
  margin-bottom: 20px;
  padding: 0 8px;
}
.treatment-segment .el-radio-group[data-v-5ccba7e1] {
  width: 100%;
}
.treatment-segment .el-radio-button[data-v-5ccba7e1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.treatment-list-container[data-v-5ccba7e1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  margin-bottom: 20px;
}
.treatment-grid[data-v-5ccba7e1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 8px 10px;
}
.treatment-card[data-v-5ccba7e1] {
  border: 1px solid #e8f4ff;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 120px;
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
  position: relative;
  -webkit-animation: cardSlideIn-data-v-5ccba7e1 0.5s ease-out;
          animation: cardSlideIn-data-v-5ccba7e1 0.5s ease-out;
}
.treatment-card[data-v-5ccba7e1]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#409eff), to(#67c23a));
  background: linear-gradient(90deg, #409eff, #67c23a);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.treatment-card[data-v-5ccba7e1]:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.treatment-card[data-v-5ccba7e1]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.treatment-card.expired[data-v-5ccba7e1] {
  opacity: 0.7;
  border-color: #dcdfe6;
  background: #f5f7fa;
}
.treatment-card.expired[data-v-5ccba7e1]:hover {
  border-color: #dcdfe6;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.treatment-card.expired[data-v-5ccba7e1]::before {
  display: none;
}
.treatment-card-header[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 16px 6px 16px;
  border-bottom: 1px solid rgba(64, 158, 255, 0.1);
  position: relative;
}
.header-right[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
}
.treatment-card-body[data-v-5ccba7e1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px 16px;
  min-height: 40px;
}
.treatment-details-wrapper[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.treatment-details[data-v-5ccba7e1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.treatment-actions[data-v-5ccba7e1] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.treatment-card-footer[data-v-5ccba7e1] {
  padding: 8px 16px 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid #f0f0f0;
}
.use-button-footer[data-v-5ccba7e1] {
  margin-left: auto;
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  border: none;
  color: white;
  border-radius: 2px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.use-button-footer[data-v-5ccba7e1]:hover {
  background: linear-gradient(135deg, #3a8ee6 0%, #5cadff 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.use-button-footer.expired[data-v-5ccba7e1] {
  background: #c0c4cc;
  border-color: #c0c4cc;
  color: white;
  cursor: not-allowed;
  border-radius: 20px;
}

/* Popover 详情样式 */
.treatment-detail-popover[data-v-5ccba7e1] {
  padding: 8px;
}
.detail-header[data-v-5ccba7e1] {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebeef5;
}
.detail-header h4[data-v-5ccba7e1] {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.detail-status[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.detail-content[data-v-5ccba7e1] {
  max-height: 400px;
  overflow-y: auto;
}
.combo-details-section[data-v-5ccba7e1] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ebeef5;
}
.combo-details-header[data-v-5ccba7e1] {
  font-weight: 600;
  color: #409eff;
  margin-bottom: 8px;
}
.combo-details-list[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.combo-detail-item[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  background: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef;
}
.combo-detail-item.main-item[data-v-5ccba7e1] {
  border-left: 3px solid #409eff;
}
.combo-detail-item.additional-item[data-v-5ccba7e1] {
  border-left: 3px solid #67c23a;
}
.combo-detail-item.expired[data-v-5ccba7e1] {
  opacity: 0.6;
  background: #f5f7fa;
}
.detail-info[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.detail-name[data-v-5ccba7e1] {
  font-weight: 500;
  color: #303133;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-count[data-v-5ccba7e1] {
  color: #67c23a;
  font-weight: 700;
  font-size: 14px;
  margin-left: 8px;
  text-shadow: 0 2px 4px rgba(103, 194, 58, 0.2);
}
.detail-type[data-v-5ccba7e1] {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  color: white;
}
.detail-type.service[data-v-5ccba7e1] {
  background-color: #67c23a;
}
.detail-type.goods[data-v-5ccba7e1] {
  background-color: #e6a23c;
}
.unlimited-tag[data-v-5ccba7e1] {
  font-size: 11px;
  color: #409eff;
  font-weight: 500;
}
.detail-validity[data-v-5ccba7e1] {
  margin-top: 4px;
  font-size: 12px;
  color: #909399;
}
.validity-label[data-v-5ccba7e1] {
  color: #909399;
}
.validity-value[data-v-5ccba7e1] {
  color: #409eff;
  font-weight: 500;
}
.detail-actions[data-v-5ccba7e1] {
  margin-left: 12px;
}
.treatment-name[data-v-5ccba7e1] {
  font-size: 14px;
  font-weight: 600;
  color: #248df5;
  margin: 0;
  line-height: 1.2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 8px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.treatment-card .treatment-type.gift ~ .treatment-name[data-v-5ccba7e1] {
  color: #e6a23c;
}
.treatment-type[data-v-5ccba7e1] {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.treatment-type[data-v-5ccba7e1]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.treatment-card:hover .treatment-type[data-v-5ccba7e1]::before {
  left: 100%;
}
.treatment-type.normal[data-v-5ccba7e1] {
  background: linear-gradient(135deg, #409eff, #66b1ff);
}
.treatment-type.gift[data-v-5ccba7e1] {
  background: linear-gradient(135deg, #e6a23c, #ebb563);
}
.remaining-info[data-v-5ccba7e1] {
  font-size: 16px;
  font-weight: 700;
  color: #67c23a;
  text-shadow: 0 2px 4px rgba(103, 194, 58, 0.2);
  line-height: 1.2;
}
.remaining-info.expired[data-v-5ccba7e1] {
  color: #c0c4cc;
}

/* 疗程卡信息行样式 */
.treatment-info-row[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #666;
}
.treatment-info-row .info-item[data-v-5ccba7e1] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.treatment-info-row .info-separator[data-v-5ccba7e1] {
  color: #ccc;
}

/* 疗程卡操作行样式 */
.treatment-action-row[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.status-tags[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.status-tag[data-v-5ccba7e1] {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.status-tag.service[data-v-5ccba7e1] {
  background: #e6f7ff;
  color: #1890ff;
}
.status-tag.goods[data-v-5ccba7e1] {
  background: #f6ffed;
  color: #52c41a;
}
.status-tag.gift[data-v-5ccba7e1] {
  background: #fff7e6;
  color: #fa8c16;
}
.detail-item[data-v-5ccba7e1] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-item[data-v-5ccba7e1]::before {
  content: '•';
  color: #409eff;
  margin-right: 2px;
  font-weight: bold;
}
.detail-item.expired[data-v-5ccba7e1] {
  color: #f56c6c;
  font-weight: 500;
}

/* 赠送相关样式 */
.gift-segment[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding: 16px;
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.gift-stats[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.stat-item[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #606266;
  font-weight: 500;
}
.stat-item i[data-v-5ccba7e1] {
  color: #409eff;
}
.gift-cards-container[data-v-5ccba7e1] {
  min-height: 350px;
}
.gift-cards-grid[data-v-5ccba7e1] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.gift-card[data-v-5ccba7e1] {
  background: white;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #ebeef5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.gift-card[data-v-5ccba7e1]:hover {
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.gift-card.expired[data-v-5ccba7e1] {
  opacity: 0.6;
  background: #f5f7fa;
}
.project-card[data-v-5ccba7e1] {
  border-left: 4px solid #67c23a;
}
.goods-card[data-v-5ccba7e1] {
  border-left: 4px solid #e6a23c;
}
.gift-header[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
}
.gift-name[data-v-5ccba7e1] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  line-height: 1.4;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 12px;
}
.gift-status[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gift-type[data-v-5ccba7e1] {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: white;
}
.gift-type.project[data-v-5ccba7e1] {
  background-color: #67c23a;
}
.gift-type.goods[data-v-5ccba7e1] {
  background-color: #e6a23c;
}
.remaining-count[data-v-5ccba7e1] {
  font-size: 18px;
  font-weight: 700;
  color: #67c23a;
}
.remaining-count.expired[data-v-5ccba7e1] {
  color: #c0c4cc;
}
.total-count[data-v-5ccba7e1] {
  font-size: 14px;
  color: #909399;
}
.gift-details[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.gift-info[data-v-5ccba7e1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 12px;
}
.info-item[data-v-5ccba7e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  font-size: 13px;
}
.info-item[data-v-5ccba7e1]:last-child {
  margin-bottom: 0;
}
.info-label[data-v-5ccba7e1] {
  color: #909399;
  margin-right: 8px;
  min-width: 60px;
  font-weight: 500;
}
.info-value[data-v-5ccba7e1] {
  color: #606266;
  font-weight: 500;
}
.info-value.expired[data-v-5ccba7e1] {
  color: #f56c6c;
}
.gift-actions[data-v-5ccba7e1] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.use-btn[data-v-5ccba7e1] {
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  border: none;
  color: white;
  font-weight: 600;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.use-btn[data-v-5ccba7e1]:hover {
  background: linear-gradient(135deg, #3a8ee6 0%, #5cadff 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.expired-btn[data-v-5ccba7e1] {
  background: #c0c4cc;
  border: none;
  color: white;
  cursor: not-allowed;
  padding: 8px 16px;
  border-radius: 6px;
}

/* 通用样式 */
.empty-state[data-v-5ccba7e1] {
  text-align: center;
  padding: 60px 20px;
  color: #909399;
}
.empty-state i[data-v-5ccba7e1] {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
}
.empty-state p[data-v-5ccba7e1] {
  font-size: 14px;
  margin: 0;
}

/* 卡片动画效果 */
@-webkit-keyframes cardGlow-data-v-5ccba7e1 {
0% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
50% {
    -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
            box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
}
100% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
}
@keyframes cardGlow-data-v-5ccba7e1 {
0% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
50% {
    -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
            box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
}
100% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
}
@-webkit-keyframes cardSlideIn-data-v-5ccba7e1 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes cardSlideIn-data-v-5ccba7e1 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* 响应式布局 */
@media (max-width: 768px) {
[data-v-5ccba7e1] .member-treatment-gift-drawer {
    width: 100% !important;
}
.treatment-grid[data-v-5ccba7e1] {
    grid-template-columns: 1fr;
}
.gift-cards-grid[data-v-5ccba7e1] {
    grid-template-columns: 1fr;
}
.gift-segment[data-v-5ccba7e1] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.gift-stats[data-v-5ccba7e1] {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.section-header[data-v-5ccba7e1] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
}

/* 确保抽屉在经典模式布局中不被遮挡 */
[data-v-5ccba7e1] .member-treatment-gift-drawer {
  z-index: 10000 !important;
}

/* 🔥 去掉 popover 的动画效果 */
[data-v-5ccba7e1] .treatment-popover-no-animation {
  -webkit-transition: none !important;
  transition: none !important;
}
[data-v-5ccba7e1] .treatment-popover-no-animation.el-popover-enter-active,[data-v-5ccba7e1] .treatment-popover-no-animation.el-popover-leave-active {
  -webkit-transition: none !important;
  transition: none !important;
}
[data-v-5ccba7e1] .treatment-popover-no-animation.el-popover-enter,[data-v-5ccba7e1] .treatment-popover-no-animation.el-popover-leave-to {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}


/* ==================== 基础变量 ==================== */
[data-v-f007d64c]:root {
  --primary-color: #409eff;
  --primary-light: #66b1ff;
  --primary-dark: #3a8ee6;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --text-primary: #303133;
  --text-regular: #606266;
  --text-secondary: #909399;
  --border-color: #dcdfe6;
  --bg-white: #ffffff;
  --bg-gray: #f5f7fa;
}

/* ==================== 会员信息卡片 - 高端立体设计 ==================== */
.member-info-card[data-v-f007d64c] {
  max-width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  padding: 0 5px;
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%);
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* 顶部装饰线 - 移除，因为卡片延伸到顶部 */
.member-info-card[data-v-f007d64c]::before {
  display: none;
}

/* ==================== 会员基本信息区域 ==================== */
.member-basic-info[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px 10px;
  position: relative;
  z-index: 1;
}

/* 头像 - 3D立体效果 */
.member-avatar[data-v-f007d64c] {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 2px solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  -webkit-box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 4px 12px rgba(64, 158, 255, 0.15),
    inset 0 1px 2px rgba(255, 255, 255, 0.8);
          box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 4px 12px rgba(64, 158, 255, 0.15),
    inset 0 1px 2px rgba(255, 255, 255, 0.8);
  overflow: hidden;
  position: relative;
}
.member-avatar[data-v-f007d64c]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 1px solid rgba(64, 158, 255, 0.3);
  pointer-events: none;
}

/* ==================== 会员卡区域 - 高端卡片设计 ==================== */
.member-card-container[data-v-f007d64c] {
  margin: 0 0 8px;
  padding: 8px 10px;
  background: var(--theme-color);
  border-radius: 8px;
  -webkit-box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.15),
    0 4px 12px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.15),
    0 4px 12px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
}

/* 卡片光泽效果 */
.member-card-container[data-v-f007d64c]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(transparent),
    color-stop(50%, rgba(255, 255, 255, 0.15)),
    to(transparent)
  );
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 50%,
    transparent 100%
  );
  -webkit-animation: cardShine-data-v-f007d64c 4s ease-in-out infinite;
          animation: cardShine-data-v-f007d64c 4s ease-in-out infinite;
}
@-webkit-keyframes cardShine-data-v-f007d64c {
0%, 100% { left: -100%;
}
50% { left: 100%;
}
}
@keyframes cardShine-data-v-f007d64c {
0%, 100% { left: -100%;
}
50% { left: 100%;
}
}

/* 附加卡片标签 */
.attached-cards[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.attached-card-tag[data-v-f007d64c] {
  padding: 3px 10px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--theme-color);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
}

/* 卡片主内容 */
.card-main-content[data-v-f007d64c] {
  position: relative;
  z-index: 1;
}

/* 卡片头部行 */
.card-header-row[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

/* 卡名徽章 */
.card-name-badge[data-v-f007d64c] {
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--theme-color);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
}

/* 卡片数量按钮 */
.card-count-btn[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}
.card-count-btn[data-v-f007d64c]:hover {
  background: rgba(255, 255, 255, 0.35);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 充值按钮 */
.recharge-btn[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 5px 12px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--theme-color);
  border: none;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.recharge-btn[data-v-f007d64c]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}

/* 卡片信息行 */
.card-info-row[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* 余额文字 */
.balance-text[data-v-f007d64c] {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.balance-text[data-v-f007d64c]:hover {
  opacity: 0.9;
}
.balance-text i[data-v-f007d64c] {
  font-size: 14px;
  opacity: 0.8;
}

/* 折扣信息 */
.discount-info[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.discount-text[data-v-f007d64c] {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
}
.discount-icon[data-v-f007d64c] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.discount-icon[data-v-f007d64c]:hover {
  color: #ffffff;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* ==================== 无会员卡区域 ==================== */
.no-card-section[data-v-f007d64c] {
  margin: 0 0 10px;
  padding: 20px;
  background: linear-gradient(145deg, #f5f7fa 0%, #ebeef5 100%);
  border-radius: 8px;
  text-align: center;
  border: 1px dashed #c0c4cc;
}
.no-card-text[data-v-f007d64c] {
  font-size: 14px;
  color: #909399;
  margin-bottom: 12px;
  font-weight: 500;
}
.go-card-btn[data-v-f007d64c] {
  padding: 8px 24px;
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.go-card-btn[data-v-f007d64c]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 20px rgba(64, 158, 255, 0.4);
          box-shadow: 0 6px 20px rgba(64, 158, 255, 0.4);
}

/* ==================== 底部功能按钮组 ==================== */
.action-buttons[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 5px;
  padding: 0 0 8px;
}
.action-btn[data-v-f007d64c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  padding: 5px 6px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}
.action-btn i[data-v-f007d64c] {
  font-size: 13px;
}

/* 未选中状态 - 不同按钮不同阴影颜色 */
.action-btn-inactive[data-v-f007d64c] {
  background: linear-gradient(145deg, #f5f7fa 0%, #e4e7ed 100%);
  color: #606266;
  -webkit-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  border: none;
}

/* 第1个按钮：红色阴影 */
.action-buttons .action-btn:nth-child(1).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(255, 107, 107, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(255, 107, 107, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(1).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(255, 107, 107, 0.4);
          box-shadow: 0 4px 12px rgba(255, 107, 107, 0.4);
  color: #ff6b6b;
}

/* 第2个按钮：青色阴影 */
.action-buttons .action-btn:nth-child(2).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(78, 205, 196, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(78, 205, 196, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(2).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(78, 205, 196, 0.4);
          box-shadow: 0 4px 12px rgba(78, 205, 196, 0.4);
  color: #4ecdc4;
}

/* 第3个按钮：蓝色阴影 */
.action-buttons .action-btn:nth-child(3).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(69, 183, 209, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(69, 183, 209, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(3).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(69, 183, 209, 0.4);
          box-shadow: 0 4px 12px rgba(69, 183, 209, 0.4);
  color: #45b7d1;
}

/* 第4个按钮：绿色阴影 */
.action-buttons .action-btn:nth-child(4).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(150, 206, 180, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(150, 206, 180, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(4).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(150, 206, 180, 0.4);
          box-shadow: 0 4px 12px rgba(150, 206, 180, 0.4);
  color: #5cb85c;
}

/* 第5个按钮：黄色阴影 */
.action-buttons .action-btn:nth-child(5).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(254, 202, 87, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(254, 202, 87, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(5).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(254, 202, 87, 0.4);
          box-shadow: 0 4px 12px rgba(254, 202, 87, 0.4);
  color: #feca57;
}

/* 第6个按钮：粉色阴影 */
.action-buttons .action-btn:nth-child(6).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(255, 159, 243, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(255, 159, 243, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(6).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(255, 159, 243, 0.4);
          box-shadow: 0 4px 12px rgba(255, 159, 243, 0.4);
  color: #ff9ff3;
}

/* 第7个按钮：天蓝色阴影 */
.action-buttons .action-btn:nth-child(7).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(84, 160, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(84, 160, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(7).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(84, 160, 255, 0.4);
          box-shadow: 0 4px 12px rgba(84, 160, 255, 0.4);
  color: #54a0ff;
}

/* 第8个按钮：紫色阴影 */
.action-buttons .action-btn:nth-child(8).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(95, 39, 205, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(95, 39, 205, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(8).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(95, 39, 205, 0.4);
          box-shadow: 0 4px 12px rgba(95, 39, 205, 0.4);
  color: #5f27cd;
}

/* 第9个按钮：青绿色阴影 */
.action-buttons .action-btn:nth-child(9).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(0, 210, 211, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(0, 210, 211, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(9).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 210, 211, 0.4);
          box-shadow: 0 4px 12px rgba(0, 210, 211, 0.4);
  color: #00d2d3;
}

/* 第10个按钮：橙红色阴影 */
.action-buttons .action-btn:nth-child(10).action-btn-inactive[data-v-f007d64c] {
  -webkit-box-shadow: 0 1px 3px rgba(255, 99, 72, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 3px rgba(255, 99, 72, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.action-buttons .action-btn:nth-child(10).action-btn-inactive[data-v-f007d64c]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(255, 99, 72, 0.4);
          box-shadow: 0 4px 12px rgba(255, 99, 72, 0.4);
  color: #ff6348;
}

/* 选中状态 */
.action-btn-active[data-v-f007d64c] {
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  color: #ffffff;
  -webkit-box-shadow:
    0 4px 12px rgba(64, 158, 255, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
          box-shadow:
    0 4px 12px rgba(64, 158, 255, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.action-btn-active[data-v-f007d64c]:hover {
  background: linear-gradient(135deg, #3a8ee6 0%, #5cadff 100%);
  -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.45);
          box-shadow: 0 6px 16px rgba(64, 158, 255, 0.45);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

/* ==================== 切换会员按钮 ==================== */
.champagne-button[data-v-f007d64c] {
  background: var(--theme-color) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.champagne-button[data-v-f007d64c]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

/* ==================== 余额详情弹窗 ==================== */
.balance-detail[data-v-f007d64c] {
  padding: 12px 16px;
  min-width: 180px;
}
.balance-item[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #ebeef5;
}
.balance-item[data-v-f007d64c]:last-child {
  border-bottom: none;
}
.balance-item.total[data-v-f007d64c] {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 2px solid #e4e7ed;
  font-weight: 600;
}
.balance-label[data-v-f007d64c] {
  color: #606266;
  font-size: 13px;
}
.balance-value[data-v-f007d64c] {
  font-size: 15px;
  font-weight: 600;
}

/* ==================== 折扣详情弹窗 ==================== */
.discount-detail[data-v-f007d64c] {
  padding: 12px 16px;
  min-width: 140px;
}
.discount-item[data-v-f007d64c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
  font-size: 13px;
}
.discount-item[data-v-f007d64c]:not(:last-child) {
  border-bottom: 1px dashed #ebeef5;
}
.discount-label[data-v-f007d64c] {
  color: #606266;
}
.discount-value[data-v-f007d64c] {
  font-weight: 600;
}

/* ==================== 响应式适配 ==================== */

/* 小屏幕 (< 640px) */
@media (max-width: 639px) {
.member-info-card[data-v-f007d64c] {
    margin-top: 0;
    border-radius: 0;
}
.member-basic-info[data-v-f007d64c] {
    padding: 6px 8px;
}
.member-avatar[data-v-f007d64c] {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border-radius: 6px;
}
.member-card-container[data-v-f007d64c] {
    margin: 0 0 6px;
    padding: 6px 8px;
}
.card-name-badge[data-v-f007d64c] {
    font-size: 9px;
    padding: 3px 6px;
}
.balance-text[data-v-f007d64c] {
    font-size: 11px;
}
.discount-text[data-v-f007d64c] {
    font-size: 8px;
}
.action-buttons[data-v-f007d64c] {
    padding: 0 0 6px;
    gap: 4px;
}
.action-btn[data-v-f007d64c] {
    padding: 4px 5px;
    font-size: 9px;
}
}

/* 中等屏幕 (640px - 1024px) */
@media (min-width: 640px) and (max-width: 1024px) {
.member-avatar[data-v-f007d64c] {
    width: 46px;
    height: 46px;
    border-radius: 8px;
}
.member-card-container[data-v-f007d64c] {
    margin: 0 0 10px;
    padding: 12px 14px;
}
}

/* 大屏幕 (> 1024px) */
@media (min-width: 1025px) {
.member-info-card[data-v-f007d64c] {
    margin-top: 0;
}
.member-basic-info[data-v-f007d64c] {
    padding: 12px 14px;
}
.member-avatar[data-v-f007d64c] {
    width: 52px;
    height: 52px;
    margin-right: 14px;
    border-radius: 10px;
}
.member-card-container[data-v-f007d64c] {
    margin: 0 0 8px;
    padding: 10px 12px;
}
.balance-text[data-v-f007d64c] {
    font-size: 12px;
}
.discount-text[data-v-f007d64c] {
    font-size: 9px;
}
.action-buttons[data-v-f007d64c] {
    padding: 0 0 10px;
    gap: 6px;
}
.action-btn[data-v-f007d64c] {
    padding: 8px 12px;
    font-size: 12px;
}
}

/* ==================== 工具类 ==================== */
.flex[data-v-f007d64c] { display: -webkit-box; display: -ms-flexbox; display: flex;
}
.flex-1[data-v-f007d64c] { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%;
}
.flex-shrink-0[data-v-f007d64c] { -ms-flex-negative: 0; flex-shrink: 0;
}
.items-start[data-v-f007d64c] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
}
.items-center[data-v-f007d64c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.justify-center[data-v-f007d64c] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.justify-between[data-v-f007d64c] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.flex-wrap[data-v-f007d64c] { -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.min-w-0[data-v-f007d64c] { min-width: 0;
}
.ml-auto[data-v-f007d64c] { margin-left: auto;
}
.mr-1[data-v-f007d64c] { margin-right: 0.25rem;
}
.mr-2[data-v-f007d64c] { margin-right: 0.5rem;
}
.mb-0\.5[data-v-f007d64c] { margin-bottom: 0.125rem;
}
.mb-1[data-v-f007d64c] { margin-bottom: 0.25rem;
}
.mt-0\.5[data-v-f007d64c] { margin-top: 0.125rem;
}
.truncate[data-v-f007d64c] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cursor-pointer[data-v-f007d64c] { cursor: pointer;
}
.hover\:underline[data-v-f007d64c]:hover { text-decoration: underline;
}
.whitespace-nowrap[data-v-f007d64c] { white-space: nowrap;
}
.text-gray-600[data-v-f007d64c] { color: #606266;
}
.text-gray-700[data-v-f007d64c] { color: #606266;
}
.text-gray-800[data-v-f007d64c] { color: #303133;
}
.text-blue-500[data-v-f007d64c] { color: #409eff;
}
.text-blue-600[data-v-f007d64c] { color: #409eff;
}
.font-medium[data-v-f007d64c] { font-weight: 500;
}
.font-semibold[data-v-f007d64c] { font-weight: 600;
}
.text-xs[data-v-f007d64c] { font-size: 0.75rem;
}
.text-sm[data-v-f007d64c] { font-size: 0.875rem;
}
.text-base[data-v-f007d64c] { font-size: 1rem;
}
.text-\[10px\][data-v-f007d64c] { font-size: 10px;
}
.text-\[11px\][data-v-f007d64c] { font-size: 11px;
}
.rounded-full[data-v-f007d64c] { border-radius: 9999px;
}
.object-cover[data-v-f007d64c] { -o-object-fit: cover; object-fit: cover;
}
.w-full[data-v-f007d64c] { width: 100%;
}
.h-full[data-v-f007d64c] { height: 100%;
}
.w-5[data-v-f007d64c] { width: 1.25rem;
}
.h-5[data-v-f007d64c] { height: 1.25rem;
}

/* 全局弹窗样式 */
.balance-popover,
.discount-popover {
  padding: 0 !important;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.balance-popover .el-popover__title,
.discount-popover .el-popover__title {
  display: none;
}

/* 基础样式 */
.member-search-popup[data-v-46201d30] {
  max-height: 777px;
}

/* 自定义滚动条 */
.member-search-popup[data-v-46201d30]::-webkit-scrollbar {
  width: 6px;
}
.member-search-popup[data-v-46201d30]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.member-search-popup[data-v-46201d30]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.member-search-popup[data-v-46201d30]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* 确保悬浮效果正常工作 */
.member-item[data-v-46201d30] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.member-item[data-v-46201d30]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(239 246 255)), to(rgb(238 242 255))) !important;
  background: linear-gradient(to right, rgb(239 246 255), rgb(238 242 255)) !important;
  border-left-color: rgb(96 165 250) !important;
}
.member-item.selected[data-v-46201d30] {
  background: -webkit-gradient(linear, left top, right top, from(rgb(239 246 255)), to(rgb(238 242 255))) !important;
  background: linear-gradient(to right, rgb(239 246 255), rgb(238 242 255)) !important;
  border-left-color: rgb(59 130 246) !important;
}

/* 小屏幕响应式样式 */

/* 统一所有设备的搜索弹窗样式 */

/* 删除了针对不同屏幕尺寸的差异化样式，确保所有设备显示一致 */

.member-payment-confirm-dialog .rounded-dialog[data-v-17d8e5d2] {
  border-radius: 16px !important;
  overflow: hidden;
  border: 2px solid #409EFF;
  -webkit-box-shadow: 0 8px 32px rgba(64, 158, 255, 0.2);
          box-shadow: 0 8px 32px rgba(64, 158, 255, 0.2);
}
.member-payment-confirm-dialog .rounded-dialog .el-dialog__header[data-v-17d8e5d2] {
  background: linear-gradient(135deg, #409EFF 0%, #67C23A 100%);
  color: white;
  border-radius: 14px 14px 0 0;
  padding: 20px;
  border-bottom: 2px solid #409EFF;
}
.member-payment-confirm-dialog .rounded-dialog .el-dialog__header .el-dialog__title[data-v-17d8e5d2] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.member-payment-confirm-dialog .rounded-dialog .el-dialog__header .el-dialog__title[data-v-17d8e5d2]::before {
  content: "💰";
  font-size: 20px;
}
.member-payment-confirm-dialog .rounded-dialog .el-dialog__body[data-v-17d8e5d2] {
  border-radius: 0 0 14px 14px;
  background: #f8f9fa;
  border: 1px solid #e4e7ed;
}
.member-payment-confirm-dialog .dialog-content[data-v-17d8e5d2] {
  padding: 20px 0;
  text-align: center;
}
.member-payment-confirm-dialog .confirm-message[data-v-17d8e5d2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
.member-payment-confirm-dialog .member-name[data-v-17d8e5d2] {
  color: #53a3f3;
  font-weight: bold;
  word-break: break-word;
}
.member-payment-confirm-dialog .dialog-footer[data-v-17d8e5d2] {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.member-payment-confirm-dialog .action-button[data-v-17d8e5d2] {
  margin: 0;
  min-width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 120px;
}

/* 响应式设计 - 针对更窄的空间优化 */
@media (max-width: 768px) {
.member-payment-confirm-dialog .el-dialog[data-v-17d8e5d2] {
    width: 95% !important;
    max-width: 320px;
    margin: 0 auto;
    z-index: 10000 !important;
}
.member-payment-confirm-dialog .el-dialog__wrapper[data-v-17d8e5d2] {
    z-index: 9999 !important;
}
.member-payment-confirm-dialog .confirm-message[data-v-17d8e5d2] {
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 0 10px;
}
.member-payment-confirm-dialog .confirm-message i[data-v-17d8e5d2] {
    margin-bottom: 8px;
    margin-right: 0;
    font-size: 20px;
}
.member-payment-confirm-dialog .dialog-footer[data-v-17d8e5d2] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 0 10px;
}
.member-payment-confirm-dialog .action-button[data-v-17d8e5d2] {
    display: block;
    width: 100%;
    margin: 0;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
}

/* 超小屏幕设备优化 */
@media (max-width: 480px) {
.member-payment-confirm-dialog .el-dialog[data-v-17d8e5d2] {
    width: 98% !important;
    max-width: 280px;
}
.member-payment-confirm-dialog .confirm-message[data-v-17d8e5d2] {
    font-size: 13px;
    padding: 0 5px;
}
.member-payment-confirm-dialog .confirm-message i[data-v-17d8e5d2] {
    font-size: 18px;
    margin-bottom: 6px;
}
.member-payment-confirm-dialog .dialog-footer[data-v-17d8e5d2] {
    gap: 6px;
    padding: 0 5px;
}
.member-payment-confirm-dialog .action-button[data-v-17d8e5d2] {
    font-size: 14px;
    padding: 8px 12px;
}
}

/* 横屏设备优化 */
@media (max-width: 768px) and (orientation: landscape) {
.member-payment-confirm-dialog .el-dialog[data-v-17d8e5d2] {
    width: 80% !important;
    max-width: 400px;
}
.member-payment-confirm-dialog .dialog-footer[data-v-17d8e5d2] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
}
.member-payment-confirm-dialog .action-button[data-v-17d8e5d2] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 140px;
}
}

/* 防止内容溢出 */
.member-payment-confirm-dialog .el-dialog__body[data-v-17d8e5d2] {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.member-payment-confirm-dialog .el-dialog__header[data-v-17d8e5d2] {
  padding: 15px 20px 10px;
}
.member-payment-confirm-dialog .el-dialog__body[data-v-17d8e5d2] {
  padding: 10px 20px;
}
.member-payment-confirm-dialog .el-dialog__footer[data-v-17d8e5d2] {
  padding: 10px 20px 15px;
}

.staff-dialog-content[data-v-299abae6] {
  height: 100%;
}

/* 主容器样式 */
.payment-checkout[data-v-76e2226a] {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  background: white;
  --theme-color: var(--theme-color, #409EFF);
  --theme-color-light: var(--theme-color-light, #ecf5ff);
  --theme-color-dark: var(--theme-color-dark, #337ecc);
}

/* 标题样式 */
.title[data-v-76e2226a] {
  text-align: center;
  margin-bottom: 20px;
}

/* 内容区域样式 */
.content[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden; /* 禁止页面滚动 */
  padding: 15px;
  padding-bottom: 0; /* 移除底部预留空间 */
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 0;
  max-height: calc(100vh - 80px); /* 减去底部按钮高度 */
}

/* 左右面板通用样式 */
.left-panel[data-v-76e2226a], .right-panel[data-v-76e2226a] {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0; /* 允许 flex 子元素收缩 */
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; /* 确保子元素能够拉伸 */
  height: 100%; /* 占满父容器高度 */
  overflow: hidden; /* 禁止滚动 */
}

/* 左右面板分割线 */
.left-panel[data-v-76e2226a] {
  border-right: 1px solid #e0e0e0;
}
.right-panel[data-v-76e2226a] {
  border-left: 1px solid #e0e0e0;
  margin-left: -1px; /* 消除双边框 */
}

/* 响应式布局 - 平板及以上 */
@media (min-width: 768px) {
.content[data-v-76e2226a] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: calc(100vh - 120px); /* 固定高度，减去底部按钮区域 */
    overflow: hidden; /* 禁止页面滚动 */
}
.left-panel[data-v-76e2226a] {
    width: auto;
    -webkit-box-flex: 0.6;
        -ms-flex: 0.6;
            flex: 0.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; /* 占满父容器高度 */
    overflow: hidden; /* 禁止独立滚动 */
}
.right-panel[data-v-76e2226a] {
    width: auto;
    -webkit-box-flex: 1.4;
        -ms-flex: 1.4;
            flex: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; /* 占满父容器高度 */
    overflow: hidden; /* 禁止独立滚动 */
}

  /* 右侧面板内容区域 - 固定高度，表格内部滚动 */
.right-panel .payment-details[data-v-76e2226a] {
    height: 100%; /* 占满右侧面板 */
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden; /* 禁止滚动 */
}
.right-panel .order-details-table-container[data-v-76e2226a] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; /* 占据剩余空间 */
    min-height: 0;
    max-height: none; /* 移除最大高度限制 */
    overflow-y: auto; /* 垂直方向支持滚动 */
    overflow-x: hidden; /* 水平方向隐藏滚动 */
}
}

/* 会员信息区域样式 */
.member-section[data-v-76e2226a] {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 16px;
  margin-bottom: 20px;
}

/* 顾客状态区域样式 */
.customer-status[data-v-76e2226a] {
  margin-bottom: 10px;
}

/* 状态头部样式 */
.status-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.status-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: visible;
}
.status-label[data-v-76e2226a] {
  font-weight: bold;
}
.status-value[data-v-76e2226a] {
  color: #1890ff;
  font-weight: bold;
}
.member-name[data-v-76e2226a] {
  color: #333;
  font-weight: bold;
  padding: 2px 8px;
  background: #f0f8ff;
  border-radius: 4px;
}

/* 会员余额信息样式 - 内联显示 */
.balance-inline[data-v-76e2226a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  margin-left: 10px;
}
.balance-label-small[data-v-76e2226a] {
  font-size: 12px;
  color: #999;
}
.balance-value-small[data-v-76e2226a] {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}
.balance-hidden-small[data-v-76e2226a] {
  font-size: 12px;
  color: #ccc;
  letter-spacing: 1px;
}
.eye-icon-small[data-v-76e2226a] {
  margin-left: 5px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.eye-icon-small[data-v-76e2226a]:hover {
  background-color: #f0f0f0;
}

/* 新建档案按钮样式 - 使用主题色，高度更小 */
.new-archive-btn[data-v-76e2226a] {
  padding: 4px 10px;
  background: var(--theme-color, #409EFF);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  height: 28px;
  line-height: 1;
}
.new-archive-btn[data-v-76e2226a]:hover {
  background: var(--theme-color-dark, #3a8ee6);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}

/* 档案表单样式 */
.archive-form[data-v-76e2226a] {
  background: white;
  padding: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.15);
          box-shadow: 0 2px 12px rgba(0,0,0,0.15);
  margin-bottom: 20px;
  max-width: 100%;
  overflow: hidden;
}

/* 档案表单头部 */
.archive-form-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 15px;
  background: #f8f8f8;
  border-bottom: 1px solid white;
}
.archive-form-header h3[data-v-76e2226a] {
  margin: 0;
  font-size: 16px;
  color: #333;
}
.close-btn[data-v-76e2226a] {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #999;
  padding: 0 5px;
}
.close-btn[data-v-76e2226a]:hover {
  color: #666;
}

/* 档案表单内容 */
.archive-form-content[data-v-76e2226a] {
  padding: 15px;
}

/* 表单行 - 用于并排放置表单组 */
.form-row[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 10px;
}

/* 表单组样式 */
.form-group[data-v-76e2226a] {
  margin-bottom: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
}

/* 表单标签样式 */
.form-group label[data-v-76e2226a] {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
}
.form-group.required label[data-v-76e2226a]::after {
  content: '*';
  color: #ff4d4f;
  margin-left: 4px;
}
.form-group input.error[data-v-76e2226a] {
  border-color: #ff4d4f;
}
.error-message[data-v-76e2226a] {
  color: #ff4d4f;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

/* 单选按钮组样式 */
.segment-control[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid white;
  border-radius: 4px;
  overflow: hidden;
  width: 100px;
}
.segment-btn[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px 8px;
  border: none;
  background: #f5f5f5;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  text-align: center;
  min-width: 50px;
}
.segment-btn.active[data-v-76e2226a] {
  background: #1890ff;
  color: white;
}
.segment-btn[data-v-76e2226a]:not(:last-child) {
  border-right: 1px solid white;
}

/* 搜索组样式 */
.search-group[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* 搜索输入框样式 */
.search-group input[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}

/* 搜索按钮样式 */
.search-btn[data-v-76e2226a] {
  background: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
}

/* 文本域样式 */
textarea[data-v-76e2226a] {
  width: 100%;
  min-height: 60px;
  padding: 8px;
  border: 1px solid white;
  border-radius: 4px;
  resize: vertical;
}

/* 表单操作区样式 */
.form-actions[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  padding: 15px;
  background: #f8f8f8;
  border-top: 1px solid white;
}

/* 取消按钮样式 */
.cancel-btn[data-v-76e2226a] {
  background: #f5f5f5;
  border: 1px solid white;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cancel-btn[data-v-76e2226a]:hover {
  background: #e8e8e8;
}

/* 保存按钮样式 */
.save-btn[data-v-76e2226a] {
  background: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.save-btn[data-v-76e2226a]:hover {
  background: #40a9ff;
}

/* 输入框通用样式 */
.form-group input[type="text"][data-v-76e2226a],
.form-group input[type="tel"][data-v-76e2226a],
.form-group select[data-v-76e2226a] {
  width: 100%;
  padding: 8px;
  border: 1px solid white;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 响应式调整 */
@media (max-width: 576px) {
.form-row[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
}
.form-group[data-v-76e2226a] {
    min-width: 100%;
}
}

/* 各功能区块通用样式 */
.payment-methods[data-v-76e2226a], .remarks[data-v-76e2226a], .order-number[data-v-76e2226a] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px; /* 减小间距，让支付卡片紧挨着支付方式文字 */
}

/* 部门业绩分配和客数/项目数配置容器 */
.performance-config-container[data-v-76e2226a] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.member-options[data-v-76e2226a] {
  margin-bottom: 100px; /* 增加底部间距，确保在平板上可以滚动到底部 */
  padding-bottom: 30px; /* 增加内边距，确保有足够空间 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.member-option-label[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
}
.member-option-label[data-v-76e2226a]:hover {
  background: transparent;
  border: none;
}
.member-option-label input[type="checkbox"][data-v-76e2226a] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-right: 4px;
}

/* 部门业绩分配样式 */
.department-performance[data-v-76e2226a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.department-performance-text[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  margin-right: 10px;
}
.edit-icon[data-v-76e2226a] {
  cursor: pointer;
  color: var(--theme-color);
  font-size: 16px;
}
.department-dialog[data-v-76e2226a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
.department-dialog .dialog-content[data-v-76e2226a] {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 300px;
}
.percentage-input[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
  gap: 10px;
}
.department-name[data-v-76e2226a] {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-right: 10px;
}
.percentage-input input[data-v-76e2226a] {
  width: 80px;
  padding: 8px;
  border: 1px solid white;
  border-radius: 4px;
  margin-right: 5px;
}
.dialog-buttons[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.cancel-btn[data-v-76e2226a] {
  padding: 8px 16px;
  background: #f5f5f5;
  border: 1px solid white;
  border-radius: 4px;
  cursor: pointer;
}
.confirm-btn[data-v-76e2226a] {
  padding: 8px 16px;
  background: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* 标题样式 */
.payment-methods h3[data-v-76e2226a],
.guest-count h3[data-v-76e2226a],
.payment-details h3[data-v-76e2226a] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px; /* 减小底部间距，让支付卡片紧挨着支付方式文字 */
}

/* 支付方式包装器样式 - 防止溢出 */
.methods-wrapper[data-v-76e2226a] {
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* 支付方式列表容器 - 保持一致样式 */
.methods[data-v-76e2226a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  gap: 6px;
  max-height: 200px;
  overflow-y: auto;
  padding: 4px;
  justify-items: center;
}

/* 支付方式卡片容器 - 防止卡片变形 */
.payment-card-container[data-v-76e2226a] {
  background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #ffffff;
  border-radius: 8px;
  padding: 10px;
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.05);
  margin: 0;
  min-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
.remarks h3[data-v-76e2226a],
.order-number h3[data-v-76e2226a] {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  margin-right: 10px;
}
.remarks-order-number[data-v-76e2226a] {
  margin-bottom: 20px;
}
.remarks-order-number .form-row[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.remarks-order-number input[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  border-radius: 4px;
  height: 28px;
  padding: 4px 10px;
  font-size: 13px;
  border: 1px solid #dcdfe6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.remarks-order-number input[data-v-76e2226a]:focus {
  outline: none;
  border-color: var(--theme-color, #409EFF);
  -webkit-box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
          box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
}

/* 客数/项目数配置区域样式 */
.guest-count[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.guest-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  color: #666;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.guest-info .staff-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.guest-info .edit-icon[data-v-76e2226a] {
  color: var(--theme-color);
  cursor: pointer;
  font-size: 16px;
}

/* 疗程套餐支付方式显示样式 */
.combo-payment-display[data-v-76e2226a] {
  margin-bottom: 15px;
  padding: 8px 0;
}
.combo-payment-item[data-v-76e2226a] {
  padding: 4px 0;
}
.combo-item-info[data-v-76e2226a] {
  font-size: 14px;
  color: #666;
}

/* 按钮组样式 */
.methods[data-v-76e2226a], .count-btns[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 支付方式容器样式 */
.methods[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  max-height: 250px; /* 调整最大高度 */
  overflow-y: auto;
  padding: 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* 支付方式按钮样式 - 保持一致样式，不使用响应式调整 */
.method-btn[data-v-76e2226a] {
  padding: 10px;
  border: 2px solid white; /* 统一白色边框 */
  border-radius: 8px; /* 正方形圆角卡片 */
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px;
  width: 100%; /* 填满网格单元格 */
  height: 70px; /* 固定高度的正方形卡片 */
  min-width: 70px;
  max-width: 90px; /* 最大宽度限制 */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
          box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  font-size: 10px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  text-align: center;
}

/* 未选择状态的支付方式卡片 - 不同颜色的阴影 */
.method-btn[data-v-76e2226a]:not(.selected) {
  -webkit-box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
          box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(2) {
  -webkit-box-shadow: 0 2px 8px rgba(78, 205, 196, 0.3);
          box-shadow: 0 2px 8px rgba(78, 205, 196, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(3) {
  -webkit-box-shadow: 0 2px 8px rgba(69, 183, 209, 0.3);
          box-shadow: 0 2px 8px rgba(69, 183, 209, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(4) {
  -webkit-box-shadow: 0 2px 8px rgba(150, 206, 180, 0.3);
          box-shadow: 0 2px 8px rgba(150, 206, 180, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(5) {
  -webkit-box-shadow: 0 2px 8px rgba(254, 202, 87, 0.3);
          box-shadow: 0 2px 8px rgba(254, 202, 87, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(6) {
  -webkit-box-shadow: 0 2px 8px rgba(255, 159, 243, 0.3);
          box-shadow: 0 2px 8px rgba(255, 159, 243, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(7) {
  -webkit-box-shadow: 0 2px 8px rgba(84, 160, 255, 0.3);
          box-shadow: 0 2px 8px rgba(84, 160, 255, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(8) {
  -webkit-box-shadow: 0 2px 8px rgba(95, 39, 205, 0.3);
          box-shadow: 0 2px 8px rgba(95, 39, 205, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(9) {
  -webkit-box-shadow: 0 2px 8px rgba(0, 210, 211, 0.3);
          box-shadow: 0 2px 8px rgba(0, 210, 211, 0.3);
}
.method-btn[data-v-76e2226a]:not(.selected):nth-child(10) {
  -webkit-box-shadow: 0 2px 8px rgba(255, 99, 72, 0.3);
          box-shadow: 0 2px 8px rgba(255, 99, 72, 0.3);
}

/* 禁用按钮样式 */
.disabled-btn[data-v-76e2226a] {
  opacity: 0.5;
  cursor: not-allowed;
}
.disabled-btn[data-v-76e2226a]:hover {
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 统一白色边框 */
.method-btn[data-v-76e2226a]:nth-child(1),
.method-btn[data-v-76e2226a]:nth-child(2),
.method-btn[data-v-76e2226a]:nth-child(3),
.method-btn[data-v-76e2226a]:nth-child(4),
.method-btn[data-v-76e2226a]:nth-child(5),
.method-btn[data-v-76e2226a]:nth-child(6),
.method-btn[data-v-76e2226a]:nth-child(7),
.method-btn[data-v-76e2226a]:nth-child(8),
.method-btn[data-v-76e2226a]:nth-child(9),
.method-btn[data-v-76e2226a]:nth-child(10) {
  border-color: white; /* 统一白色边框 */
}
.method-btn[data-v-76e2226a]:hover {
  -webkit-transform: translateY(-3px) scale(1.02);
          transform: translateY(-3px) scale(1.02);
  -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.2);
          box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.method-btn[data-v-76e2226a]:active {
  -webkit-transform: translateY(-1px) scale(0.98);
          transform: translateY(-1px) scale(0.98);
}
.method-btn i[data-v-76e2226a] {
  font-size: 28px;
  margin-bottom: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 为不同支付方式的图标设置对应颜色 */
.method-btn:nth-child(1) i[data-v-76e2226a] { color: #ff6b6b;
}
.method-btn:nth-child(2) i[data-v-76e2226a] { color: #4ecdc4;
}
.method-btn:nth-child(3) i[data-v-76e2226a] { color: #45b7d1;
}
.method-btn:nth-child(4) i[data-v-76e2226a] { color: #96ceb4;
}
.method-btn:nth-child(5) i[data-v-76e2226a] { color: #feca57;
}
.method-btn:nth-child(6) i[data-v-76e2226a] { color: #ff9ff3;
}
.method-btn:nth-child(7) i[data-v-76e2226a] { color: #54a0ff;
}
.method-btn:nth-child(8) i[data-v-76e2226a] { color: #5f27cd;
}
.method-btn:nth-child(9) i[data-v-76e2226a] { color: #00d2d3;
}
.method-btn:nth-child(10) i[data-v-76e2226a] { color: #ff6348;
}
.method-btn:hover i[data-v-76e2226a] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* 支付图标样式 */
.payment-icon[data-v-76e2226a] {
  width: 28px !important;
  height: 28px !important;
  margin-right: 0 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.method-btn:hover .payment-icon[data-v-76e2226a] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* 响应式调整 - 支付方式按钮 */

/* 1200*800 屏幕优化 */
@media (min-width: 1000px) and (max-width: 1400px) and (min-height: 600px) and (max-height: 900px) {
.method-btn[data-v-76e2226a] {
    width: calc(33.33% - 8px);
    font-size: 12px;
    padding: 10px 6px;
    min-height: 70px;
}
.method-btn i[data-v-76e2226a] {
    font-size: 24px;
}
.payment-icon[data-v-76e2226a] {
    width: 24px !important;
    height: 24px !important;
}
}

/* 收银机屏幕适配 - 覆盖 iPad mini (1024*768) 和 iPad pro (1366*1024) 以及 iPad Air (820*1180) */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
  /* 内容区域底部 padding，避免被固定按钮遮挡，确保可以滚动到底部 */
.content[data-v-76e2226a] {
    max-height: calc(100vh - 100px) !important; /* 减去底部按钮高度（考虑按钮实际高度可能更高），确保可以滚动 */
    height: calc(100vh - 100px) !important; /* 明确指定高度，确保滚动生效 */
    padding-bottom: 250px !important; /* 大幅增加底部预留空间，确保结算签字选项完全可见 */
    overflow-y: auto !important; /* 确保可以滚动 */
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important; /* iOS 平滑滚动 */
}

  /* 左侧面板占三分之一，右侧占三分之二 */
.left-panel[data-v-76e2226a] {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; /* 左侧面板占三分之一 */
    overflow: visible !important; /* 移除独立滚动，跟随整体滚动 */
    max-height: none !important; /* 移除高度限制，跟随整体滚动 */
    height: auto !important; /* 高度自动，随内容扩展，边框随内容扩展 */
    border-right: 1px solid #e0e0e0 !important;
}
.right-panel[data-v-76e2226a] {
    -webkit-box-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; /* 右侧面板占三分之二 */
    overflow: visible !important; /* 移除独立滚动，跟随整体滚动 */
    max-height: none !important; /* 移除高度限制，跟随整体滚动 */
    min-height: 0 !important; /* 允许 flex 子元素收缩 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; /* 确保使用 flex 布局 */
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; /* 垂直布局 */
    height: auto !important; /* 高度自动，随内容扩展，边框随内容扩展 */
    border-left: 1px solid #e0e0e0 !important;
    margin-left: -1px !important;
}

  /* 右侧面板内容区域 - 高度延伸至底部按钮 */
.right-panel .payment-details[data-v-76e2226a] {
    height: calc(100vh - 180px) !important; /* 设置固定高度，减去头部和底部按钮区域 */
    min-height: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; /* 占据剩余空间 */
}
.right-panel .order-details-table-container[data-v-76e2226a] {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; /* 占据剩余空间 */
    min-height: 0 !important;
    overflow-y: auto !important; /* 垂直方向支持滚动 */
    overflow-x: hidden !important; /* 水平方向隐藏滚动 */
}
.methods[data-v-76e2226a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
    gap: 6px;
    max-height: 200px; /* 调整移动端最大高度 */
    overflow-y: auto;
    padding: 4px;
    justify-items: center;
}
.method-btn[data-v-76e2226a] {
    width: 100%;
    height: 65px;
    min-width: 65px;
    max-width: 80px;
    font-size: 9px;
    padding: 8px;
}
.method-btn i[data-v-76e2226a] {
    font-size: 28px;
}
.payment-icon[data-v-76e2226a] {
    width: 28px !important;
    height: 28px !important;
}

  /* 支付明细在iPad横屏时一行显示一条，且不溢出表格 */
.payment-method-controls[data-v-76e2226a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.payment-method-item[data-v-76e2226a] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.payment-method-cell[data-v-76e2226a] {
    width: calc(100% - 280px);
    min-width: 300px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    word-wrap: break-word;
}

  /* 确保表格不溢出，但不限制高度，让内容自然展开 */
.order-details-table-container[data-v-76e2226a] {
    overflow-x: auto; /* 横向溢出时允许滚动 */
    overflow-y: visible; /* 纵向不限制，跟随整体滚动 */
    height: auto; /* 不设置固定高度 */
}
.order-details-table-container table[data-v-76e2226a] {
    table-layout: fixed;
    width: 100%;
}
.order-details-table-container th[data-v-76e2226a],
  .order-details-table-container td[data-v-76e2226a] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

  /* 确保结算签字选项区域有足够的底部间距 */
.member-options[data-v-76e2226a] {
    margin-bottom: 150px !important; /* 大幅增加底部间距，确保结算签字选项完全可见 */
    padding-bottom: 50px !important; /* 增加内边距，确保有足够空间 */
}

  /* 左侧面板增加底部 padding，确保内容可以滚动到底部 */
.left-panel[data-v-76e2226a] {
    padding-bottom: 150px !important; /* 大幅增加底部内边距，确保结算签字选项可见 */
}
}
@media (max-width: 768px) {
.method-btn[data-v-76e2226a] {
    width: calc(33.33% - 8px);
    font-size: 13px;
    padding: 14px 10px;
    min-height: 75px;
}
.method-btn i[data-v-76e2226a] {
    font-size: 30px;
}
.payment-icon[data-v-76e2226a] {
    width: 30px !important;
    height: 30px !important;
}
}
@media (max-width: 480px) {
.method-btn[data-v-76e2226a] {
    width: calc(50% - 6px);
    font-size: 12px;
    padding: 12px 8px;
    min-height: 65px;
}
.method-btn i[data-v-76e2226a] {
    font-size: 24px;
}
.payment-icon[data-v-76e2226a] {
    width: 24px !important;
    height: 24px !important;
}
}

/* 客数/项目数配置分段器样式 */
.count-btns[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  width: 150px;
  height: 28px;
}
.count-btn[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  border: none;
  background: #f5f5f5;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 28px;
}
.count-btn[data-v-76e2226a]:not(:last-child) {
  border-right: 1px solid #ddd;
}
.count-btn.active[data-v-76e2226a] {
  background: #409eff;
  color: white;
}

/* 文本输入框样式 */
input[type="text"][data-v-76e2226a] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* 表格样式 */
table[data-v-76e2226a] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  table-layout: fixed;
}

/* 表格单元格样式 */
th[data-v-76e2226a], td[data-v-76e2226a] {
  border: 1px solid #ddd;
  padding: 6px 8px;
  text-align: left;
  word-break: break-word;
}

/* 表头固定宽度设置 */
th[data-v-76e2226a]:nth-child(1) {
  width: 180px; /* 项目名称/金额列 */
}
th[data-v-76e2226a]:nth-child(2) {
  width: calc(100% - 280px); /* 支付明细列，自适应剩余宽度 */
  min-width: 400px;
}
th[data-v-76e2226a]:nth-child(3) {
  width: 100px; /* 操作列 */
}

/* 项目名称/金额列宽度 */
.item-name-amount-cell[data-v-76e2226a] {
  width: 180px;
  vertical-align: top;
}

/* 支付明细列宽度 */
.payment-method-cell[data-v-76e2226a] {
  width: calc(100% - 280px);
  min-width: 400px;
  vertical-align: top;
}

/* 操作列宽度 */
.operation-cell[data-v-76e2226a] {
  width: 100px;
  vertical-align: top;
}

/* 员工信息单元格样式 */
.employee-info-cell[data-v-76e2226a] {
  width: 100%;
  padding: 8px;
  overflow: visible;
}

/* 响应式布局 - 窄屏设备 */
@media (max-width: 480px) {
  /* 主容器调整 */
.payment-checkout[data-v-76e2226a] {
    padding: 5px;
}

  /* 内容区域调整为单列 */
.content[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

  /* 左右面板调整为100%宽度 */
.left-panel[data-v-76e2226a], .right-panel[data-v-76e2226a] {
    width: 100%;
    padding: 8px;
    border: none; /* 移动端移除分割线 */
    margin-left: 0;
}

  /* 表格调整 */
table[data-v-76e2226a] {
    font-size: 12px;
    table-layout: auto;
}
th[data-v-76e2226a], td[data-v-76e2226a] {
    padding: 4px 6px;
}

  /* 移动端员工信息显示优化 */
.employee-info-cell[data-v-76e2226a] {
    padding: 6px 4px;
}
.all-employee-info[data-v-76e2226a] {
    gap: 6px;
    padding: 3px 0;
}
.item-employee-info[data-v-76e2226a] {
    font-size: 10px;
    padding: 3px 6px;
    gap: 4px;
}
.item-employee-info .employee-name[data-v-76e2226a] {
    font-size: 10px;
}
.item-employee-info .employee-performance[data-v-76e2226a],
  .item-employee-info .employee-commission[data-v-76e2226a] {
    font-size: 9px;
}

  /* 表单行调整为垂直布局 */
.form-row[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
}

  /* 底部按钮调整 */
.footer-btns[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 8px;
}
.btn[data-v-76e2226a] {
    width: 100%;
    max-width: none;
}

  /* 金额显示调整为垂直 */
.amount-display[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
}

  /* 支付方式按钮换行 */
.methods[data-v-76e2226a] {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}
.method-btn[data-v-76e2226a] {
    width: 100%;
    min-width: 60px;
    max-width: 75px;
    height: 60px;
    font-size: 9px;
    padding: 6px;
}

  /* 客数/项目数配置按钮调整 */
.count-btns[data-v-76e2226a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.count-btn[data-v-76e2226a] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%;
    margin: 2px;
}

  /* 弹窗内容宽度调整 */
.dialog-content[data-v-76e2226a] {
    width: 90%;
    padding: 15px;
}
}

/* 员工信息区域样式 */
.staff-info[data-v-76e2226a] {
  margin-top: 20px;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 4px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

/* 员工姓名样式 */
.staff-name[data-v-76e2226a] {
  font-weight: bold;
  margin-bottom: 10px;
}

/* 底部按钮区域样式 */
.footer-btns[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-top: 15px;
  padding: 10px 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: white;
  position: fixed; /* 改为 fixed 确保在所有机型上都能显示 */
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1000; /* 确保不被其他元素遮挡 */
  border-top: 1px solid #e5e7eb; /* 添加顶部边框，增强可见性 */
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); /* 添加阴影，增强可见性 */
}

/* 响应式布局 - 手机端底部按钮 */
@media (max-width: 480px) {
.footer-btns[data-v-76e2226a] {
    gap: 8px;
    padding: 10px 8px;
}

  /* 按钮通用样式 */
.btn[data-v-76e2226a] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 80px;
    max-width: 120px;
}
}

/* 收银机屏幕适配（宽度 0-1600px，高度 0-1200px） */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
  /* 内容区域固定高度，禁止页面滚动 */
.content[data-v-76e2226a] {
    max-height: calc(100vh - 80px) !important; /* 减去底部按钮高度 */
    height: calc(100vh - 80px) !important;
    padding-bottom: 0 !important; /* 移除底部预留空间 */
    overflow: hidden !important; /* 禁止页面滚动 */
}

  /* 左侧面板固定高度 */
.left-panel[data-v-76e2226a] {
    overflow: hidden !important; /* 禁止独立滚动 */
    max-height: 100% !important;
    height: 100% !important;
}

  /* 右侧面板固定高度，表格内部滚动 */
.right-panel[data-v-76e2226a] {
    overflow: hidden !important; /* 禁止独立滚动 */
    max-height: 100% !important;
    min-height: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    height: 100% !important;
}

  /* 右侧面板内容区域 - 固定高度，表格内部滚动 */
.right-panel .payment-details[data-v-76e2226a] {
    height: 100% !important; /* 占满右侧面板 */
    min-height: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    overflow: hidden !important; /* 禁止滚动 */
}
.right-panel .order-details-table-container[data-v-76e2226a] {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; /* 占据剩余空间 */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important; /* 垂直方向支持滚动 */
    overflow-x: hidden !important; /* 水平方向隐藏滚动 */
}
.footer-btns[data-v-76e2226a] {
    position: fixed !important; /* 强制使用 fixed 定位 */
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important; /* 确保最高层级 */
    padding: 8px 12px !important; /* 减小内边距 */
    gap: 8px !important; /* 减小间距 */
    background: white !important; /* 确保背景色 */
    border-top: 1px solid #e5e7eb !important; /* 确保边框显示 */
    -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
            box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important; /* 确保阴影显示 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; /* 确保显示 */
    visibility: visible !important; /* 确保可见 */
    opacity: 1 !important; /* 确保不透明 */
    min-height: 50px !important; /* 设置最小高度，确保按钮可见 */
}
.footer-btns .btn[data-v-76e2226a] {
    padding: 8px 12px !important; /* 减小按钮内边距 */
    font-size: 13px !important; /* 减小字体 */
    min-height: 36px !important; /* 设置最小高度 */
}
.footer-btns .confirm[data-v-76e2226a] {
    -webkit-box-flex: 1.4 !important;
        -ms-flex: 1.4 !important;
            flex: 1.4 !important;
}
.footer-btns .add-record[data-v-76e2226a],
  .footer-btns .cancel[data-v-76e2226a] {
    -webkit-box-flex: 0.6 !important;
        -ms-flex: 0.6 !important;
            flex: 0.6 !important;
}

  /* 确保结算签字选项区域有足够的底部间距 */
.member-options[data-v-76e2226a] {
    margin-bottom: 150px !important; /* 大幅增加底部间距，确保结算签字选项完全可见 */
    padding-bottom: 50px !important; /* 增加内边距，确保有足够空间 */
}

  /* 左侧面板增加底部 padding，确保内容可以滚动到底部 */
.left-panel[data-v-76e2226a] {
    padding-bottom: 150px !important; /* 大幅增加底部内边距，确保结算签字选项可见 */
}
}
.btn[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 200px;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

/* 确认收款按钮样式 */
.confirm[data-v-76e2226a] {
  -webkit-box-flex: 1.4;
      -ms-flex: 1.4;
          flex: 1.4; /* 与右侧面板宽度比例一致 */
  max-width: none; /* 移除最大宽度限制 */
}

/* 响应式布局 - 平板及以上 */
@media (min-width: 768px) {
.confirm[data-v-76e2226a] {
    -webkit-box-flex: 1.4;
        -ms-flex: 1.4;
            flex: 1.4; /* 与右侧面板宽度比例一致 */
}
.add-record[data-v-76e2226a], .cancel[data-v-76e2226a] {
    -webkit-box-flex: 0.6;
        -ms-flex: 0.6;
            flex: 0.6; /* 与左侧面板宽度比例一致 */
}
}

/* 选中日期样式 */
.selected-date[data-v-76e2226a] {
  font-size: 12px;
  margin-left: 5px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2px 5px;
  border-radius: 3px;
  display: inline-block;
}

/* 补录按钮样式 */
.add-record[data-v-76e2226a] {
  background: #f0f0f0;
}

/* 取消按钮样式 - 使用主题色+蓝色渐变 */
.cancel[data-v-76e2226a] {
  background: linear-gradient(135deg, var(--theme-color, #409EFF) 0%, #1890ff 100%);
  color: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cancel[data-v-76e2226a]:hover {
  background: linear-gradient(135deg, #1890ff 0%, var(--theme-color, #409EFF) 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}

/* 确认按钮样式 */
.confirm[data-v-76e2226a] {
  background: var(--theme-color);
  color: white;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 确认按钮扫光效果 */
.confirm[data-v-76e2226a]::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: shine-data-v-76e2226a 3s infinite;
          animation: shine-data-v-76e2226a 3s infinite;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.confirm[data-v-76e2226a]:hover::before {
  opacity: 1;
}
@-webkit-keyframes shine-data-v-76e2226a {
0% {
    -webkit-transform: translateX(-100%) translateY(-100%) rotate(45deg);
            transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
    -webkit-transform: translateX(100%) translateY(100%) rotate(45deg);
            transform: translateX(100%) translateY(100%) rotate(45deg);
}
}
@keyframes shine-data-v-76e2226a {
0% {
    -webkit-transform: translateX(-100%) translateY(-100%) rotate(45deg);
            transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
    -webkit-transform: translateX(100%) translateY(100%) rotate(45deg);
            transform: translateX(100%) translateY(100%) rotate(45deg);
}
}

/* 禁用按钮样式 */
.disabled-btn[data-v-76e2226a] {
  background: #c8c9cc !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
  opacity: 0.6;
}

/* 客数信息表格样式 */
.guest-info-table[data-v-76e2226a] {
  width: 100%;
  margin: 15px 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.guest-info-table th[data-v-76e2226a],
.guest-info-table td[data-v-76e2226a] {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
}
.guest-info-table th[data-v-76e2226a]:nth-child(1),
.guest-info-table td[data-v-76e2226a]:nth-child(1) {
  width: 25%;
}
.guest-info-table th[data-v-76e2226a]:nth-child(2),
.guest-info-table td[data-v-76e2226a]:nth-child(2) {
  width: 25%;
}
.guest-info-table th[data-v-76e2226a]:nth-child(3),
.guest-info-table td[data-v-76e2226a]:nth-child(3) {
  width: 25%;
}
.guest-info-table th[data-v-76e2226a]:nth-child(4),
.guest-info-table td[data-v-76e2226a]:nth-child(4) {
  width: 25%;
}
.guest-info-table th[data-v-76e2226a] {
  background: #f8f9fa;
  font-weight: bold;
  color: #333;
}
.clickable-cell[data-v-76e2226a] {
  cursor: pointer;
  padding: 8px;
  background: #f9f9f9;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #1890ff;
  font-weight: bold;
}
.clickable-cell[data-v-76e2226a]:hover {
  background: #e3f2fd;
  color: #40a9ff;
}
.disabled-cell[data-v-76e2226a] {
  padding: 8px;
  background: #f0f0f0;
  border-radius: 4px;
  color: #999;
  font-weight: normal;
  cursor: not-allowed;
}
.guest-info-table input[type="number"][data-v-76e2226a] {
  width: 60px;
  padding: 5px;
  text-align: center;
}
.exclude-checkbox[data-v-76e2226a] {
  margin: 10px 0;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 4px;
}

/* 客数配置弹窗样式 */
.guest-config-dialog[data-v-76e2226a] {
  width: 90%;
  max-width: 800px; /* 增加弹窗宽度 */
  max-height: 80vh;
  overflow-y: auto;
}
.guest-config-dialog .guest-info-table[data-v-76e2226a] {
  font-size: 13px;
}
.guest-config-dialog .guest-info-table th[data-v-76e2226a],
.guest-config-dialog .guest-info-table td[data-v-76e2226a] {
  padding: 6px 8px;
}

/* 响应式调整 */
@media (max-width: 768px) {
.guest-config-dialog[data-v-76e2226a] {
    width: 95%;
    max-width: none;
}
.guest-info-table[data-v-76e2226a] {
    font-size: 12px;
}
.guest-info-table th[data-v-76e2226a],
  .guest-info-table td[data-v-76e2226a] {
    padding: 4px 6px;
}
}

/* 弹窗通用样式 */
.confirm-dialog[data-v-76e2226a],
.success-message[data-v-76e2226a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}

/* 弹窗内容样式 */
.dialog-content[data-v-76e2226a] {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 400px;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
          box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.dialog-input[data-v-76e2226a] {
  margin: 20px 0;
}
.dialog-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.original-amount[data-v-76e2226a] {
  color: #666;
  font-size: 14px;
}
.amount-display[data-v-76e2226a] {
  font-size: 24px;
  font-weight: bold;
  color: #1890ff;
  text-align: center;
  margin: 15px 0;
  min-height: 30px;
}
.numpad[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin: 15px 0;
}
.numpad-row[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.numpad button[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px;
  font-size: 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f5f5f5;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.numpad button[data-v-76e2226a]:hover {
  background: #e8e8e8;
  border-color: #1890ff;
}
.numpad-row:last-child button[data-v-76e2226a]:nth-child(4) {
  background: #ff4d4f;
  color: white;
  border-color: #ff4d4f;
}
.numpad-row:last-child button[data-v-76e2226a]:nth-child(4):hover {
  background: #ff7875;
}
.numpad button[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px;
  font-size: 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f5f5f5;
  cursor: pointer;
}
.numpad button[data-v-76e2226a]:hover {
  background: #e8e8e8;
}

/* 日期选择器容器 */
.date-picker-container[data-v-76e2226a] {
  margin: 20px 0;
}

/* 日期时间行样式 - 水平显示 */
.date-time-row[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 日期时间标签样式 */
.date-time-label[data-v-76e2226a] {
  display: inline-block;
  width: 50px;
  text-align: right;
  font-size: 14px;
  color: #333;
  font-family: inherit;
  line-height: 32px;
  white-space: nowrap;
}

/* 日期输入框样式 */
.date-input[data-v-76e2226a],
.time-input[data-v-76e2226a] {
  width: 180px;
  padding: 8px;
  padding-right: 30px; /* 为日历图标留出空间 */
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  color: #333;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

/* 确保日历图标不阻止点击 */
.date-input[data-v-76e2226a]::-webkit-calendar-picker-indicator,
.time-input[data-v-76e2226a]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  z-index: 1;
}
.date-input[data-v-76e2226a]:focus,
.time-input[data-v-76e2226a]:focus {
  outline: none;
  border-color: #1890ff;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 确保整个输入框区域都可以点击 */
.date-input[data-v-76e2226a],
.time-input[data-v-76e2226a] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

/* 成功提示样式 */
.success-content[data-v-76e2226a] {
  background: white;
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  width: 80%;
  max-width: 300px;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
          box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.success-icon[data-v-76e2226a] {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background: #67c23a;
  color: white;
  font-size: 36px;
  margin: 0 auto 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 弹窗按钮区域样式 */
.dialog-btns[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

/* 弹窗按钮通用样式 */
.dialog-btn[data-v-76e2226a] {
  padding: 6px 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* 弹窗取消按钮样式 - 使用主题色渐变 */
.dialog-btn.cancel[data-v-76e2226a] {
  background: linear-gradient(135deg, var(--theme-color, #409EFF) 0%, var(--theme-color-light, #66b1ff) 100%);
  color: white;
}
.dialog-btn.cancel[data-v-76e2226a]:hover {
  background: linear-gradient(135deg, var(--theme-color-dark, #3a8ee6) 0%, var(--theme-color, #409EFF) 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}

/* 弹窗确认按钮样式 */
.dialog-btn.confirm[data-v-76e2226a] {
  background: #67c23a;
  color: white;
}

/* 支付方式列表样式 */
.selected-payment-methods[data-v-76e2226a] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 4px;
}
.payment-method-list[data-v-76e2226a] {
  margin: 10px 0;
}
.payment-method-item[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.payment-method-item[data-v-76e2226a]:last-child {
  border-bottom: none;
}
.method-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.method-amount[data-v-76e2226a] {
  color: #1890ff;
  font-weight: bold;
}

/* 支付操作按钮样式 */
.payment-operations[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.operation-btn[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mixed-payment[data-v-76e2226a] {
  background: var(--theme-color);
  color: white;
}
.mixed-payment[data-v-76e2226a]:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.linked-payment[data-v-76e2226a] {
  background: #1890ff;
  color: white;
}
.linked-payment[data-v-76e2226a]:hover {
  background: #40a9ff;
}

/* 项目名称和金额单元格样式 */
.item-name-amount-cell[data-v-76e2226a] {
  vertical-align: top;
  width: 100px; /* 减小项目名称/金额列宽度为原来的三分之一 */
}
.item-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
  margin-bottom: 4px;
}

/* 组合疗程类型标签：共享次数/独立次数 */
.combo-type-tag[data-v-76e2226a] {
  font-size: 11px;
  font-weight: normal;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 4px;
}
.combo-type-tag.shared[data-v-76e2226a] {
  color: #409eff;
  background: #ecf5ff;
}
.combo-type-tag.independent[data-v-76e2226a] {
  color: #e6a23c;
  background: #fdf6ec;
}
.item-amount[data-v-76e2226a] {
  color: var(--theme-color);
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
}
.item-amount.cursor-pointer[data-v-76e2226a]:hover {
  color: var(--theme-color);
}
.remaining-payment[data-v-76e2226a] {
  font-size: 14px;
}
.remaining-amount-small[data-v-76e2226a] {
  color: var(--theme-color);
  font-size: 14px;
  font-weight: normal;
}

/* 项目员工信息样式 - 显示在项目名称下面一行 */
.item-employee-info[data-v-76e2226a] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.item-employee-info > span[data-v-76e2226a] {
  margin-right: 10px;
  display: inline-block;
}
.item-employee-info .employee-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.item-employee-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #666;
}
.item-employee-info .employee-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.item-employee-info .employee-status[data-v-76e2226a] {
  padding: 1px 4px;
  background: #f0f0f0;
  border-radius: 2px;
  font-size: 10px;
  margin-left: 2px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: inline-block;
  vertical-align: middle;
}
.item-employee-info .employee-status[data-v-76e2226a]:hover {
  background: #e0e0e0;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.item-employee-info .employee-status.designated[data-v-76e2226a] {
  background: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
}
.item-employee-info .employee-status.not-designated[data-v-76e2226a] {
  background: #fff7e6;
  color: #fa8c16;
  border: 1px solid #ffd591;
}
.item-employee-info .employee-performance[data-v-76e2226a],
.item-employee-info .employee-commission[data-v-76e2226a] {
  color: #1890ff;
  font-weight: bold;
  margin-left: 5px;
}
.item-employee-info .employee-performance[data-v-76e2226a],
.item-employee-info .employee-commission[data-v-76e2226a] {
  color: #1890ff;
  font-weight: bold;
}

/* 支付方式表头样式 */
.payment-method-header[data-v-76e2226a] {
  width: 500px; /* 增大支付明细列宽度以容纳支付状态 */
}
.payment-header-container[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.payment-detail-label[data-v-76e2226a] {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}
.payment-status-summary[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment-status-item[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background-color: #f8f9fa;
}
.payment-status-item[data-v-76e2226a]:hover {
  background-color: #e3f2fd;
  border-color: #1890ff;
}
.payment-status-item.wechat-status[data-v-76e2226a]:hover {
  background-color: #f1f8e9;
  border-color: #52c41a;
}
.payment-status-item.alipay-status[data-v-76e2226a]:hover {
  background-color: #e3f2fd;
  border-color: #1890ff;
}
.payment-type[data-v-76e2226a] {
  font-weight: bold;
  font-size: 12px;
  color: #333;
}
.payment-status-badge[data-v-76e2226a] {
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: bold;
}
.payment-status-badge.unpaid[data-v-76e2226a] {
  background-color: var(--theme-color);
  color: white;
}
.payment-status-badge.paid[data-v-76e2226a] {
  background-color: #52c41a;
  color: white;
}
.payment-amount[data-v-76e2226a] {
  font-weight: bold;
  font-size: 12px;
  color: #1890ff;
}

/* 支付方式单元格样式 */
.payment-method-cell[data-v-76e2226a] {
  vertical-align: top;
}
.payment-method-controls[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.payment-method-item[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px;
  background: #f9f9f9;
  border-radius: 4px;
  width: calc(33.33% - 8px); /* 一行显示3个支付方式 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 120px;
}
.method-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
  min-width: 40px;
  white-space: nowrap;
}
.amount-input[data-v-76e2226a] {
  width: 60px;
  padding: 4px 6px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  position: relative;
}
.amount-input[data-v-76e2226a]:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  border-color: #d9d9d9;
}

/* 关联状态样式 */
.amount-input.partial-linked[data-v-76e2226a] {
  border-color: #faad14;
  background-color: #fff7e6;
}
.amount-input.fully-linked[data-v-76e2226a] {
  border-color: #52c41a;
  background-color: #f6ffed;
}

/* 关联状态指示器 */
.link-status-indicator[data-v-76e2226a] {
  position: absolute;
  top: -8px;
  right: -5px;
  z-index: 10;
}
.fully-linked-badge[data-v-76e2226a] {
  background: #52c41a;
  color: white;
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 8px;
  white-space: nowrap;
}
.partial-linked-badge[data-v-76e2226a] {
  background: #faad14;
  color: white;
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 8px;
  white-space: nowrap;
}
.remove-method-btn[data-v-76e2226a] {
  width: 20px;
  height: 20px;
  border: none;
  background: var(--theme-color);
  color: white;
  border-radius: 50%;
  cursor: pointer;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.remove-method-btn[data-v-76e2226a]:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

/* 操作列样式 */
.operation-cell[data-v-76e2226a] {
  vertical-align: top;
  width: 100px;
}
.operation-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.toggle-staff-btn[data-v-76e2226a] {
  cursor: pointer;
  color: #999;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.toggle-staff-btn[data-v-76e2226a]:hover {
  color: #1890ff;
}
.toggle-staff-btn.active[data-v-76e2226a] {
  color: #1890ff;
}
.operation-buttons[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.operation-buttons .operation-btn[data-v-76e2226a] {
  padding: 6px 12px;
  font-size: 12px;
}

/* 员工信息行样式 */
.employee-info-row[data-v-76e2226a] {
  background: #f8f9fa;
}
.employee-info-cell[data-v-76e2226a] {
  padding: 0; /* 移除 padding，让内部 div 决定高度 */
  max-width: 0;
  overflow: visible;
  height: 48px; /* 与 item-employee-info 高度一致 */
}
.all-employee-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 0; /* 移除 padding */
  height: 100%; /* 占满父元素高度 */
  min-height: 48px; /* 最小高度与 item-employee-info 一致 */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.all-employee-info[data-v-76e2226a]::-webkit-scrollbar {
  height: 4px;
}
.all-employee-info[data-v-76e2226a]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}
.item-employee-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #666;
  padding: 0 8px; /* 移除垂直 padding，使用固定高度 */
  background: white;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 48px; /* 固定高度 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 删除图标 */
.employee-delete-icon[data-v-76e2226a] {
  color: #999;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.employee-delete-icon[data-v-76e2226a]:hover {
  color: #f56c6c;
}

/* 员工信息内容 */
.employee-info-content[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.employee-name-row[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.employee-detail-info[data-v-76e2226a] {
  font-size: 10px;
  color: #999;
  line-height: 1.2;
}
.item-label[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
  min-width: 100px;
}
.item-employee-info .employee-name[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.item-employee-info .employee-status[data-v-76e2226a] {
  padding: 1px 4px;
  background: #f0f0f0;
  border-radius: 2px;
  font-size: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-employee-info .employee-status[data-v-76e2226a]:hover {
  background: #e0e0e0;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.item-employee-info .employee-status.designated[data-v-76e2226a] {
  background: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
}
.item-employee-info .employee-status.not-designated[data-v-76e2226a] {
  background: #fff7e6;
  color: #fa8c16;
  border: 1px solid #ffd591;
}
.item-employee-info .employee-performance[data-v-76e2226a],
.item-employee-info .employee-commission[data-v-76e2226a] {
  color: #1890ff;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.item-employee-info .employee-performance[data-v-76e2226a]:hover,
.item-employee-info .employee-commission[data-v-76e2226a]:hover {
  color: #40a9ff;
  text-decoration: underline;
}

/* 合计行样式 */
.total-line[data-v-76e2226a] {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px solid #1890ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.total-line .total-amount[data-v-76e2226a] {
  font-size: 18px;
}

/* 响应式调整 - 新增样式 */
@media (max-width: 480px) {
.payment-operations[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.selected-employee-info[data-v-76e2226a] {
    margin-top: 10px;
    padding: 8px;
}
.employee-detail[data-v-76e2226a] {
    gap: 3px;
}
.employee-detail > div[data-v-76e2226a] {
    font-size: 12px;
}
.payment-method-item[data-v-76e2226a] {
    padding: 6px 0;
}
.item-employee-info[data-v-76e2226a] {
    font-size: 11px;
}
}

/* 新建档案弹窗样式 */
.archive-form-overlay[data-v-76e2226a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
.archive-form-modal[data-v-76e2226a] {
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
          box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  width: 98%;
  max-width: 800px;
  max-height: 90vh;
  overflow-y: auto;
}
.archive-form-modal .archive-form-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
  border-radius: 8px 8px 0 0;
}
.archive-form-modal .archive-form-content[data-v-76e2226a] {
  padding: 20px;
}
.archive-form-modal .form-actions[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  background: #f8f8f8;
  border-top: 1px solid #eee;
  border-radius: 0 0 8px 8px;
}

/* 新建档案表单样式统一 */
.archive-form-modal .el-form-item .el-input[data-v-76e2226a],
.archive-form-modal .el-form-item .el-select[data-v-76e2226a],
.archive-form-modal .el-form-item .el-autocomplete[data-v-76e2226a] {
  width: 100%;
}
.archive-form-modal .el-form-item .el-input__inner[data-v-76e2226a],
.archive-form-modal .el-form-item .el-select .el-input__inner[data-v-76e2226a],
.archive-form-modal .el-form-item .el-autocomplete .el-input__inner[data-v-76e2226a] {
  width: 100%;
}

/* 支付状态样式 */
.payment-status[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.status-badge[data-v-76e2226a] {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.status-badge.paid[data-v-76e2226a] {
  background: #489df3bb;
  color: white;
}
.status-badge.unpaid[data-v-76e2226a] {
  background: #4d4dff7a;
  color: white;
}
.status-badge.unpaid[data-v-76e2226a]:hover {
  background: #ff7875;
}
.no-payment[data-v-76e2226a] {
  color: #999;
  font-style: italic;
}

/* 支付抽屉弹窗样式 */
.payment-drawer-overlay[data-v-76e2226a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  z-index: 1000;
}
.payment-drawer[data-v-76e2226a] {
  background: white;
  width: 600px;
  max-width: 95vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: -2px 0 8px rgba(0,0,0,0.15);
          box-shadow: -2px 0 8px rgba(0,0,0,0.15);
  border-radius: 0;
  overflow: hidden;
}
.drawer-header[data-v-76e2226a] {
  padding: 20px 20px 0;
  background: white;
}
.header-content[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment-type[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.wechat-icon[data-v-76e2226a] {
  font-size: 24px;
  color: #07C160;
}
.method-name[data-v-76e2226a] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.amount[data-v-76e2226a] {
  font-size: 24px;
  font-weight: bold;
  color: #FF5722;
}
.close-btn[data-v-76e2226a] {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.close-btn[data-v-76e2226a]:hover {
  background: #f5f5f5;
  color: #333;
}

/* 现付/已收款标签样式 */
.payment-tabs[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 20px 0;
  border: 1px solid #E4E7ED;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.tab-btn[data-v-76e2226a] {
  padding: 6px 16px;
  border: none;
  background: white;
  cursor: pointer;
  font-size: 14px;
  color: #666;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tab-btn.active[data-v-76e2226a] {
  background: #FF5722;
  color: white;
}

/* 显示收款码单选样式 - 已移除 */
.show-qr-option[data-v-76e2226a] {
  display: none;
}

/* 输入框和支付按钮样式 */
.input-payment-section[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 0 20px 16px;
  margin-top: 10px;
  background: white;
}
.scan-input-wrapper[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.scan-input-wrapper input[data-v-76e2226a] {
  width: 100%;
  padding: 10px 40px 10px 12px;
  border: 1px solid #E4E7ED;
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.scan-input-wrapper input[data-v-76e2226a]:focus {
  border-color: #FF5722;
}
.scan-qr-btn[data-v-76e2226a] {
  position: absolute;
  right: 10px;
  border: none;
  background: transparent;
  font-size: 18px;
  color: #999;
  cursor: pointer;
}
.pay-btn[data-v-76e2226a] {
  padding: 10px 20px;
  border: none;
  background: #FF5722;
  color: white;
  font-size: 14px;
  font-weight: bold;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.pay-btn[data-v-76e2226a]:hover {
  background: #E64A19;
}
.drawer-content[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  background: white;
}

/* 分段器样式 - 隐藏，使用新的标签样式 */
.payment-segment[data-v-76e2226a] {
  display: none;
}

/* 扫码支付模式样式 */
.scan-payment-mode[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 20px 0;
}

/* 二维码区域样式 */
.payment-qr-section[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F7FA;
  padding: 20px;
  border-radius: 8px;
}

/* 响应式设计：小屏幕设备上垂直排列 */
@media (max-width: 600px) {
.payment-qr-section[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.qr-tip[data-v-76e2226a] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
}
.qr-code-container[data-v-76e2226a] {
  width: 180px;
  height: 180px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.qr-image-container[data-v-76e2226a] {
  width: 160px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.qr-image[data-v-76e2226a] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.qr-placeholder[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 20px;
  text-align: center;
}
.qr-loading[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #999;
  font-size: 14px;
}
.generate-qr-btn[data-v-76e2226a] {
  padding: 8px 16px;
  border: 1px solid #FF5722;
  background: white;
  color: #FF5722;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.generate-qr-btn[data-v-76e2226a]:hover {
  background: #FF5722;
  color: white;
}
.generate-qr-btn[data-v-76e2226a]:disabled {
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
  background: white;
}

/* 二维码右侧提示样式 */
.qr-tip[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.tip-title[data-v-76e2226a] {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.tip-desc[data-v-76e2226a] {
  font-size: 14px;
  color: #666;
}

/* 手机插图样式 */
.phone-illustration[data-v-76e2226a] {
  margin-top: 12px;
}
.phone[data-v-76e2226a] {
  width: 80px;
  height: 150px;
  border: 3px solid #333;
  border-radius: 12px;
  background: white;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.phone-screen[data-v-76e2226a] {
  width: 60px;
  height: 110px;
  border: 1px solid #E4E7ED;
  background: #F5F7FA;
  position: relative;
}
.phone-screen[data-v-76e2226a]::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 2px dashed #FF5722;
}

/* 自动显示收款码复选框样式 */
.auto-show-qr-option[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px 20px;
  border-top: 1px solid #E4E7ED;
  background: white;
}
.auto-show-qr-option label[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.auto-show-qr-option input[type="checkbox"][data-v-76e2226a] {
  width: 16px;
  height: 16px;
  accent-color: #FF5722;
}

/* 隐藏不需要的元素 */
.payment-amount-info[data-v-76e2226a],
.payment-type-info[data-v-76e2226a],
.payment-status-info[data-v-76e2226a] {
  display: none;
}
.qr-placeholder[data-v-76e2226a] {
  color: #999;
  font-size: 14px;
}

/* 扫码输入区域样式 */
.scan-input-section[data-v-76e2226a] {
  margin: 10px 0;
}
.scan-input-group[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scan-input[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.scan-input[data-v-76e2226a]:focus {
  outline: none;
  border-color: #1890ff;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.scan-btn[data-v-76e2226a] {
  padding: 10px 12px;
  border: 1px solid #1890ff;
  background: #1890ff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.scan-btn[data-v-76e2226a]:hover {
  background: #40a9ff;
  border-color: #40a9ff;
}
.scan-btn i[data-v-76e2226a] {
  font-size: 16px;
}
.payment-amount-info[data-v-76e2226a],
.payment-status-info[data-v-76e2226a],
.payment-type-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}
.type-label[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.type-value[data-v-76e2226a] {
  font-size: 14px;
  color: #666;
  font-style: italic;
}
.amount-label[data-v-76e2226a],
.status-label[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
}
.amount-value[data-v-76e2226a] {
  font-size: 18px;
  font-weight: bold;
  color: #1890ff;
}
.status-value[data-v-76e2226a] {
  font-weight: bold;
  color: #ff4d4f;
}

/* 关联支付模式样式 */
.link-payment-mode[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.link-payment-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.link-payment-header h4[data-v-76e2226a] {
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.link-payment-summary[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-size: 14px;
  color: #666;
}
.voice-toggle[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  cursor: pointer;
}
.voice-toggle input[type="checkbox"][data-v-76e2226a] {
  margin: 0;
  cursor: pointer;
}
.link-count[data-v-76e2226a] {
  color: #1890ff;
  font-weight: bold;
}
.link-payment-table[data-v-76e2226a] {
  overflow-x: auto;
}
.link-payment-table table[data-v-76e2226a] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  min-width: 500px;
}
.link-payment-table th[data-v-76e2226a] {
  background: #f8f9fa;
  padding: 8px 6px;
  border: 1px solid #ddd;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.link-payment-table td[data-v-76e2226a] {
  padding: 6px;
  border: 1px solid #ddd;
  text-align: center;
}
.amount-input-small[data-v-76e2226a] {
  width: 60px;
  padding: 4px 6px;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
}
.amount-input-small[data-v-76e2226a]:focus {
  outline: none;
  border-color: #1890ff;
}
.amount-input-small[data-v-76e2226a]:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  border-color: #d9d9d9;
}
.total-amount[data-v-76e2226a] {
  font-size: 11px;
  color: #999;
  margin-left: 4px;
}
.payment-type-badge[data-v-76e2226a] {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  color: white;
}
.payment-type-badge.wechat[data-v-76e2226a],
.payment-type-badge.WECHAT[data-v-76e2226a] {
  background: #07c160;
}
.payment-type-badge.alipay[data-v-76e2226a],
.payment-type-badge.ALIPAY[data-v-76e2226a] {
  background: #1677ff;
}
.link-btn[data-v-76e2226a] {
  padding: 4px 8px;
  border: 1px solid #1890ff;
  background: #1890ff;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  font-size: 11px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.link-btn[data-v-76e2226a]:hover:not(:disabled) {
  background: #40a9ff;
  border-color: #40a9ff;
}
.link-btn[data-v-76e2226a]:disabled,
.link-btn.disabled-btn[data-v-76e2226a] {
  background: #ccc;
  border-color: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}
.drawer-actions[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  background: #f8f8f8;
  border-top: 1px solid #eee;
}
.confirm-btn[data-v-76e2226a] {
  background: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.confirm-btn[data-v-76e2226a]:hover:not(:disabled) {
  background: #40a9ff;
}
.confirm-btn[data-v-76e2226a]:disabled {
  background: #ccc;
  cursor: not-allowed;
}

/* 响应式调整 */
@media (max-width: 480px) {
.payment-drawer[data-v-76e2226a] {
    width: 100%;
    max-width: none;
}
.payment-segment[data-v-76e2226a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.segment-btn[data-v-76e2226a] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    font-size: 13px;
    padding: 10px 8px;
}
.qr-code[data-v-76e2226a] {
    width: 150px;
    height: 150px;
}
.scan-input-group[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.scan-btn[data-v-76e2226a] {
    width: 100%;
}
.link-payment-table[data-v-76e2226a] {
    font-size: 11px;
}
.link-payment-table th[data-v-76e2226a],
  .link-payment-table td[data-v-76e2226a] {
    padding: 4px;
}
.amount-input-small[data-v-76e2226a] {
    width: 50px;
}
.amount-input-small[data-v-76e2226a]:disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
    border-color: #d9d9d9;
}
}

/* 混合支付弹窗样式 */
.mixed-payment-overlay[data-v-76e2226a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}
.mixed-payment-dialog[data-v-76e2226a] {
  background: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: 200px;
  max-height: 85vh;
  overflow-y: auto;
  padding: 15px;
}
.mixed-payment-dialog .dialog-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.mixed-payment-dialog h3[data-v-76e2226a] {
  margin: 0;
  font-size: 14px;
  color: #333;
}
.mixed-payment-methods[data-v-76e2226a] {
  margin: 15px 0;
}
.payment-method-list[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.payment-method-list .method-btn[data-v-76e2226a] {
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background: white;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
}
.payment-method-list .method-btn[data-v-76e2226a]:hover {
  background: #f0f8ff;
  border-color: #409eff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.payment-method-list .method-btn i[data-v-76e2226a] {
  font-size: 18px;
  width: 20px;
  text-align: center;
  color: #409eff;
}
.mixed-payment-dialog .dialog-btns[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}
.mixed-payment-dialog .dialog-btn[data-v-76e2226a] {
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 12px;
  min-width: 60px;
}
.mixed-payment-dialog .dialog-btn.confirm[data-v-76e2226a] {
  background: #1890ff;
  color: white;
}
.mixed-payment-dialog .dialog-btn.confirm[data-v-76e2226a]:hover {
  background: #40a9ff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* 响应式调整 */
@media (max-width: 768px) {
.mixed-payment-dialog[data-v-76e2226a] {
    width: 200px;
    right: 5px;
}
.mixed-payment-dialog .dialog-content[data-v-76e2226a] {
    padding: 12px;
}
.payment-method-list .method-btn[data-v-76e2226a] {
    padding: 6px 10px;
    font-size: 11px;
}
}
@media (max-width: 480px) {
.mixed-payment-dialog[data-v-76e2226a] {
    width: 180px;
    max-height: 90vh;
}
.mixed-payment-dialog h3[data-v-76e2226a] {
    font-size: 13px;
}
.payment-method-list .method-btn[data-v-76e2226a] {
    padding: 5px 8px;
    font-size: 10px;
}
.payment-method-list .method-btn i[data-v-76e2226a] {
    font-size: 16px;
}
}

/* 响应式调整 - 支付方式项 */
.payment-method-item[data-v-76e2226a] {
  width: calc(33.33% - 8px); /* 默认一行显示3个 */
  min-width: 100px;
}
@media (max-width: 992px) {
.payment-method-item[data-v-76e2226a] {
    width: calc(50% - 8px); /* 中等屏幕一行显示2个 */
}
}
@media (max-width: 768px) {
.payment-method-header[data-v-76e2226a] {
    width: 500px;
}
.payment-method-item[data-v-76e2226a] {
    width: calc(50% - 8px); /* 平板一行显示2个 */
}
}
@media (max-width: 480px) {
.payment-drawer[data-v-76e2226a] {
    width: 100%;
}
.payment-method-header[data-v-76e2226a] {
    width: 400px;
}
.payment-method-item[data-v-76e2226a] {
    width: 100%; /* 手机端一行显示1个 */
}
.method-name[data-v-76e2226a] {
    min-width: 30px;
    font-size: 12px;
}
.amount-input[data-v-76e2226a] {
    width: 50px;
}
}

/* 会员签字弹窗样式 */
.signature-popup-overlay[data-v-76e2226a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}
.signature-popup[data-v-76e2226a] {
  background: white;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.signature-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 16px;
  border-bottom: 2px solid #e8e8e8;
  background: #fafafa;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.header-left[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 300px;
}
.signature-header h3[data-v-76e2226a] {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.consumption-items[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #666;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.consumption-items .item-list-wrapper[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.consumption-title[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.item-list[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item[data-v-76e2226a] {
  padding: 4px 8px;
  background: #f0f8ff;
  border-radius: 4px;
  border: 1px solid #d9e7ff;
  font-size: 12px;
  white-space: nowrap;
}
.member-info[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #666;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.member-name[data-v-76e2226a] {
  font-weight: bold;
  color: #1890ff;
  font-size: 14px;
}
.card-balance[data-v-76e2226a], .gift-balance[data-v-76e2226a], .treatment-count[data-v-76e2226a] {
  padding: 4px 8px;
  background: #f0f8ff;
  border-radius: 4px;
  border: 1px solid #d9e7ff;
  font-size: 11px;
  white-space: nowrap;
}
.signature-content[data-v-76e2226a] {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  overflow: hidden;
}
.signature-area h4[data-v-76e2226a] {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.signature-area[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.signature-canvas[data-v-76e2226a] {
  border: 2px dashed #ddd;
  border-radius: 6px;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-height: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

/* 签字组件加载中状态 */
.signature-loading[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  color: #666;
}
.signature-loading .loading-spinner[data-v-76e2226a] {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #409eff;
  border-radius: 50%;
  -webkit-animation: spin-data-v-76e2226a 1s linear infinite;
          animation: spin-data-v-76e2226a 1s linear infinite;
  margin-bottom: 15px;
}
@-webkit-keyframes spin-data-v-76e2226a {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-data-v-76e2226a {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.signature-loading p[data-v-76e2226a] {
  margin: 0;
  font-size: 14px;
  color: #999;
}

/* vue-signature-pad 样式覆盖 */
.signature-canvas[data-v-76e2226a] .signature-pad {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.signature-canvas[data-v-76e2226a] .signature-pad canvas {
  border-radius: 6px;
  cursor: crosshair;
  -ms-touch-action: none;
      touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}
.controls-rating-container[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.signature-controls[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.signature-btn[data-v-76e2226a] {
  padding: 12px 20px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 160px;
  white-space: nowrap;
}
.signature-btn.clear[data-v-76e2226a] {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.signature-btn.clear[data-v-76e2226a]:hover {
  background: #ff4d4f;
  color: white;
}
.signature-btn.later[data-v-76e2226a] {
  border-color: #faad14;
  color: #faad14;
}
.signature-btn.later[data-v-76e2226a]:hover {
  background: #faad14;
  color: white;
}
.signature-btn.confirm[data-v-76e2226a] {
  border-color: #52c41a;
  color: #52c41a;
}
.signature-btn.confirm[data-v-76e2226a]:hover {
  background: #52c41a;
  color: white;
}
.service-rating[data-v-76e2226a] {
  margin-top: 0;
  width: 100%;
}
.service-rating h4[data-v-76e2226a] {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/* 消费项目区域内的服务评价（内联显示） */
.service-rating-inline[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  white-space: nowrap;
  margin-left: auto;
}
.service-rating-inline .rating-label[data-v-76e2226a] {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}
.service-rating-inline .rating-options[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-rating-inline .rating-btn[data-v-76e2226a] {
  padding: 6px 16px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 70px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: none;
}
.rating-options[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rating-btn[data-v-76e2226a] {
  padding: 12px 24px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 150px;
}
.rating-btn[data-v-76e2226a]:hover {
  border-color: #1890ff;
  color: #1890ff;
  background: #f0f8ff;
}
.rating-btn.active[data-v-76e2226a] {
  border-color: #1890ff;
  background: #1890ff;
  color: white;
}
.rating-btn.active[data-v-76e2226a]:hover {
  background: #40a9ff;
  border-color: #40a9ff;
}

/* 响应式调整 */
@media (max-width: 768px) {
.signature-header[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 15px;
}
.header-left[data-v-76e2226a] {
    min-width: auto;
}
.consumption-items[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
}
.item-list[data-v-76e2226a] {
    gap: 5px;
}
.item[data-v-76e2226a] {
    font-size: 11px;
    padding: 3px 6px;
}
.member-info[data-v-76e2226a] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5px;
}
.member-name[data-v-76e2226a],
  .card-balance[data-v-76e2226a],
  .gift-balance[data-v-76e2226a],
  .treatment-count[data-v-76e2226a] {
    font-size: 10px;
    padding: 3px 6px;
}
.signature-content[data-v-76e2226a] {
    padding: 15px;
    gap: 15px;
}
.signature-area[data-v-76e2226a] {
    min-height: 0;
}
.signature-canvas[data-v-76e2226a] {
    min-height: 0;
}
.controls-rating-container[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.signature-controls[data-v-76e2226a] {
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.signature-btn[data-v-76e2226a] {
    padding: 10px 12px;
    font-size: 13px;
    min-width: 0;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.service-rating[data-v-76e2226a] {
    min-width: auto;
}
.rating-options[data-v-76e2226a] {
    gap: 8px;
}
.rating-btn[data-v-76e2226a] {
    padding: 8px 15px;
    font-size: 14px;
    min-width: 80px;
    max-width: 120px;
}
}
@media (max-width: 480px) {
.signature-header h3[data-v-76e2226a] {
    font-size: 16px;
}
.consumption-title[data-v-76e2226a] {
    font-size: 12px;
}
.item[data-v-76e2226a] {
    font-size: 10px;
}
.member-info[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3px;
}
.signature-area[data-v-76e2226a] {
    min-height: 0;
}
.signature-canvas[data-v-76e2226a] {
    min-height: 0;
}
.controls-rating-container[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
}
.signature-controls[data-v-76e2226a] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.signature-btn[data-v-76e2226a] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.333% - 6px);
            flex: 1 1 calc(33.333% - 6px);
    min-width: 80px;
    max-width: none;
    padding: 10px 8px;
    font-size: 12px;
    min-height: 40px;
}
.service-rating[data-v-76e2226a] {
    min-width: auto;
}
.rating-options .el-radio-group[data-v-76e2226a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.rating-options .el-radio-button[data-v-76e2226a] {
    max-width: none;
}
}

/* 竖屏适配 - 防止签名按钮高度过长（兼容到1200px高度） */
@media (orientation: portrait) and (max-height: 1200px) {
.signature-controls[data-v-76e2226a] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.signature-btn[data-v-76e2226a] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 90px;
    max-width: 140px;
    padding: 10px 16px;
    font-size: 13px;
    min-height: 40px;
}
}

/* 取消关联按钮样式 */
.unlink-btn-small[data-v-76e2226a] {
  margin-left: 8px;
  padding: 2px 6px;
  background: #f56c6c;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 10px;
  height: 20px;
  line-height: 16px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.unlink-btn-small[data-v-76e2226a]:hover {
  background: #f78989;
}
.unlink-btn-small[data-v-76e2226a]:active {
  background: #dd6161;
}

/* 内联卡号设置样式 */
.inline-card-no-setting[data-v-76e2226a] {
  margin-top: 6px;
  padding: 4px 0;
}
.inline-card-no-group[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inline-card-no-input[data-v-76e2226a] {
  width: 120px;
  padding: 2px 6px;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  font-size: 11px;
  height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inline-card-no-input[data-v-76e2226a]:focus {
  outline: none;
  border-color: #409eff;
}
.inline-generate-btn[data-v-76e2226a] {
  padding: 2px 6px;
  background: #409eff;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 10px;
  height: 22px;
  line-height: 18px;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.inline-generate-btn[data-v-76e2226a]:hover {
  background: #66b1ff;
}
.inline-generate-btn[data-v-76e2226a]:active {
  background: #3a8ee6;
}
.inline-card-no-error[data-v-76e2226a] {
  color: #f56c6c;
  font-size: 9px;
  margin-top: 2px;
  line-height: 1.2;
}

/* 推荐人联想搜索样式 */
.referrer-item[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.referrer-item .name[data-v-76e2226a] {
  font-weight: 500;
  color: #303133;
}
.referrer-item .phone[data-v-76e2226a] {
  color: #909399;
  font-size: 12px;
}
.no-data-tip[data-v-76e2226a] {
  text-align: center;
  color: #909399;
  padding: 12px 0;
  font-size: 14px;
}

/* 已关联数据显示区域样式 */
.linked-payment-section[data-v-76e2226a] {
  margin-bottom: 20px;
  border: 1px solid #e6f7ff;
  border-radius: 6px;
  background: #f6ffed;
}
.linked-payment-header[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9f7be;
}
.linked-payment-header h4[data-v-76e2226a] {
  margin: 0;
  font-size: 16px;
  color: #52c41a;
  font-weight: bold;
}
.linked-payment-summary[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-size: 14px;
  color: #389e0d;
}
.linked-count[data-v-76e2226a] {
  color: #52c41a;
  font-weight: bold;
}
.linked-amount[data-v-76e2226a] {
  color: #52c41a;
  font-weight: bold;
}
.linked-payment-table[data-v-76e2226a] {
  overflow-x: auto;
}
.linked-payment-table table[data-v-76e2226a] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  min-width: 500px;
}
.linked-payment-table th[data-v-76e2226a] {
  background: #f6ffed;
  padding: 8px 6px;
  border: 1px solid #d9f7be;
  text-align: left;
  font-weight: bold;
  color: #389e0d;
}
.linked-payment-table td[data-v-76e2226a] {
  padding: 8px 6px;
  border: 1px solid #d9f7be;
  text-align: left;
}
.linked-payment-table .payment-id[data-v-76e2226a] {
  font-family: monospace;
  font-size: 11px;
  color: #666;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.linked-payment-table .payment-amount[data-v-76e2226a] {
  color: #52c41a;
  font-weight: bold;
}
.linked-payment-table .payment-method[data-v-76e2226a] {
  color: #1890ff;
}
.linked-payment-table .item-name[data-v-76e2226a] {
  color: #333;
  font-weight: 500;
}
.unlink-btn[data-v-76e2226a] {
  background: #ff4d4f;
  color: white;
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.unlink-btn[data-v-76e2226a]:hover {
  background: #ff7875;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.unlink-btn[data-v-76e2226a]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* 关联支付相关样式 */
.current-method-linked[data-v-76e2226a] {
  color: #1890ff;
  font-size: 12px;
  margin-left: 5px;
}
.current-method-linked.clickable[data-v-76e2226a] {
  cursor: pointer;
  text-decoration: underline;
}
.current-method-linked.clickable[data-v-76e2226a]:hover {
  color: #40a9ff;
}
.available-hint[data-v-76e2226a] {
  color: #67C23A;
  font-size: 12px;
  margin-left: 5px;
}
.relink-btn[data-v-76e2226a] {
  background-color: #E6A23C !important;
  border-color: #E6A23C !important;
}
.relink-btn[data-v-76e2226a]:hover {
  background-color: #EEBE77 !important;
  border-color: #EEBE77 !important;
}

/* 续卡赠送规则选择器样式 */
.inline-gift-rule-setting[data-v-76e2226a] {
  margin-top: 8px;
  padding: 8px;
  background: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef;
}
.gift-rule-selector[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.gift-rule-label[data-v-76e2226a] {
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  margin: 0;
}
.gift-rule-select[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 12px;
  background: white;
  cursor: pointer;
}
.gift-rule-select[data-v-76e2226a]:focus {
  outline: none;
  border-color: #1890ff;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.selected-gift-rule-info[data-v-76e2226a] {
  font-size: 11px;
  color: #52c41a;
  line-height: 1.4;
}
.gift-amount[data-v-76e2226a] {
  color: #f5222d;
  font-weight: bold;
}

/* 订单明细区域 - 使用 flex 布局，使其高度与左侧面板一致 */
.payment-details[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto; /* 不设置固定高度，让内容自然展开 */
  min-height: 0; /* 允许 flex 子元素收缩 */
}

/* 订单明细表格容器 - 高度延伸至底部按钮，支持内部滚动 */
.order-details-table-container[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占据剩余空间 */
  min-height: 0;
  overflow-y: auto; /* 垂直方向支持滚动 */
  overflow-x: hidden; /* 水平方向隐藏滚动 */
  border: 1px solid white; /* 外框颜色改为白色 */
  border-radius: 4px;
  margin-top: 10px;
}
.order-details-table-container table[data-v-76e2226a] {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid white; /* 表格外框颜色改为白色 */
}
.order-details-table-container thead[data-v-76e2226a] {
  position: sticky;
  top: 0;
  background: #fafafa;
  z-index: 10;
}
.order-details-table-container th[data-v-76e2226a] {
  background: #f5f5f5;
  font-weight: 600;
  padding: 8px 8px; /* 减小行高 */
  border: none; /* 移除所有边框 */
  border-bottom: 1px solid #C9A962; /* 只保留底部边框 */
  text-align: left;
}
.order-details-table-container th[data-v-76e2226a], 
.order-details-table-container td[data-v-76e2226a] {
  border-right: 1px solid white; /* 内框纵线改为白色 */
  padding: 8px 8px; /* 减小行高 */
}
.order-details-table-container th[data-v-76e2226a]:last-child, 
.order-details-table-container td[data-v-76e2226a]:last-child {
  border-right: none; /* 最后一列没有右边框 */
}
.order-details-table-container td[data-v-76e2226a] {
  padding: 8px 8px; /* 减小行高 */
  border-bottom: 1px solid #C9A962;
  border-top: none;
  border-left: none;
}
.order-details-table-container tr:last-child td[data-v-76e2226a] {
  border-bottom: 1px solid #C9A962;
}

/* 今日预约卡片容器 - 添加滚动支持 */
.appointment-cards-container[data-v-76e2226a] {
  max-height: 300px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid white;
  border-radius: 4px;
  margin-top: 10px;
}
.appointment-card[data-v-76e2226a] {
  background: #f8f9fa;
  border: 1px solid white;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.appointment-card[data-v-76e2226a]:hover {
  background: #e9ecef;
  border-color: white;
}
.appointment-card[data-v-76e2226a]:last-child {
  margin-bottom: 0;
}

/* 业绩和提成链路提示框样式 */
.performance-tooltip[data-v-76e2226a],
.commission-tooltip[data-v-76e2226a] {
  pointer-events: auto;
}
.performance-tooltip .tooltip-content[data-v-76e2226a],
.commission-tooltip .tooltip-content[data-v-76e2226a] {
  background: #fff;
  border: 1px solid white;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 12px;
  min-width: 280px;
  max-width: 400px;
}
.performance-tooltip .tooltip-header[data-v-76e2226a],
.commission-tooltip .tooltip-header[data-v-76e2226a] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid white;
}
.performance-tooltip .tooltip-body[data-v-76e2226a],
.commission-tooltip .tooltip-body[data-v-76e2226a] {
  max-height: 300px;
  overflow-y: auto;
}
.performance-tooltip .tooltip-step[data-v-76e2226a],
.commission-tooltip .tooltip-step[data-v-76e2226a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  padding: 5px 0;
}
.performance-tooltip .tooltip-step[data-v-76e2226a]:last-child,
.commission-tooltip .tooltip-step[data-v-76e2226a]:last-child {
  margin-bottom: 0;
}
.performance-tooltip .step-number[data-v-76e2226a],
.commission-tooltip .step-number[data-v-76e2226a] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #409EFF;
  color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.performance-tooltip .step-info[data-v-76e2226a],
.commission-tooltip .step-info[data-v-76e2226a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.performance-tooltip .step-description[data-v-76e2226a],
.commission-tooltip .step-description[data-v-76e2226a] {
  font-size: 13px;
  color: #303133;
  margin-bottom: 4px;
}
.performance-tooltip .step-amount[data-v-76e2226a],
.commission-tooltip .step-amount[data-v-76e2226a] {
  font-size: 12px;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.performance-tooltip .amount-before[data-v-76e2226a],
.commission-tooltip .amount-before[data-v-76e2226a] {
  color: #909399;
  margin-right: 4px;
}
.performance-tooltip .change-amount[data-v-76e2226a],
.commission-tooltip .change-amount[data-v-76e2226a] {
  margin: 0 4px;
  font-weight: 500;
}
.performance-tooltip .change-amount.positive[data-v-76e2226a],
.commission-tooltip .change-amount.positive[data-v-76e2226a] {
  color: #67C23A;
}
.performance-tooltip .change-amount.negative[data-v-76e2226a],
.commission-tooltip .change-amount.negative[data-v-76e2226a] {
  color: #F56C6C;
}
.performance-tooltip .commission-percent[data-v-76e2226a],
.commission-tooltip .commission-percent[data-v-76e2226a] {
  color: #909399;
  font-size: 11px;
  margin-left: 2px;
}
.performance-tooltip .arrow[data-v-76e2226a],
.commission-tooltip .arrow[data-v-76e2226a] {
  margin: 0 4px;
  color: #909399;
}
.performance-tooltip .amount-after[data-v-76e2226a],
.commission-tooltip .amount-after[data-v-76e2226a] {
  color: #409EFF;
  font-weight: 600;
}

/* 业绩和提成金额悬浮效果 */
.employee-performance[data-v-76e2226a],
.employee-commission[data-v-76e2226a] {
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.employee-performance[data-v-76e2226a]:hover,
.employee-commission[data-v-76e2226a]:hover {
  color: #409EFF;
  text-decoration: underline;
}

/* 选择员工按钮 */
.staff-selection-btn[data-v-76e2226a] {
  background: white !important;
  border: 1px solid white !important;
  color: #666 !important;
  height: 48px;
  padding: 0 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.staff-selection-btn[data-v-76e2226a]:hover {
  background: #f5f5f5 !important;
  border-color: white !important;
  color: #333 !important;
}

/* 手机号输入框包装器 */
.phone-input-wrapper[data-v-76e2226a] {
  position: relative;
  width: 100%;
}

/* 已有会员气泡弹窗样式 */
.archive-phone-popover[data-v-76e2226a] {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  margin-top: 4px;
  width: 420px;
  max-width: 90vw;
  z-index: 99999 !important;
  background: #fff;
.popover-arrow {
    position: absolute;
    top: -6px;
    right: 30px;
    left: auto;
    width: 12px;
    height: 12px;
    background: #fff;
    border-left: 1px solid #e4e7ed;
    border-top: 1px solid #e4e7ed;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: 1;
}
.popover-content {
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 12px;
    max-height: 320px;
    overflow-y: auto;
}
.popover-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ebeef5;
.warning-icon {
      font-size: 16px;
      color: #e6a23c;
      margin-right: 6px;
}
.popover-title {
      font-size: 13px;
      font-weight: 600;
      color: #303133;
}
}
.member-cards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.member-card {
    border: 1px solid #ebeef5;
    border-radius: 6px;
    padding: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #fafafa;
&:hover {
      border-color: #409eff;
      -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
              box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
      background: #fff;
}
.member-card-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 6px;
.member-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 8px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
}
.avatar-placeholder {
          width: 100%;
          height: 100%;
          background: linear-gradient(135deg, #409eff, #66b1ff);
          color: #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          font-size: 12px;
          font-weight: 600;
}
}
.member-basic-info {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-width: 0;
.member-name-row {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          gap: 6px;
          margin-bottom: 4px;
.member-name {
            font-size: 13px;
            font-weight: 600;
            color: #303133;
}
.member-shop {
            font-size: 11px;
            color: #909399;
}
.card-amounts-inline {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 12px;
            margin-left: auto;
.amount-item {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              gap: 3px;
.amount-label {
                font-size: 10px;
                color: #909399;
}
.amount-value {
                font-size: 11px;
                font-weight: 600;
                color: #f56c6c;
&.gift {
                  color: #67c23a;
}
}
}
}
}
.discount-info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          gap: 4px;
.discount-tags {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 4px;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
.el-tag {
              height: 18px;
              line-height: 16px;
              padding: 0 4px;
              font-size: 10px;
}
}
}
}
}
.member-card-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 8px;
      padding-top: 8px;
      border-top: 1px dashed #ebeef5;
.change-phone-btn {
        color: #909399;
        font-size: 12px;
        padding: 0;
&:hover {
          color: #f56c6c;
}
i {
          margin-right: 2px;
          font-size: 12px;
}
}
.use-member-btn {
        padding: 4px 12px;
        font-size: 12px;
i {
          margin-right: 2px;
          font-size: 12px;
}
}
}
}
}

.sogou-keyboard[data-v-c75ab4b0] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #dee2e6;
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
  z-index: 1000;
  min-width: 580px;
  max-width: 95vw;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.sogou-keyboard.dragging[data-v-c75ab4b0] {
  -webkit-transition: none;
  transition: none;
}

/* 广告轮播区域 */
.ad-banner[data-v-c75ab4b0] {
  background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
  border-radius: 16px 16px 0 0;
  padding: 12px 16px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ad-content[data-v-c75ab4b0] {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ad-content.slide-up[data-v-c75ab4b0] {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.ad-text[data-v-c75ab4b0] {
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.ad-banner[data-v-c75ab4b0]:hover {
  background: linear-gradient(135deg, #0056cc 0%, #004085 100%);
}
.ad-banner[data-v-c75ab4b0]:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

/* 键盘头部 */
.keyboard-header[data-v-c75ab4b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  gap: 12px;
}

/* 通知区域 */
.notification-area[data-v-c75ab4b0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  max-width: 300px;
  height: 32px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
.notification-area[data-v-c75ab4b0]:hover {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  border-color: rgba(0, 122, 255, 0.3);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.notification-scroll[data-v-c75ab4b0] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.notification-scroll.scrolling[data-v-c75ab4b0] {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.notification-item[data-v-c75ab4b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  white-space: nowrap;
  width: 100%;
}
.notification-icon[data-v-c75ab4b0] {
  font-size: 14px;
  color: #007aff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notification-text[data-v-c75ab4b0] {
  font-size: 12px;
  font-weight: 500;
  color: #495057;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.keyboard-title[data-v-c75ab4b0] {
  font-size: 16px;
  font-weight: 600;
  color: #212529;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.keyboard-actions[data-v-c75ab4b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.keyboard-actions .action-btn[data-v-c75ab4b0] {
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  color: #6c757d;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.keyboard-actions .action-btn[data-v-c75ab4b0]:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #495057;
}

/* 数字键盘样式 */
.keyboard-number[data-v-c75ab4b0] {
  padding: 16px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 16px 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-y: auto;
}

/* 键盘容器布局 */
.keyboard-container[data-v-c75ab4b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.keyboard-main[data-v-c75ab4b0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.keyboard-side[data-v-c75ab4b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 80px;
}
.side-key[data-v-c75ab4b0] {
  height: 64px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px !important;
  padding: 8px 4px !important;
}
.side-key i[data-v-c75ab4b0] {
  font-size: 18px;
  margin-bottom: 4px;
}
.key-label[data-v-c75ab4b0] {
  font-size: 10px;
  font-weight: 500;
  color: inherit;
}
.keyboard-row[data-v-c75ab4b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
}
.keyboard-row[data-v-c75ab4b0]:last-child {
  margin-bottom: 0;
}
.key[data-v-c75ab4b0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 68px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #212529;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
  min-width: 48px;
}
.key[data-v-c75ab4b0]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 100%);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.key[data-v-c75ab4b0]:hover::before {
  opacity: 1;
}
.key[data-v-c75ab4b0]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 122, 255, 0.2);
}
.key[data-v-c75ab4b0]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.number-key[data-v-c75ab4b0] {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  color: #212529;
}
.number-key[data-v-c75ab4b0]:hover {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.function-key[data-v-c75ab4b0] {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  font-size: 16px;
  font-weight: 600;
  color: white;
}
.function-key[data-v-c75ab4b0]:hover {
  background: linear-gradient(135deg, #495057 0%, #343a40 100%);
}
.confirm-key[data-v-c75ab4b0] {
  background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
  color: white;
  font-weight: 700;
}
.confirm-key[data-v-c75ab4b0]:hover {
  background: linear-gradient(135deg, #0056cc 0%, #004085 100%);
}

/* 通知弹窗样式 */
[data-v-c75ab4b0]:global(.notification-dialog) {
  border-radius: 12px;
}
[data-v-c75ab4b0]:global(.notification-dialog .el-message-box__content) {
  padding: 20px;
}
[data-v-c75ab4b0]:global(.notification-detail) {
  text-align: left;
}
[data-v-c75ab4b0]:global(.notification-detail .detail-row) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
[data-v-c75ab4b0]:global(.notification-detail .detail-row:last-child) {
  border-bottom: none;
}
[data-v-c75ab4b0]:global(.notification-detail .label) {
  font-weight: 600;
  color: #666;
  min-width: 80px;
}
[data-v-c75ab4b0]:global(.notification-detail .value) {
  color: #333;
  font-weight: 500;
}
[data-v-c75ab4b0]:global(.notification-detail .value.highlight) {
  color: #007aff;
  font-weight: 700;
}

/* 响应式设计 */
@media (max-width: 768px) {
.sogou-keyboard[data-v-c75ab4b0] {
    min-width: 100%;
    max-width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: none;
            transform: none;
    border-radius: 16px 16px 0 0;
    border-bottom: none;
}
.keyboard-header[data-v-c75ab4b0] {
    border-radius: 16px 16px 0 0;
    padding: 10px 12px;
    gap: 8px;
}
.notification-area[data-v-c75ab4b0] {
    max-width: 200px;
    height: 28px;
}
.notification-text[data-v-c75ab4b0] {
    font-size: 11px;
}
.notification-icon[data-v-c75ab4b0] {
    font-size: 12px;
}
.key[data-v-c75ab4b0] {
    height: 52px;
    font-size: 20px;
}
.keyboard-number[data-v-c75ab4b0] {
    padding: 12px;
}
}
@media (max-width: 480px) {
.sogou-keyboard[data-v-c75ab4b0] {
    min-width: 100%;
}
.keyboard-header[data-v-c75ab4b0] {
    padding: 8px 10px;
    gap: 6px;
}
.notification-area[data-v-c75ab4b0] {
    max-width: 150px;
    height: 24px;
}
.notification-scroll[data-v-c75ab4b0] {
    padding: 0 8px;
}
.notification-text[data-v-c75ab4b0] {
    font-size: 10px;
}
.notification-icon[data-v-c75ab4b0] {
    font-size: 11px;
}
.keyboard-actions .action-btn[data-v-c75ab4b0] {
    padding: 6px;
}
.key[data-v-c75ab4b0] {
    height: 48px;
    font-size: 18px;
}
.keyboard-row[data-v-c75ab4b0] {
    gap: 6px;
}
.keyboard-number[data-v-c75ab4b0] {
    padding: 10px;
}
}

/* 超小屏幕优化 */
@media (max-width: 360px) {
.keyboard-header[data-v-c75ab4b0] {
    padding: 6px 8px;
    gap: 4px;
}
.notification-area[data-v-c75ab4b0] {
    max-width: 120px;
    height: 22px;
}
.notification-scroll[data-v-c75ab4b0] {
    padding: 0 6px;
}
.notification-text[data-v-c75ab4b0] {
    font-size: 9px;
}
.notification-icon[data-v-c75ab4b0] {
    font-size: 10px;
}
.keyboard-title[data-v-c75ab4b0] {
    font-size: 14px;
}
.keyboard-actions .action-btn[data-v-c75ab4b0] {
    padding: 4px;
}
}

/* 动画效果 */
@-webkit-keyframes slideUp-data-v-c75ab4b0 {
from {
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
    opacity: 0;
}
to {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
}
}
@keyframes slideUp-data-v-c75ab4b0 {
from {
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
    opacity: 0;
}
to {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
}
}
.sogou-keyboard[data-v-c75ab4b0] {
  -webkit-animation: slideUp-data-v-c75ab4b0 0.3s ease-out;
          animation: slideUp-data-v-c75ab4b0 0.3s ease-out;
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
.sogou-keyboard[data-v-c75ab4b0] {
    background: linear-gradient(135deg, #2c2c2e 0%, #1c1c1e 100%);
    border-color: #48484a;
}
.keyboard-header[data-v-c75ab4b0] {
    background: rgba(44, 44, 46, 0.95);
    border-color: #48484a;
}
.key[data-v-c75ab4b0] {
    background: linear-gradient(135deg, #3a3a3c 0%, #2c2c2e 100%);
    border-color: #48484a;
    color: #ffffff;
}
.function-key[data-v-c75ab4b0] {
    background: linear-gradient(135deg, #48484a 0%, #3a3a3c 100%);
    color: #ffffff;
}
}

/* 收银机屏幕适配 - 针对宽度0-1600px，高度0-1200px的设备 */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
  /* 减小键盘整体尺寸 */
.sogou-keyboard[data-v-c75ab4b0] {
    min-width: 400px !important; /* 从580px减小到400px */
    max-width: 85vw !important; /* 从95vw减小到85vw */
    max-height: 400px !important; /* 设置固定最大高度400px，确保在按钮下方 */
    height: auto !important; /* 允许高度自适应内容 */
    bottom: 80px !important; /* 从10px增加到80px，确保在底部按钮上方 */
    border-radius: 12px !important; /* 从16px减小到12px */
    overflow-y: auto !important; /* 内容过多时可以滚动 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; /* 使用flex布局 */
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; /* 垂直排列 */
}

  /* 限制键盘数字区域的最大高度 */
.keyboard-number[data-v-c75ab4b0] {
    max-height: 280px !important; /* 设置固定最大高度，减去广告区域和头部的高度 */
    overflow-y: auto !important; /* 内容过多时可以滚动 */
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; /* 防止被压缩 */
}

  /* 减小广告区域高度 */
.ad-banner[data-v-c75ab4b0] {
    height: 32px !important; /* 从40px减小到32px */
    padding: 8px 12px !important; /* 从12px 16px减小到8px 12px */
    border-radius: 12px 12px 0 0 !important; /* 从16px减小到12px */
}
.ad-text[data-v-c75ab4b0] {
    font-size: 12px !important; /* 从14px减小到12px */
}

  /* 减小键盘头部高度和内边距 */
.keyboard-header[data-v-c75ab4b0] {
    padding: 8px 12px !important; /* 从12px 16px减小到8px 12px */
    gap: 8px !important; /* 从12px减小到8px */
}

  /* 减小通知区域尺寸 */
.notification-area[data-v-c75ab4b0] {
    max-width: 200px !important; /* 从300px减小到200px */
    height: 28px !important; /* 从32px减小到28px */
    border-radius: 12px !important; /* 从16px减小到12px */
}
.notification-scroll[data-v-c75ab4b0] {
    padding: 0 10px !important; /* 从0 12px减小到0 10px */
}
.notification-text[data-v-c75ab4b0] {
    font-size: 11px !important; /* 从12px减小到11px */
}
.notification-icon[data-v-c75ab4b0] {
    font-size: 12px !important; /* 从14px减小到12px */
}

  /* 减小键盘操作按钮 */
.keyboard-actions .action-btn[data-v-c75ab4b0] {
    padding: 6px !important; /* 从8px减小到6px */
}

  /* 减小数字键盘区域内边距 */
.keyboard-number[data-v-c75ab4b0] {
    padding: 12px !important; /* 从16px减小到12px */
    border-radius: 0 0 12px 12px !important; /* 从16px减小到12px */
}

  /* 减小键盘容器间距 */
.keyboard-container[data-v-c75ab4b0] {
    gap: 8px !important; /* 从12px减小到8px */
}

  /* 减小键盘行间距 */
.keyboard-row[data-v-c75ab4b0] {
    gap: 6px !important; /* 从8px减小到6px */
    margin-bottom: 6px !important; /* 从8px减小到6px */
}

  /* 减小数字键尺寸 */
.key[data-v-c75ab4b0] {
    height: 52px !important; /* 从68px减小到52px */
    font-size: 20px !important; /* 从24px减小到20px */
    border-radius: 10px !important; /* 从12px减小到10px */
    min-width: 40px !important; /* 从48px减小到40px */
}

  /* 减小侧边功能键尺寸 */
.keyboard-side[data-v-c75ab4b0] {
    width: 65px !important; /* 从80px减小到65px */
    gap: 6px !important; /* 从8px减小到6px */
}
.side-key[data-v-c75ab4b0] {
    height: 52px !important; /* 从64px减小到52px */
    font-size: 11px !important; /* 从12px减小到11px */
    padding: 6px 3px !important; /* 从8px 4px减小到6px 3px */
}
.side-key i[data-v-c75ab4b0] {
    font-size: 16px !important; /* 从18px减小到16px */
    margin-bottom: 3px !important; /* 从4px减小到3px */
}
.key-label[data-v-c75ab4b0] {
    font-size: 9px !important; /* 从10px减小到9px */
}
}

/* 小屏收银机优化（640px - 1023px） */
@media (min-width: 640px) and (max-width: 1023px) and (min-height: 0px) and (max-height: 1200px) {
.sogou-keyboard[data-v-c75ab4b0] {
    min-width: 350px !important; /* 进一步减小 */
    max-width: 90vw !important;
    max-height: 360px !important; /* 设置固定最大高度360px */
    height: auto !important;
    bottom: 70px !important; /* 确保在底部按钮上方 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.keyboard-number[data-v-c75ab4b0] {
    max-height: 250px !important; /* 设置固定最大高度 */
    overflow-y: auto !important;
}
.ad-banner[data-v-c75ab4b0] {
    height: 28px !important;
    padding: 6px 10px !important;
}
.ad-text[data-v-c75ab4b0] {
    font-size: 11px !important;
}
.keyboard-header[data-v-c75ab4b0] {
    padding: 6px 10px !important;
    gap: 6px !important;
}
.notification-area[data-v-c75ab4b0] {
    max-width: 150px !important;
    height: 24px !important;
}
.notification-text[data-v-c75ab4b0] {
    font-size: 10px !important;
}
.keyboard-number[data-v-c75ab4b0] {
    padding: 10px !important;
}
.key[data-v-c75ab4b0] {
    height: 48px !important;
    font-size: 18px !important;
}
.keyboard-side[data-v-c75ab4b0] {
    width: 60px !important;
}
.side-key[data-v-c75ab4b0] {
    height: 48px !important;
    font-size: 10px !important;
}
}

/* 中等收银机优化（1024px - 1279px） */
@media (min-width: 1024px) and (max-width: 1279px) and (min-height: 0px) and (max-height: 1200px) {
.sogou-keyboard[data-v-c75ab4b0] {
    min-width: 380px !important;
    max-height: 380px !important; /* 设置固定最大高度380px */
    height: auto !important;
    bottom: 75px !important; /* 确保在底部按钮上方 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.keyboard-number[data-v-c75ab4b0] {
    max-height: 270px !important; /* 设置固定最大高度 */
    overflow-y: auto !important;
}
.key[data-v-c75ab4b0] {
    height: 50px !important;
    font-size: 19px !important;
}
}

/* 标准收银机优化（1280px - 1599px） */
@media (min-width: 1280px) and (max-width: 1599px) and (min-height: 0px) and (max-height: 1200px) {
.sogou-keyboard[data-v-c75ab4b0] {
    min-width: 420px !important;
    max-height: 400px !important; /* 设置固定最大高度400px */
    height: auto !important;
    bottom: 80px !important; /* 确保在底部按钮上方 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.keyboard-number[data-v-c75ab4b0] {
    max-height: 280px !important; /* 设置固定最大高度 */
    overflow-y: auto !important;
}
.key[data-v-c75ab4b0] {
    height: 54px !important;
    font-size: 21px !important;
}
}

/* 竖屏适配 - 防止键盘高度过高（兼容到1200px高度） */
@media (orientation: portrait) and (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
.sogou-keyboard[data-v-c75ab4b0] {
    max-height: 350px !important; /* 竖屏时设置固定最大高度350px */
    max-width: 90vw !important; /* 竖屏时限制宽度 */
    height: auto !important;
    bottom: 70px !important; /* 确保在底部按钮上方 */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}

  /* 限制键盘数字区域的最大高度 */
.keyboard-number[data-v-c75ab4b0] {
    max-height: 240px !important; /* 设置固定最大高度 */
    overflow-y: auto !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

  /* 进一步减小各区域尺寸 */
.ad-banner[data-v-c75ab4b0] {
    height: 28px !important; /* 从32px进一步减小 */
    padding: 6px 10px !important;
}
.keyboard-header[data-v-c75ab4b0] {
    padding: 6px 10px !important; /* 从8px 12px进一步减小 */
    gap: 6px !important;
}
.keyboard-number[data-v-c75ab4b0] {
    padding: 8px !important; /* 从12px进一步减小 */
}
.keyboard-row[data-v-c75ab4b0] {
    gap: 4px !important; /* 从6px进一步减小 */
    margin-bottom: 4px !important; /* 从6px进一步减小 */
}
.key[data-v-c75ab4b0] {
    height: 44px !important; /* 从52px进一步减小 */
    font-size: 18px !important; /* 从20px进一步减小 */
    min-width: 36px !important; /* 从40px进一步减小 */
}
.keyboard-side[data-v-c75ab4b0] {
    width: 55px !important; /* 从65px进一步减小 */
    gap: 4px !important; /* 从6px进一步减小 */
}
.side-key[data-v-c75ab4b0] {
    height: 44px !important; /* 从52px进一步减小 */
    font-size: 10px !important; /* 从11px进一步减小 */
    padding: 4px 2px !important; /* 从6px 3px进一步减小 */
}
.side-key i[data-v-c75ab4b0] {
    font-size: 14px !important; /* 从16px进一步减小 */
    margin-bottom: 2px !important; /* 从3px进一步减小 */
}
.key-label[data-v-c75ab4b0] {
    font-size: 8px !important; /* 从9px进一步减小 */
}
}

/* 使用全局 CSS 变量 - 从父组件继承 */
.bottom-treatment-cards {
  --theme-color: var(--theme-color, #409EFF);
  --theme-color-light: var(--theme-color-light, #ecf5ff);
  --theme-color-dark: var(--theme-color-dark, #337ecc);
  background: #ffffff !important;
  border-top: 1px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.treatment-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 12px;
  background: #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.header-icon {
  font-size: 14px;
}
.header-title {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
}
.header-count {
  font-size: 12px;
  color: #64748b;
}
.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.segment-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f3f4f6;
  border-radius: 6px;
  padding: 2px;
}
.segment-btn {
  padding: 3px 10px;
  font-size: 11px;
  border: none;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.segment-btn.active {
  background: #fff;
  color: var(--theme-color);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.collapse-btn {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background: #f3f4f6;
  border-radius: 6px;
  cursor: pointer;
  color: var(--theme-color);
}
.collapse-btn i {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.collapse-btn i.is-collapsed {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.treatment-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 100px;
  overflow-y: auto;
  padding: 8px;
}
.empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  color: #94a3b8;
}
.empty-state i {
  font-size: 24px;
  margin-bottom: 8px;
}
.empty-state span {
  font-size: 12px;
}
.treatment-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.treatment-card {
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 8px;
  border: 1px solid rgba(226, 232, 240, 0.6);
  padding: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  -webkit-box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.04),
    0 4px 8px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.04),
    0 4px 8px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  position: relative;
  overflow: hidden;
}
.treatment-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--theme-color);
  opacity: 0.8;
}
.treatment-card:hover {
  -webkit-box-shadow:
    0 8px 16px rgba(0, 0, 0, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 8px 16px rgba(0, 0, 0, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-transform: translateY(-3px) scale(1.01);
          transform: translateY(-3px) scale(1.01);
  border-color: var(--theme-color);
}
.treatment-card.expired {
  opacity: 0.7;
  background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%);
  -webkit-box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.04);
          box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.04);
}
.treatment-card.expired::before {
  background: -webkit-gradient(linear, left top, right top, from(#94a3b8), color-stop(50%, #cbd5e1), to(#94a3b8));
  background: linear-gradient(90deg, #94a3b8 0%, #cbd5e1 50%, #94a3b8 100%);
}
.treatment-card.has-unlimited {
  border-left: 3px solid var(--theme-color);
}
.treatment-card.has-unlimited::before {
  background: -webkit-gradient(linear, left top, right top, from(#f59e0b), color-stop(50%, #fbbf24), to(#f59e0b));
  background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%);
}
.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5);
}
.treatment-name {
  font-size: 12px;
  font-weight: 700;
  color: #1e293b;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.treatment-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tag {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.tag.service {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1d4ed8;
  border: 1px solid rgba(37, 99, 235, 0.2);
}
.tag.goods {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #15803d;
  border: 1px solid rgba(22, 163, 74, 0.2);
}
.tag.gift {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #b45309;
  border: 1px solid rgba(217, 119, 6, 0.2);
}
.card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding-top: 2px;
}
.body-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.remaining-count {
  font-size: 15px;
  font-weight: 800;
  color: var(--theme-color);
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(37, 99, 235, 0.15);
}
.remaining-count .unlimited {
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
}
.remaining-count .normal-count {
  color: var(--theme-color);
  font-weight: 800;
}
.remaining-count.expired {
  color: #94a3b8;
}
.remaining-count .unlimited {
  color: var(--theme-color);
  font-size: 14px;
}
.remaining-count .limited {
  color: var(--theme-color);
  font-size: 12px;
  margin-left: 4px;
}
.remaining-count .normal-count {
  color: var(--theme-color);
  font-size: 14px;
}
.validity-info {
  font-size: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  text-align: center;
}
.validity-info .validity-date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #64748b;
  font-weight: 500;
  background: rgba(241, 245, 249, 0.8);
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  border: 1px solid rgba(226, 232, 240, 0.6);
}
.validity-info .expired {
  color: #dc2626;
  background: rgba(254, 226, 226, 0.8);
  border-color: rgba(220, 38, 38, 0.2);
}
.use-btn-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.use-btn {
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  color: var(--theme-color);
  background: #fff;
  border: 1px solid var(--theme-color);
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  height: 30px;
  -webkit-box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 8px rgba(0, 0, 0, 0.05);
          box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 8px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.use-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}
.use-btn:hover:not(:disabled) {
  -webkit-transform: translateY(-2px) scale(1.02);
          transform: translateY(-2px) scale(1.02);
  -webkit-box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.15),
    0 8px 16px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.15),
    0 8px 16px rgba(0, 0, 0, 0.1);
  background: var(--theme-color);
  color: #fff;
}
.use-btn:hover:not(:disabled)::before {
  left: 100%;
}
.use-btn:active:not(:disabled) {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.2),
    inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.2),
    inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.use-btn:disabled {
  background: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.use-btn.expired {
  background: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
}

/* Popover 样式 */
::v-deep .bottom-treatment-popover {
  padding: 0;
}
.treatment-detail-popover {
  padding: 12px;
}
.popover-title {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}
.combo-details-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.combo-detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
  background: #f8fafc;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}
.combo-detail-item.main-item {
  border-left: 3px solid var(--theme-color);
}
.combo-detail-item.additional-item {
  border-left: 3px solid #22c55e;
}
.detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.detail-name {
  font-size: 12px;
  font-weight: 500;
  color: #334155;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-gift-tag {
  padding: 1px 4px;
  background: #fef3c7;
  color: #d97706;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
}
.detail-type {
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
}
.detail-type.service {
  background: #22c55e;
}
.detail-type.goods {
  background: #f59e0b;
}
.detail-count {
  font-size: 11px;
  font-weight: 600;
  color: #16a34a;
}
.detail-count.unlimited {
  color: var(--theme-color);
}
.detail-use-btn {
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--theme-color);
  background: #fff;
  border: 1px solid var(--theme-color);
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 28px;
}
.detail-use-btn:hover:not(:disabled) {
  background: var(--theme-color);
  color: #fff;
}
.detail-use-btn:disabled {
  background: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
  cursor: not-allowed;
}

/* 滚动条样式 */
.treatment-list::-webkit-scrollbar {
  width: 4px;
}
.treatment-list::-webkit-scrollbar-track {
  background: transparent;
}
.treatment-list::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 2px;
}
.treatment-list::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* ==================== 主题颜色自定义类 ==================== */
.theme-text {
  color: var(--theme-color) !important;
}
.theme-text-dark {
  color: var(--theme-color-dark) !important;
}
.theme-text-darker {
  color: var(--theme-color-dark) !important;
}
.theme-bg-light {
  background-color: var(--theme-color-light) !important;
}
.theme-border {
  border-color: var(--theme-color) !important;
}

/* 布局设置选中状态：边框主题色，背景透明 */
.theme-border-transparent {
  border-color: var(--theme-color) !important;
  background-color: transparent !important;
}
.theme-border-light {
  border-color: var(--theme-color-light) !important;
}
.hover\:theme-text:hover {
  color: var(--theme-color) !important;
}
.hover\:theme-bg-light:hover {
  background-color: var(--theme-color-light) !important;
}
.hover\:theme-border:hover {
  border-color: var(--theme-color) !important;
}
.focus\:ring-theme:focus {
  --tw-ring-color: var(--theme-color) !important;
}

/* 主题按钮样式 */
.theme-button {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}
.theme-button:hover {
  background-color: var(--theme-color-dark) !important;
  border-color: var(--theme-color-dark) !important;
}

/* 主题图标按钮样式 - 清空、挂单 */
.theme-icon-btn {
  background-color: #fff !important;
  border-color: var(--theme-color) !important;
  color: var(--theme-color) !important;
}
.theme-icon-btn i {
  color: var(--theme-color) !important;
}
.theme-icon-btn:hover {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}
.theme-icon-btn:hover i {
  color: #fff !important;
}
.theme-icon-btn.is-disabled {
  background-color: #f5f7fa !important;
  border-color: #e4e7ed !important;
  color: #c0c4cc !important;
}
.theme-icon-btn.is-disabled i {
  color: #c0c4cc !important;
}

/* 优惠链路提示框样式 */
.discount-tooltip {
  pointer-events: auto;
}
.tooltip-content {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 12px;
  min-width: 280px;
  max-width: 400px;
}
.tooltip-header {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e7ed;
}
.tooltip-body {
  max-height: 300px;
  overflow-y: auto;
}
.tooltip-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  padding: 5px 0;
}
.tooltip-step:last-child {
  margin-bottom: 0;
}
.step-number {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #409EFF;
  color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.step-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.step-description {
  font-size: 13px;
  color: #303133;
  margin-bottom: 4px;
}
.step-price {
  font-size: 12px;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.price-before {
  text-decoration: line-through;
  color: #909399;
  margin-right: 4px;
}
.discount-amount {
  color: #67C23A;
  margin: 0 4px;
  font-weight: 500;
}
.discount-percent {
  color: #909399;
  font-size: 11px;
  margin-left: 2px;
}
.arrow {
  margin: 0 4px;
  color: #909399;
}
.price-after {
  color: #409EFF;
  font-weight: 600;
}

/* 分段器选中状态样式 - 蓝色渐变 */
.segment-active {
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
}

/* 自定义滚动条样式 */
.staff-dialog-content .overflow-y-auto::-webkit-scrollbar {
  width: 6px;
}
.staff-dialog-content .overflow-y-auto::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.staff-dialog-content .overflow-y-auto::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.staff-dialog-content .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* 员工抽屉样式 */
.staff-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
  font-size: 16px;
  font-weight: 500;
}
.staff-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 55px);
}

/* 组合疗程抽屉样式 */
.combination-treatment-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
  font-size: 16px;
  font-weight: 500;
}
.combination-treatment-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 55px);
}

/* ==================== 组合疗程表格响应式样式 ==================== */
.combination-table {
  min-width: 600px;
}

/* 表格列宽度 - 默认 */
.combination-col-name {
  min-width: 120px;
  max-width: 200px;
}
.combination-col-count {
  min-width: 80px;
  width: 10%;
}
.combination-col-price {
  min-width: 100px;
  width: 15%;
}
.combination-col-performance {
  min-width: 100px;
  width: 15%;
}
.combination-col-type {
  min-width: 80px;
  width: 12%;
}
.combination-col-validity {
  min-width: 120px;
  width: 18%;
}

/* 输入框宽度 */
.combination-input-count {
  width: 60px;
}
.combination-input-price {
  width: 80px;
}
.combination-input-performance {
  width: 80px;
}
.combination-select-validity {
  width: 90px;
}
.combination-datepicker {
  width: 120px;
}

/* 小屏幕适配 */
@media (max-width: 768px) {
.combination-table {
    min-width: 500px;
    font-size: 12px;
}
.combination-col-name {
    min-width: 100px;
    max-width: 150px;
}
.combination-input-count {
    width: 50px;
}
.combination-input-price,
  .combination-input-performance {
    width: 70px;
}
.combination-select-validity {
    width: 80px;
}
.combination-datepicker {
    width: 100px;
}
.combination-table th,
  .combination-table td {
    padding: 4px 6px !important;
}
}

/* 超小屏幕适配 */
@media (max-width: 480px) {
.combination-table {
    min-width: 450px;
    font-size: 11px;
}
.combination-col-name {
    min-width: 80px;
    max-width: 120px;
}
.combination-input-count {
    width: 45px;
}
.combination-input-price,
  .combination-input-performance {
    width: 60px;
}
.combination-select-validity {
    width: 70px;
}
.combination-datepicker {
    width: 90px;
}
}

/* 大屏幕适配 */
@media (min-width: 1440px) {
.combination-table {
    min-width: 700px;
}
.combination-col-name {
    min-width: 150px;
    max-width: 250px;
}
.combination-input-count {
    width: 70px;
}
.combination-input-price,
  .combination-input-performance {
    width: 100px;
}
.combination-select-validity {
    width: 100px;
}
.combination-datepicker {
    width: 140px;
}
}

@charset "UTF-8";

/* ==================== 疗程详情抽屉 - 全局样式 ==================== */
.treatment-detail-drawer .el-drawer__header,
.member-card-detail-drawer .el-drawer__header {
  padding: 16px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #e2e8f0;
}
.treatment-detail-drawer .el-drawer__header span,
.member-card-detail-drawer .el-drawer__header span {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}
.treatment-detail-drawer .el-drawer__body,
.member-card-detail-drawer .el-drawer__body {
  padding: 0;
  overflow-y: auto;
}

/* ==================== 会员卡详情抽屉 - 全局样式 ==================== */
.member-card-detail-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@charset "UTF-8";

/* ==================== 疗程详情抽屉 - 分布式自适应样式 ==================== */
.treatment-detail-content[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
}

/* 详情区块 */
.detail-section[data-v-80b15588] {
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #e2e8f0;
}
.section-title[data-v-80b15588] {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}

/* 信息网格 - 分布式自适应 */
.info-grid[data-v-80b15588] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.info-item[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.info-label[data-v-80b15588] {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
}
.info-value[data-v-80b15588] {
  font-size: 12px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-value.price[data-v-80b15588] {
  color: #f56c6c;
  font-weight: 700;
}

/* 表格包装器 */
.table-wrapper[data-v-80b15588] {
  overflow-x: auto;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}

/* 紧凑表格样式 */
.compact-table[data-v-80b15588] {
  font-size: 11px;
}
.compact-table .el-table__header th[data-v-80b15588] {
  background: #f1f5f9;
  color: #475569;
  font-weight: 600;
  font-size: 11px;
  padding: 8px 6px;
  white-space: nowrap;
}
.compact-table .el-table__body td[data-v-80b15588] {
  padding: 6px;
  font-size: 11px;
}

/* 项目名称单元格 */
.project-name-cell[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.project-name[data-v-80b15588],
.product-name[data-v-80b15588] {
  font-weight: 500;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.additional-items[data-v-80b15588] {
  font-size: 10px;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 标签样式 */
.type-tags[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.type-tag[data-v-80b15588],
.gift-tag[data-v-80b15588] {
  font-size: 10px;
  padding: 0 4px;
  height: 18px;
  line-height: 16px;
  white-space: nowrap;
}

/* 次数标签 */
.count-tag[data-v-80b15588] {
  color: #409eff;
  font-weight: 600;
  white-space: nowrap;
}
.unlimited-tag[data-v-80b15588] {
  color: #67c23a;
  font-weight: 600;
  white-space: nowrap;
}

/* 价格标签 */
.price-tag[data-v-80b15588] {
  color: #f56c6c;
  font-weight: 600;
  white-space: nowrap;
}

/* 有效期文本 */
.validity-text[data-v-80b15588] {
  color: #64748b;
  font-size: 10px;
  white-space: nowrap;
}

/* 空状态 */
.empty-state[data-v-80b15588] {
  text-align: center;
  padding: 32px 16px;
  color: #94a3b8;
}
.empty-state i[data-v-80b15588] {
  font-size: 32px;
  margin-bottom: 8px;
  display: block;
}
.empty-state div[data-v-80b15588] {
  font-size: 12px;
}

/* 弹窗底部 */
.dialog-footer[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 1200px) {
.treatment-detail-dialog .el-dialog__body[data-v-80b15588] {
    padding: 12px;
}
.info-grid[data-v-80b15588] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}
}
@media (max-width: 992px) {
.info-grid[data-v-80b15588] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}
.detail-section[data-v-80b15588] {
    padding: 10px;
}
.section-title[data-v-80b15588] {
    font-size: 13px;
    margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.treatment-detail-content[data-v-80b15588] {
    gap: 12px;
}
.info-grid[data-v-80b15588] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
}
.compact-table[data-v-80b15588] {
    font-size: 10px;
}
.compact-table .el-table__header th[data-v-80b15588],
.compact-table .el-table__body td[data-v-80b15588] {
    padding: 6px 4px;
    font-size: 10px;
}
.type-tag[data-v-80b15588],
.gift-tag[data-v-80b15588] {
    font-size: 9px;
    padding: 0 3px;
    height: 16px;
    line-height: 14px;
}
}
@media (max-width: 576px) {
.info-grid[data-v-80b15588] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.info-item[data-v-80b15588] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.info-item .info-label[data-v-80b15588] {
    min-width: 70px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.info-item .info-value[data-v-80b15588] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.compact-table .el-table__header th[data-v-80b15588],
.compact-table .el-table__body td[data-v-80b15588] {
    padding: 4px;
}
}
@media (max-width: 480px) {
.treatment-detail-dialog .el-dialog[data-v-80b15588] {
    width: 100% !important;
    margin: 0;
}
.treatment-detail-dialog .el-dialog__body[data-v-80b15588] {
    padding: 8px;
}
.detail-section[data-v-80b15588] {
    padding: 8px;
    border-radius: 6px;
}
.section-title[data-v-80b15588] {
    font-size: 12px;
    margin-bottom: 8px;
    padding-bottom: 6px;
}
}

/* ==================== 会员卡详情抽屉 - 样式 ==================== */
.member-card-detail-content[data-v-80b15588] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
  overflow-y: auto;
}

/* 信息网格 - 自适应 */
.info-grid[data-v-80b15588] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.info-grid .info-item[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.info-grid .info-item.full-width[data-v-80b15588] {
  grid-column: 1/-1;
}

/* 三行布局 - 卡信息专用 */
.info-grid-three-rows[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.info-grid-three-rows .info-row[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.info-grid-three-rows .info-row .info-item[data-v-80b15588] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  background: #f8fafc;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}
.info-grid-three-rows .info-row .info-item .info-label[data-v-80b15588] {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
}
.info-grid-three-rows .info-row .info-item .info-value[data-v-80b15588] {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.info-grid-three-rows .info-row .info-item .info-value.price[data-v-80b15588] {
  color: #f56c6c;
  font-weight: 700;
}
.info-grid-three-rows .info-row .info-item .info-value.cursor-pointer[data-v-80b15588] {
  position: relative;
  padding-right: 16px;
}
.info-grid-three-rows .info-row .info-item .info-value.cursor-pointer[data-v-80b15588]:hover {
  color: #409eff;
}
.info-grid-three-rows .info-row .info-item .info-value.cursor-pointer[data-v-80b15588]:hover::after {
  content: "";
  font-family: "element-icons" !important;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: #409eff;
}

/* 响应式适配 */
@media screen and (max-width: 768px) {
.info-grid-three-rows .info-row[data-v-80b15588] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.info-grid-three-rows .info-row .info-item[data-v-80b15588] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 5px);
            flex: 1 1 calc(50% - 5px);
    min-width: 140px;
}
}
@media screen and (max-width: 480px) {
.info-grid-three-rows .info-row[data-v-80b15588] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.info-grid-three-rows .info-row .info-item[data-v-80b15588] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}
}
.info-label[data-v-80b15588] {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
}
.info-value[data-v-80b15588] {
  font-size: 12px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-value.price[data-v-80b15588] {
  color: #f56c6c;
  font-weight: 700;
}
.remark-section[data-v-80b15588] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}

/* 赠送规则列表 */
.gift-rules-list[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.gift-rule-item[data-v-80b15588] {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.gift-rule-item.selected[data-v-80b15588] {
  border-color: #409eff;
  background: #f0f7ff;
}
.gift-rule-item.selectable[data-v-80b15588] {
  cursor: pointer;
}
.gift-rule-item.selectable[data-v-80b15588]:hover {
  border-color: #409eff;
}
.gift-rule-item.disabled[data-v-80b15588] {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f8fafc;
}
.rule-header[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8px;
}
.rule-amount[data-v-80b15588] {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
}
.rule-gift[data-v-80b15588] {
  font-size: 12px;
  color: #67c23a;
  font-weight: 600;
}
.rule-hint[data-v-80b15588] {
  font-size: 11px;
  color: #909399;
}
.rule-check[data-v-80b15588] {
  margin-left: auto;
  color: #409eff;
  font-size: 16px;
  font-weight: bold;
}

/* 赠送内容 */
.rule-gifts[data-v-80b15588] {
  margin-top: 8px;
}
.rule-gifts .gifts-label[data-v-80b15588] {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 6px;
}
.rule-gifts .gifts-list[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.gift-tag[data-v-80b15588] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}
.gift-tag.project-tag[data-v-80b15588] {
  background: #e6f7ff;
  color: #1890ff;
}
.gift-tag.goods-tag[data-v-80b15588] {
  background: #f6ffed;
  color: #52c41a;
}

/* 抽屉底部 */
.drawer-footer[data-v-80b15588] {
  padding: 16px 20px;
  border-top: 1px solid #e2e8f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  background: #fff;
}

/* ==================== 原有样式 ==================== */
.line-clamp-1[data-v-80b15588] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* 窄屏设备响应式优化 */
}
@media (max-width: 480px) {
.line-clamp-1[data-v-80b15588] {
    /* 全局布局调整 */
    /* 容器宽度优化 */
    /* 导航栏优化 */
    /* 表格优化 */
    /* 表单元素优化 */
    /* 按钮组优化 */
    /* 文本截断优化 */
}
.line-clamp-1 body[data-v-80b15588] {
    padding: 5px;
    font-size: 14px;
}
.line-clamp-1 .container[data-v-80b15588] {
    width: 100%;
    max-width: 100%;
    padding: 0 5px;
}
.line-clamp-1 .nav-bar[data-v-80b15588] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px 0;
}
.line-clamp-1 .nav-item[data-v-80b15588] {
    margin: 3px 0;
    width: 100%;
}
.line-clamp-1 table[data-v-80b15588] {
    font-size: 12px;
}
.line-clamp-1 th[data-v-80b15588], .line-clamp-1 td[data-v-80b15588] {
    padding: 4px;
}
.line-clamp-1 input[data-v-80b15588], .line-clamp-1 select[data-v-80b15588], .line-clamp-1 textarea[data-v-80b15588], .line-clamp-1 button[data-v-80b15588] {
    font-size: 14px;
    padding: 6px 8px;
}
.line-clamp-1 .btn-group[data-v-80b15588] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.line-clamp-1 .btn[data-v-80b15588] {
    width: 100%;
    margin: 3px 0;
}
.line-clamp-1 .text-truncate[data-v-80b15588] {
    -webkit-line-clamp: 2;
    max-height: 2.8em;
}
}
.rounded-button[data-v-80b15588] {
  border-radius: 6px !important;
}

/* 清空和挂单按钮样式 */
.rounded-button[data-v-80b15588]:not(.shine-button-primary) {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 清空按钮 - 红色阴影 */
.rounded-button[data-v-80b15588]:not(.shine-button-primary):nth-of-type(1) {
  -webkit-box-shadow: 0 1px 3px rgba(255, 107, 107, 0.25) !important;
          box-shadow: 0 1px 3px rgba(255, 107, 107, 0.25) !important;
  border: 1px solid #ffffff !important;
}
.rounded-button[data-v-80b15588]:not(.shine-button-primary):nth-of-type(1):hover:not(:disabled) {
  -webkit-box-shadow: 0 2px 6px rgba(255, 107, 107, 0.35) !important;
          box-shadow: 0 2px 6px rgba(255, 107, 107, 0.35) !important;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* 挂单按钮 - 青色阴影 */
.rounded-button[data-v-80b15588]:not(.shine-button-primary):nth-of-type(2) {
  -webkit-box-shadow: 0 1px 3px rgba(78, 205, 196, 0.25) !important;
          box-shadow: 0 1px 3px rgba(78, 205, 196, 0.25) !important;
  border: 1px solid #ffffff !important;
}
.rounded-button[data-v-80b15588]:not(.shine-button-primary):nth-of-type(2):hover:not(:disabled) {
  -webkit-box-shadow: 0 2px 6px rgba(78, 205, 196, 0.35) !important;
          box-shadow: 0 2px 6px rgba(78, 205, 196, 0.35) !important;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* 清空和挂单按钮扫光效果 */
.rounded-button[data-v-80b15588]:not(.shine-button-primary)::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: shine-data-v-80b15588 3s infinite;
          animation: shine-data-v-80b15588 3s infinite;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@-webkit-keyframes shine-data-v-80b15588 {
0% {
    -webkit-transform: translateX(-100%) translateY(-100%) rotate(45deg);
            transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
    -webkit-transform: translateX(100%) translateY(100%) rotate(45deg);
            transform: translateX(100%) translateY(100%) rotate(45deg);
}
}
@keyframes shine-data-v-80b15588 {
0% {
    -webkit-transform: translateX(-100%) translateY(-100%) rotate(45deg);
            transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
    -webkit-transform: translateX(100%) translateY(100%) rotate(45deg);
            transform: translateX(100%) translateY(100%) rotate(45deg);
}
}

/* 数字键盘圆形按钮样式 */
.keypad-button[data-v-80b15588] {
  border-radius: 50% !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  border: 1px solid #d1d5db !important;
  background-color: #ffffff !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.keypad-button[data-v-80b15588]:hover {
  background-color: #f9fafb !important;
}
.keypad-button.special[data-v-80b15588] {
  background-color: #4b5563 !important;
  color: #ffffff !important;
}
.keypad-button.special[data-v-80b15588]:hover {
  background-color: #374151 !important;
}
.marquee-button[data-v-80b15588] {
  position: relative;
  overflow: hidden;
}
.marquee-button[data-v-80b15588]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#ff8000), color-stop(#ffff00), color-stop(#80ff00), color-stop(#00ff80), color-stop(#00ffff), to(#8000ff)) 0 0;
  background: linear-gradient(90deg, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #8000ff) 0 0;
  background-size: 1000% 100%;
  -webkit-animation: marquee-data-v-80b15588 3s linear infinite;
          animation: marquee-data-v-80b15588 3s linear infinite;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@-webkit-keyframes marquee-data-v-80b15588 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 100% 0;
}
}
@keyframes marquee-data-v-80b15588 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 100% 0;
}
}
.rounded-button[data-v-80b15588] {
  border-radius: 6px !important;
}

/* 数字键盘圆形按钮样式 */
.keypad-button[data-v-80b15588] {
  border-radius: 50% !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  border: 1px solid #d1d5db !important;
  background-color: #ffffff !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.keypad-button[data-v-80b15588]:hover {
  background-color: #f9fafb !important;
}
.keypad-button.special[data-v-80b15588] {
  background-color: #4b5563 !important;
  color: #ffffff !important;
}
.keypad-button.special[data-v-80b15588]:hover {
  background-color: #374151 !important;
}
.marquee-button[data-v-80b15588] {
  position: relative;
  overflow: hidden;
}
.marquee-button[data-v-80b15588]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#ff8000), color-stop(#ffff00), color-stop(#80ff00), color-stop(#00ff80), color-stop(#00ffff), to(#8000ff)) 0 0;
  background: linear-gradient(90deg, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #8000ff) 0 0;
  background-size: 1000% 100%;
  -webkit-animation: marquee-data-v-80b15588 3s linear infinite;
          animation: marquee-data-v-80b15588 3s linear infinite;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@keyframes marquee-data-v-80b15588 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 100% 0;
}
}

/* ==================== 底部结算栏响应式宽度优化 ==================== */

/* 基础样式 - 底部结算栏 */
.cashier-bottom-bar[data-v-80b15588] {
  background: white;
  border-top: 1px solid #e5e7eb;
  z-index: 50;
}

/* 右侧模式 - 标准收银机（1280px - 1600px） */
.cashier-bottom-bar-right[data-v-80b15588] {
  left: 70px;
  right: 380px;
}

/* 左侧模式 - 标准收银机（1280px - 1600px） */
.cashier-bottom-bar-left[data-v-80b15588] {
  left: calc(70px + 380px);
  right: 0;
}

/* 收银机最小宽度（640px - 1023px）- 与客户面板同步 */
@media (min-width: 640px) and (max-width: 1023px) {
.cashier-bottom-bar-right[data-v-80b15588] {
    right: 280px;
}
.cashier-bottom-bar-left[data-v-80b15588] {
    left: calc(70px + 280px);
}
}

/* 超小屏收银机（640px - 900px，包括800x800）- 与客户面板同步 */
@media (min-width: 640px) and (max-width: 900px) {
.cashier-bottom-bar-right[data-v-80b15588] {
    right: 240px;
}
.cashier-bottom-bar-left[data-v-80b15588] {
    left: calc(70px + 240px);
}
}

/* 中等收银机（1024px - 1279px）- 与客户面板同步 */
@media (min-width: 1024px) and (max-width: 1279px) {
.cashier-bottom-bar-right[data-v-80b15588] {
    right: 320px;
}
.cashier-bottom-bar-left[data-v-80b15588] {
    left: calc(70px + 320px);
}
}

/* 标准收银机（1280px - 1599px）- 与客户面板同步 */
@media (min-width: 1280px) and (max-width: 1599px) {
.cashier-bottom-bar-right[data-v-80b15588] {
    right: 360px;
}
.cashier-bottom-bar-left[data-v-80b15588] {
    left: calc(70px + 360px);
}
}

/* 大屏收银机（1600px及以上）- 与客户面板同步 */
@media (min-width: 1600px) {
.cashier-bottom-bar-right[data-v-80b15588] {
    right: 380px;
}
.cashier-bottom-bar-left[data-v-80b15588] {
    left: calc(70px + 380px);
}
}

/* ==================== 客户面板响应式宽度优化 ==================== */

/* 参考takeOrder.vue的预约面板适配方案 */
.customer-panel-responsive[data-v-80b15588] {
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  height: 100%;
  /* 使用 100% 高度，相对于父容器，而不是 100vh，这样在整体缩放时也能正确计算高度 */
  max-height: 100%;
}

/* ==================== 已选项目列表高度优化 ==================== */

/* 使用 flex 布局让列表占满可用空间 */
.customer-items-list[data-v-80b15588] {
  /* 移除固定的 max-height，使用 flex: 1 自动占满空间 */
  height: 100%;
  min-height: 200px;
  /* 确保最小高度 */
}

/* 收银机小屏幕优化（高度≤1200px） */
@media (max-height: 1200px) {
.customer-items-list[data-v-80b15588] {
    min-height: 150px;
}
}

/* 超小屏幕优化（高度≤800px） */
@media (max-height: 800px) {
.customer-items-list[data-v-80b15588] {
    min-height: 120px;
}
}

/* 客户面板内容区域优化 - 确保底部内容不被底部结算栏遮挡 */
.customer-panel-responsive > .flex-1[data-v-80b15588] {
  padding-bottom: 80px !important;
  /* 为底部结算栏预留空间 */
}
@media (max-height: 1200px) {
.customer-panel-responsive > .flex-1[data-v-80b15588] {
    padding-bottom: 70px !important;
}
}
@media (max-height: 800px) {
.customer-panel-responsive > .flex-1[data-v-80b15588] {
    padding-bottom: 60px !important;
}
}

/* 收银机最小宽度（640px - 1023px）- 与底部结算栏同步 */
@media (min-width: 640px) and (max-width: 1023px) {
.customer-panel-responsive[data-v-80b15588] {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}
}

/* 超小屏收银机（640px - 900px，包括800x800）- 进一步缩小客户搜索区 */
@media (min-width: 640px) and (max-width: 900px) {
.customer-panel-responsive[data-v-80b15588] {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
}

  /* 客户搜索区内容优化 */
.customer-panel-responsive .p-4[data-v-80b15588] {
    padding: 12px !important;
    /* 减小内边距 */
}

  /* 搜索框优化 */
.customer-panel-responsive input[data-v-80b15588] {
    font-size: 12px !important;
    padding: 6px 8px 6px 28px !important;
    /* 减小内边距 */
}

  /* 标题缩小 */
.customer-panel-responsive h2[data-v-80b15588] {
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

  /* 表格字体缩小 */
.customer-items-list[data-v-80b15588] {
    font-size: 11px !important;
}
.customer-items-list .text-xs[data-v-80b15588] {
    font-size: 10px !important;
}

  /* 表格列宽调整 */
.customer-items-list .grid-cols-12 > div[data-v-80b15588] {
    padding: 2px 4px !important;
}

  /* 项目名称列缩小 */
.customer-items-list .col-span-4[data-v-80b15588] {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
}

/* 中等收银机（1024px - 1279px）- 与底部结算栏同步 */
@media (min-width: 1024px) and (max-width: 1279px) {
.customer-panel-responsive[data-v-80b15588] {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}
}

/* 标准收银机（1280px - 1599px）- 与底部结算栏同步 */
@media (min-width: 1280px) and (max-width: 1599px) {
.customer-panel-responsive[data-v-80b15588] {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}
}

/* 大屏收银机（1600px及以下，收银机基准上限） */
@media (min-width: 1600px) {
.customer-panel-responsive[data-v-80b15588] {
    width: 380px;
    min-width: 380px;
    max-width: 380px;
}
}

/* ==================== 收银终端设备优化 - 底部结算栏分成两行显示 ==================== */

/* 覆盖所有列出的收银终端分辨率：1024×768, 1366×768, 800×600, 1280×720, 1280×800, 1440×900, 1280×960, 1152×864, 1024×600, 1600×900, 1280×768, 1024×800, 800×480, 640×480, 820×1180 (iPad air) */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
  /* 底部结算栏主容器 - 改为垂直布局 */
[data-v-80b15588] .cashier-bottom-bar > div {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    gap: 12px !important;
    padding: 12px 24px !important;
}

  /* 第一行：性别、设置、已选、合计金额 */
[data-v-80b15588] .cashier-bottom-bar > div > div:first-child {
    width: 100% !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}

  /* 第二行：清空、挂单、立即结算按钮 */

  /* 香槟色滑光效果 */
.shine-button[data-v-80b15588] {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.shine-button[data-v-80b15588]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(201, 169, 98, 0.6)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(201, 169, 98, 0.6) 50%, transparent 100%);
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    -webkit-animation: shine-data-v-80b15588 2s infinite;
            animation: shine-data-v-80b15588 2s infinite;
    pointer-events: none;
    border-left: 1px solid rgba(201, 169, 98, 0.8);
    border-right: 1px solid rgba(201, 169, 98, 0.8);
}
@-webkit-keyframes shine-data-v-80b15588 {
0% {
      left: -100%;
}
100% {
      left: 100%;
}
}
@keyframes shine-data-v-80b15588 {
0% {
      left: -100%;
}
100% {
      left: 100%;
}
}
.shine-button[data-v-80b15588]:hover {
    border-color: #C9A962 !important;
    color: #C9A962 !important;
    -webkit-box-shadow: 0 0 10px rgba(201, 169, 98, 0.5);
            box-shadow: 0 0 10px rgba(201, 169, 98, 0.5);
}
.shine-button[data-v-80b15588]:disabled {
    pointer-events: none;
    opacity: 0.6;
}
.shine-button[data-v-80b15588]:disabled::before {
    -webkit-animation: none;
            animation: none;
}

  /* 立即结算按钮样式 - 王者荣耀按钮效果 */
.shine-button-primary[data-v-80b15588] {
    position: relative;
    overflow: hidden;
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: white !important;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.2) inset !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.2) inset !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.shine-button-primary[data-v-80b15588]:hover {
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), 0 0 0 2px rgba(255, 255, 255, 0.3) inset !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), 0 0 0 2px rgba(255, 255, 255, 0.3) inset !important;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
}
.shine-button-primary[data-v-80b15588]:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.2) inset !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.2) inset !important;
}
.shine-button-primary[data-v-80b15588]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.6)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    -webkit-animation: shine-data-v-80b15588 2s infinite;
            animation: shine-data-v-80b15588 2s infinite;
    pointer-events: none;
}
.shine-button-primary[data-v-80b15588]:disabled {
    opacity: 0.6;
    pointer-events: none;
}
.shine-button-primary[data-v-80b15588]:disabled::before {
    -webkit-animation: none;
            animation: none;
}
[data-v-80b15588] .cashier-bottom-bar > div > div:last-child {
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 8px !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}

  /* 按钮样式调整 */
[data-v-80b15588] .cashier-bottom-bar > div > div:last-child .el-button {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    max-width: none !important;
    margin: 0 !important;
}

  /* 立即结算按钮保持较大宽度 */
[data-v-80b15588] .cashier-bottom-bar > div > div:last-child .el-button.marquee-button {
    -webkit-box-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important;
    width: auto !important;
    max-width: none !important;
}

  /* 项目列表网格布局 - 从6列改为4列 */

  /* 针对内容区域的网格布局 - 只影响项目列表 */

  /* 匹配左侧模式和右侧模式的内容区域 */
[data-v-80b15588] .flex-1.p-6.pb-32 .grid[class*=grid-cols],[data-v-80b15588] .flex-1.overflow-hidden .flex-1.overflow-y-auto .grid[class*=grid-cols],[data-v-80b15588] .h-full.overflow-y-auto .p-4 .grid[class*=grid-cols],[data-v-80b15588] .content-list .grid[class*=grid-cols] {
    grid-template-columns: repeat(4, 1fr) !important;
}
}

/* 屏幕尺寸小于1024x1366时，类别标签页缩小10%并支持左右滚动 */
@media (max-width: 1023px), (max-height: 1365px) {
  /* 类别标签页容器 */
.tab-container[data-v-80b15588] {
    /* 支持左右滚动 */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
}

  /* 隐藏滚动条 */
.tab-container[data-v-80b15588]::-webkit-scrollbar {
    display: none;
}

  /* 类别标签页项目 - 缩小10% */
.tab-container a[data-v-80b15588] {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    margin-right: -1rem;
}

  /* 调整标签页项目的内边距，保持视觉平衡 */
.tab-container a.px-6[data-v-80b15588] {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
}
.tab-container a.py-4[data-v-80b15588] {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
}
}

/* 超小屏收银机（640px - 900px，包括800x800）- 底部结算栏进一步优化 */
@media (min-width: 640px) and (max-width: 900px) {
  /* 底部结算栏主容器 - 进一步减小间距和内边距 */
[data-v-80b15588] .cashier-bottom-bar > div {
    gap: 8px !important;
    padding: 8px 12px !important;
}

  /* 第一行内容优化 */
[data-v-80b15588] .cashier-bottom-bar > div > div:first-child {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: 6px !important;
}

  /* 第二行按钮优化 */
[data-v-80b15588] .cashier-bottom-bar > div > div:last-child {
    gap: 6px !important;
}

  /* 按钮进一步缩小 */
[data-v-80b15588] .cashier-bottom-bar > div > div:last-child .el-button {
    padding: 6px 10px !important;
    font-size: 12px !important;
}

  /* 立即结算按钮在超小屏幕上保持合理宽度 */
[data-v-80b15588] .cashier-bottom-bar > div > div:last-child .el-button.marquee-button {
    -webkit-box-flex: 1.5 !important;
        -ms-flex: 1.5 !important;
            flex: 1.5 !important;
    min-width: 120px !important;
}

  /* 主内容区域优化 */
.main-content-wrapper[data-v-80b15588] {
    min-width: 0 !important;
    /* 允许收缩 */
}

  /* 主内容区域内边距减小 */
.main-content-wrapper .p-6[data-v-80b15588] {
    padding: 12px !important;
}

  /* 分段器优化 */
.main-content-wrapper .bg-gray-100[data-v-80b15588] {
    width: auto !important;
    max-width: 100% !important;
}
.main-content-wrapper .bg-gray-100 button[data-v-80b15588] {
    padding: 6px 12px !important;
    font-size: 14px !important;
}

  /* 搜索区域优化 */
.main-content-wrapper .item-search-input[data-v-80b15588] {
    width: 200px !important;
}
.main-content-wrapper .item-search-input .el-input[data-v-80b15588] {
    width: 200px !important;
}

  /* 项目网格布局优化 - 在超小屏幕上显示更少的列 */
.main-content-wrapper .grid.grid-cols-4[data-v-80b15588],
.main-content-wrapper .grid.md\\[data-v-80b15588]:grid-cols-5,
.main-content-wrapper .grid.xl\\[data-v-80b15588]:grid-cols-8 {
    grid-template-columns: repeat(4, 1fr) !important;
    /* 从4列减少到4列 */
    gap: 8px !important;
    /* 减小间距 */
}

  /* 项目卡片优化 */
.main-content-wrapper .grid > div[data-v-80b15588] {
    padding: 8px !important;
}
.main-content-wrapper .grid .text-sm[data-v-80b15588] {
    font-size: 11px !important;
}
.main-content-wrapper .grid .text-xs[data-v-80b15588] {
    font-size: 10px !important;
}
}

/* 结算弹窗在收银终端上的优化 - 覆盖所有列出的分辨率，包括 iPad air (820×1180) */

/* 确保弹窗不受缩放影响，始终相对于视口定位，全屏显示 */
[data-v-80b15588] .payment-checkout-dialog .el-dialog {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  /* 确保不受父容器缩放影响 */
  -webkit-transform-origin: center center !important;
          transform-origin: center center !important;
  border-radius: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  /* 确保不受父容器缩放影响 */
  z-index: 2000 !important;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 15px 20px;
  position: relative;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__headerbtn {
  position: absolute !important;
  top: 15px !important;
  right: 20px !important;
  z-index: 2001 !important;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  max-height: calc(100vh - 60px);
}
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
[data-v-80b15588] .payment-checkout-dialog .el-dialog {
    height: 100vh !important;
    max-height: 100vh !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed !important;
    -webkit-transform: none !important;
            transform: none !important;
    /* 确保不受父容器缩放影响 */
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    max-height: calc(100vh - 60px);
}

  /* 横屏优化 - 让弹窗占满屏幕 (针对宽屏设备) */

  /* 竖屏优化 - 针对中等屏幕设备 */
}
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) and (orientation: landscape) and (min-width: 1024px) {
[data-v-80b15588] .payment-checkout-dialog .el-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0 !important;
    position: fixed !important;
    -webkit-transform: none !important;
            transform: none !important;
    /* 确保不受父容器缩放影响 */
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__header {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 15px 20px;
    position: relative;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    max-height: calc(100vh - 60px);
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__headerbtn {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 2001 !important;
}
}
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) and (orientation: portrait) and (max-width: 1024px) {
[data-v-80b15588] .payment-checkout-dialog .el-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__header {
    position: relative;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__headerbtn {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 2001 !important;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__body {
    max-height: calc(100vh - 60px);
}
}

/* 结算弹窗在iPad上的优化 - 仅针对iPad设备 */
@media (min-width: 768px) and (max-width: 1024px) {
[data-v-80b15588] .payment-checkout-dialog .el-dialog {
    height: 100vh !important;
    max-height: 100vh !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__header {
    position: relative;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__headerbtn {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 2001 !important;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    max-height: calc(100vh - 60px);
}

  /* iPad横屏优化 - 让弹窗占满屏幕 */
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
[data-v-80b15588] .payment-checkout-dialog .el-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0 !important;
    position: fixed !important;
    -webkit-transform: none !important;
            transform: none !important;
    /* 确保不受父容器缩放影响 */
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__header {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 15px 20px;
    position: relative;
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    max-height: calc(100vh - 60px);
}
[data-v-80b15588] .payment-checkout-dialog .el-dialog__headerbtn {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 2001 !important;
}
}

/* ==================== 项目列表图片高度响应式优化 ==================== */

/*
 * 当前图片高度设置：
 * - 有图模式：aspect-square (1:1 正方形比例) - 在 <div v-if="imageMode" class="w-full aspect-square">
 * - 无图模式：aspect-square (1:1 正方形比例) - 在 <div v-else class="w-full aspect-square">
 *
 * 为了在所有分辨率下显示正常，使用响应式优化：
 * - 使用 aspect-ratio: 1 / 1 实现正方形显示
 * - 使用媒体查询针对不同屏幕尺寸设置最小高度限制
 */

/* 确保所有图片容器使用正方形比例 */
.grid .w-full.aspect-square[data-v-80b15588] {
  aspect-ratio: 1/1 !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 确保图片正确填充容器 */
.grid .w-full.aspect-square img[data-v-80b15588] {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
}

/* 确保无图模式的图标容器也使用正方形 */
.grid .w-full.aspect-square.flex[data-v-80b15588] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* 标准收银机（1280px - 1600px） */
@media (min-width: 1280px) and (max-width: 1600px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 120px !important;
    max-height: 160px !important;
}
}

/* 中等收银机（1024px - 1279px） */
@media (min-width: 1024px) and (max-width: 1279px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 100px !important;
    max-height: 140px !important;
}
}

/* 小屏收银机（640px - 1023px） */
@media (min-width: 640px) and (max-width: 1023px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 80px !important;
    max-height: 120px !important;
}
}

/* 超小屏收银机（<640px） */
@media (max-width: 639px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 60px !important;
    max-height: 100px !important;
}
}

/* 高度适配优化（高度≤1200px） */
@media (max-height: 1200px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 100px !important;
    max-height: 140px !important;
}
}

/* 超低高度适配（高度≤800px） */
@media (max-height: 800px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 80px !important;
    max-height: 120px !important;
}
}

/* 收银机综合适配（宽度≤1600px，高度≤1200px） */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
.grid .w-full.aspect-square[data-v-80b15588] {
    min-height: 90px !important;
    max-height: 130px !important;
}
}

/* 对于不支持 aspect-ratio 的旧浏览器，使用 padding-bottom 技巧实现正方形 */
@supports not (aspect-ratio: 1) {
.grid .w-full.aspect-square[data-v-80b15588] {
    height: 0 !important;
    padding-bottom: 100% !important;
    /* 1:1 比例 */
    position: relative !important;
}
.grid .w-full.aspect-square > img[data-v-80b15588],
.grid .w-full.aspect-square > i[data-v-80b15588] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-80b15588] .el-table {
  font-size: 12px;
}
[data-v-80b15588] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-80b15588] .el-table td {
  padding: 6px 0;
}
[data-v-80b15588] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-80b15588] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-80b15588] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 表格内状态标签样式 */
[data-v-80b15588] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 内容列表样式 ==================== */
.content-list[data-v-80b15588] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
  padding-bottom: 16px;
  overflow-y: auto;
}

/* 左侧/右侧模式：为底部结算栏留出空间 */
.layout-left .content-list[data-v-80b15588],
.layout-right .content-list[data-v-80b15588] {
  padding-bottom: 80px;
}
.items-grid[data-v-80b15588] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
@media (min-width: 640px) {
.items-grid[data-v-80b15588] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.items-grid[data-v-80b15588] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.items-grid[data-v-80b15588] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1280px) {
.items-grid[data-v-80b15588] {
    grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 1920px) {
.items-grid[data-v-80b15588] {
    grid-template-columns: repeat(8, 1fr) !important;
}

  /* 确保 content-list 内的 items-grid 也显示8列 */
[data-v-80b15588] .content-list .items-grid,
.content-list .items-grid[data-v-80b15588] {
    grid-template-columns: repeat(8, 1fr) !important;
}
}
@media (min-width: 2560px) {
.items-grid[data-v-80b15588] {
    grid-template-columns: repeat(10, 1fr) !important;
}

  /* 确保 content-list 内的 items-grid 也显示10列 */
[data-v-80b15588] .content-list .items-grid,
.content-list .items-grid[data-v-80b15588] {
    grid-template-columns: repeat(10, 1fr) !important;
}
}

/* ==================== 底部模式样式 ==================== */

/* 底部疗程卡区域样式 */
.bottom-treatment-wrapper[data-v-80b15588] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  /* 使用 100% 高度，相对于父容器，而不是 100vh，这样在整体缩放时也能正确计算高度 */
  max-height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 底部模式时客户面板的特殊布局 */
.layout-bottom .customer-panel-responsive[data-v-80b15588] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 底部模式时顶部区域 */
.layout-bottom .customer-panel-responsive > .flex-shrink-0[data-v-80b15588]:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 底部模式时疗程区域 */
.layout-bottom .bottom-treatment-wrapper[data-v-80b15588] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 150px;
}

/* 底部已选项目列表样式 */
.bottom-selected-items[data-v-80b15588] {
  border-top: 1px solid #e5e7eb;
  background: white;
}

/* 底部模式表格样式优化 */
.bottom-selected-items .grid-cols-12 > div[data-v-80b15588] {
  padding: 8px 4px;
}

/* 底部模式响应式适配 */
@media (max-width: 1200px) {
.bottom-selected-items[data-v-80b15588] {
    font-size: 12px;
}
}

/* 底部已选项目列表最大高度适配 - 5行后滚动，每行约28px */
@media (max-height: 1000px) {
.bottom-selected-items .bottom-items-content[data-v-80b15588] {
    max-height: 140px;
}
}
@media (max-height: 900px) {
.bottom-selected-items .bottom-items-content[data-v-80b15588] {
    max-height: 140px;
}
}
@media (max-height: 800px) {
.bottom-selected-items .bottom-items-content[data-v-80b15588] {
    max-height: 140px;
}
}
@media (max-height: 700px) {
.bottom-selected-items .bottom-items-content[data-v-80b15588] {
    max-height: 112px;
}
}

/* ==================== 主题颜色覆盖 ==================== */

/* 使用 ::v-deep 深度选择器覆盖 Element UI 组件样式 */
[data-v-80b15588] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 单选按钮组 */
  /* Element UI 多选框 */
  /* Element UI 标签 */
  /* Element UI 分段器/标签页 */
  /* Element UI 开关 */
  /* Element UI 分页 */
}
[data-v-80b15588] .el-button--primary {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-button--primary:hover,[data-v-80b15588] .el-button--primary:focus {
  background-color: var(--theme-color-dark) !important;
  border-color: var(--theme-color-dark) !important;
}
[data-v-80b15588] .el-button--text {
  color: var(--theme-color) !important;
}
[data-v-80b15588] .el-button--text:hover,[data-v-80b15588] .el-button--text:focus {
  color: var(--theme-color-dark) !important;
}
[data-v-80b15588] .el-input__inner:focus {
  border-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-select-dropdown__item.selected {
  color: var(--theme-color) !important;
}
[data-v-80b15588] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  -webkit-box-shadow: -1px 0 0 0 var(--theme-color) !important;
          box-shadow: -1px 0 0 0 var(--theme-color) !important;
}
[data-v-80b15588] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color) !important;
}
[data-v-80b15588] .el-checkbox__inner:hover {
  border-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-tag--primary {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}
[data-v-80b15588] .el-tabs__item.is-active {
  color: var(--theme-color) !important;
}
[data-v-80b15588] .el-tabs__active-bar {
  background-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-tabs__item:hover {
  color: var(--theme-color) !important;
}
[data-v-80b15588] .el-switch.is-checked .el-switch__core {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color) !important;
}
[data-v-80b15588] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color) !important;
}
.signature-popup-content[data-v-6d321f00] {
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  padding: 0 20px;
}
.member-header[data-v-6d321f00] {
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
  color: white;
}
.member-info[data-v-6d321f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.member-name[data-v-6d321f00] {
  font-size: 18px;
  font-weight: 600;
}
.member-balances[data-v-6d321f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-size: 14px;
}
.balance-item[data-v-6d321f00] {
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 8px;
  border-radius: 4px;
}
.section-title[data-v-6d321f00] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #409eff;
}
.consumption-items[data-v-6d321f00] {
  margin-bottom: 20px;
}
.items-list[data-v-6d321f00] {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 12px;
}
.consumption-item[data-v-6d321f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e9ecef;
}
.consumption-item[data-v-6d321f00]:last-child {
  border-bottom: none;
}
.item-name[data-v-6d321f00] {
  color: #495057;
  font-weight: 500;
}
.item-amount[data-v-6d321f00] {
  color: #f56c6c;
  font-weight: 600;
}
.signature-section[data-v-6d321f00] {
  margin-bottom: 20px;
}
.signature-area[data-v-6d321f00] {
  text-align: center;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.signature-canvas[data-v-6d321f00] {
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f9f9f9;
  width: 100%;
  max-width: 700px;
  height: 200px;
  min-height: 200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

/* vue-signature-pad 样式覆盖 */
.signature-canvas[data-v-6d321f00] .signature-pad {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: block;
}
.signature-canvas[data-v-6d321f00] .signature-pad canvas {
  border-radius: 4px;
  cursor: crosshair;
  -ms-touch-action: none;
      touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 100% !important;
  height: 200px !important;
  display: block;
}
.signature-hint[data-v-6d321f00] {
  text-align: center;
  color: #909399;
  font-size: 12px;
}
.service-rating[data-v-6d321f00] {
  margin-bottom: 20px;
}
.rating-options[data-v-6d321f00] {
  text-align: center;
}
.rating-options .el-radio-group[data-v-6d321f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rating-options .el-radio-button[data-v-6d321f00] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 120px;
}
.popup-footer[data-v-6d321f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
}

/* 响应式布局 */
@media (max-width: 800px) {
.member-signature-popup .el-dialog[data-v-6d321f00] {
    width: 95% !important;
}
.member-info[data-v-6d321f00] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}
.member-balances[data-v-6d321f00] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
}
.balance-item[data-v-6d321f00] {
    text-align: center;
}
.signature-canvas[data-v-6d321f00] {
    width: 100% !important;
    max-width: 100% !important;
}
.signature-canvas[data-v-6d321f00] .signature-pad {
    width: 100% !important;
    max-width: 100% !important;
}
.signature-canvas[data-v-6d321f00] .signature-pad canvas {
    width: 100% !important;
    max-width: 100% !important;
}
}
@media (max-width: 480px) {
.member-signature-popup .el-dialog[data-v-6d321f00] {
    width: 98% !important;
    margin: 10px auto;
}
.signature-popup-content[data-v-6d321f00] {
    padding: 0 10px;
}
.rating-options .el-radio-group[data-v-6d321f00] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.rating-options .el-radio-button[data-v-6d321f00] {
    max-width: none;
}
}

/* 确保弹窗在经典模式布局中不被遮挡 */
.member-signature-popup .el-dialog__wrapper[data-v-6d321f00] {
  z-index: 9999 !important;
}
.member-signature-popup .el-dialog[data-v-6d321f00] {
  z-index: 10000 !important;
}

/* ==================== 基础布局 ==================== */
.treatment-popup-content[data-v-73f5f740] {
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  padding: 0 4px;
}

/* ==================== 筛选区域 - 分布式自适应 ==================== */
.treatment-segment[data-v-73f5f740] {
  margin-bottom: 12px;
  padding: 0;
}
.treatment-segment .el-radio-group[data-v-73f5f740] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.treatment-segment .el-radio-button[data-v-73f5f740] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  min-width: 80px;
}
.treatment-segment .el-radio-button__inner[data-v-73f5f740] {
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.treatment-cards-container[data-v-73f5f740] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 12px;
  min-height: 0;
}
.empty-state[data-v-73f5f740] {
  text-align: center;
  padding: 60px 20px;
  color: #909399;
}
.empty-state i[data-v-73f5f740] {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
}
.empty-state p[data-v-73f5f740] {
  font-size: 14px;
  margin: 0;
}
.treatment-card.expired[data-v-73f5f740] {
  opacity: 0.7;
  border-color: #dcdfe6;
  background: #f5f7fa;
}
.treatment-card.expired[data-v-73f5f740]:hover {
  border-color: #dcdfe6;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-transform: none;
          transform: none;
}
.remaining-count.expired[data-v-73f5f740] {
  color: #c0c4cc;
}
.info-value.expired[data-v-73f5f740] {
  color: #f56c6c;
  font-weight: 600;
}
.expired-btn[data-v-73f5f740] {
  background: #c0c4cc !important;
  border-color: #c0c4cc !important;
  color: white !important;
}

/* ==================== 卡片网格 - 分布式自适应 ==================== */
.treatment-cards-grid[data-v-73f5f740] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

/* ==================== 疗程卡片 - 紧凑自适应 ==================== */
.treatment-card[data-v-73f5f740] {
  border: 1px solid #e8f4ff;
  border-radius: 8px;
  padding: 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.06);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.06);
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.treatment-card[data-v-73f5f740]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#409eff), to(#67c23a));
  background: linear-gradient(90deg, #409eff, #67c23a);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.treatment-card[data-v-73f5f740]:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.treatment-card[data-v-73f5f740]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.treatment-card.selected[data-v-73f5f740] {
  border-color: #409eff;
  background: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 100%);
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.2);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.2);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-animation: cardGlow-data-v-73f5f740 2s ease-in-out infinite;
          animation: cardGlow-data-v-73f5f740 2s ease-in-out infinite;
}
.treatment-card.selected[data-v-73f5f740]::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.treatment-header[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(64, 158, 255, 0.08);
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
  min-width: 0;
}

/* 🔥 组合疗程样式（恢复原样） */
.treatment-card.combination-main[data-v-73f5f740] {
  border: 1px solid #e8f4ff;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
.treatment-card.combination-main[data-v-73f5f740]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

/* 🔥 组合疗程附加项目也使用蓝色样式（统一） */
.treatment-card.combination-additional[data-v-73f5f740] {
  border: 1px solid #e8f4ff;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
  margin-top: 12px;
}
.treatment-card.combination-additional[data-v-73f5f740]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

/* 组合疗程标识 */
.treatment-name-row[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.combo-name-badge[data-v-73f5f740] {
  display: inline-block;
  padding: 2px 8px;
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  color: white;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}
.additional-badge[data-v-73f5f740] {
  display: inline-block;
  padding: 2px 8px;
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);  /* 🔥 改为蓝色 */
  color: white;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}
.shared-tip[data-v-73f5f740] {
  display: inline-block;
  padding: 2px 6px;
  background: #e6f7ff;
  color: #1890ff;
  border-radius: 3px;
  font-size: 10px;
  margin-left: 4px;
  font-weight: 500;
}
.treatment-name[data-v-73f5f740] {
  font-size: 14px;
  font-weight: 600;
  color: #248df5;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.treatment-card .treatment-type.gift ~ .treatment-name[data-v-73f5f740] {
  color: #e6a23c;
}
.treatment-status[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.treatment-type[data-v-73f5f740] {
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  color: white;
  white-space: nowrap;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.treatment-type[data-v-73f5f740]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.treatment-card:hover .treatment-type[data-v-73f5f740]::before {
  left: 100%;
}
.treatment-type.normal[data-v-73f5f740] {
  background: linear-gradient(135deg, #409eff, #66b1ff);
}
.treatment-type.gift[data-v-73f5f740] {
  background: linear-gradient(135deg, #e6a23c, #ebb563);
}
.remaining-count[data-v-73f5f740] {
  color: #67c23a;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.total-count[data-v-73f5f740] {
  color: #909399;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.treatment-details[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.treatment-info[data-v-73f5f740] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.info-item[data-v-73f5f740] {
  margin-bottom: 4px;
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.info-item[data-v-73f5f740]:last-child {
  margin-bottom: 0;
}
.info-label[data-v-73f5f740] {
  color: #666;
  font-weight: 500;
  min-width: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.info-label[data-v-73f5f740]::before {
  content: '•';
  color: #409eff;
  margin-right: 4px;
  font-weight: bold;
}
.info-value[data-v-73f5f740] {
  color: #333;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.treatment-actions[data-v-73f5f740] {
  margin-left: 12px;
}
.use-btn[data-v-73f5f740] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  border-color: #67c23a;
  color: white;
  font-weight: 500;
  font-size: 11px;
  padding: 4px 10px;
  height: auto;
  line-height: 1.2;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.use-btn[data-v-73f5f740]:hover {
  background: linear-gradient(135deg, #5daf34 0%, #7bc24a 100%);
  border-color: #5daf34;
}
.use-btn[data-v-73f5f740]:disabled {
  background: #c2c2c2;
  border-color: #c2c2c2;
  cursor: not-allowed;
}
.selected-treatments[data-v-73f5f740] {
  padding: 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  margin-bottom: 20px;
}
.selected-title[data-v-73f5f740] {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 12px;
}
.selected-list[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.selected-item[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  background: white;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}
.selected-info[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.selected-name[data-v-73f5f740] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}
.selected-count[data-v-73f5f740] {
  font-size: 12px;
  color: #909399;
}
.remove-btn[data-v-73f5f740] {
  color: #f56c6c;
  padding: 4px;
}
.remove-btn[data-v-73f5f740]:hover {
  color: #f78989;
  background: #fef0f0;
}
.popup-footer[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
}

/* 附加项目样式 */
.additional-item[data-v-73f5f740] {
  background-color: #f8f9fa;
  border-left: 3px solid #409eff;
}
.parent-item-info[data-v-73f5f740] {
  margin-top: 4px;
  font-size: 12px;
  color: #909399;
}
.parent-label[data-v-73f5f740] {
  font-weight: 500;
}
.parent-name[data-v-73f5f740] {
  color: #409eff;
  font-weight: 500;
}
.shared-count-tip[data-v-73f5f740] {
  margin-top: 2px;
  font-size: 11px;
  color: #67c23a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.shared-count-tip i[data-v-73f5f740] {
  font-size: 10px;
}
.combo-details[data-v-73f5f740] {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #f0f0f0;
}
.combo-details-header[data-v-73f5f740] {
  margin-bottom: 4px;
}
.combo-details-header .info-label[data-v-73f5f740] {
  font-weight: 600;
  color: #409eff;
  font-size: 11px;
}
.combo-details-list[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.combo-detail-item[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  background: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  font-size: 11px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
}

/* 🔥 组合疗程项目详情换行显示 */
.combination-details .combo-detail-item[data-v-73f5f740] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.detail-info-combination[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.detail-name-row[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.detail-quantity-row[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #67c23a;
  font-weight: 500;
}
.combination-details .detail-actions[data-v-73f5f740] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 4px;
}
.combo-detail-item.expired[data-v-73f5f740] {
  background: #f5f5f5;
  border-color: #dcdfe6;
  opacity: 0.8;
}
.detail-info[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.detail-price[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  min-width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.detail-price .price-label[data-v-73f5f740] {
  color: #909399;
  font-size: 10px;
}
.detail-price .price-value[data-v-73f5f740] {
  color: #f56c6c;
  font-weight: 600;
  font-size: 11px;
}
.detail-name[data-v-73f5f740] {
  color: #303133;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.detail-type[data-v-73f5f740] {
  padding: 1px 3px;
  border-radius: 2px;
  font-size: 9px;
  font-weight: 600;
  color: white;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.detail-type.service[data-v-73f5f740] {
  background-color: #67c23a;
}
.detail-type.goods[data-v-73f5f740] {
  background-color: #e6a23c;
}
.detail-type.additional[data-v-73f5f740] {
  background-color: #f56c6c;
}
.detail-quantity[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-weight: 500;
}
.detail-quantity .remaining[data-v-73f5f740] {
  color: #67c23a;
}
.detail-quantity .remaining.expired[data-v-73f5f740] {
  color: #c0c4cc;
}
.detail-quantity .total[data-v-73f5f740] {
  color: #909399;
}

/* 🔥 项目有效期样式 */
.detail-validity[data-v-73f5f740] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: 11px;
  color: #909399;
}
.validity-label[data-v-73f5f740] {
  color: #909399;
  font-weight: 500;
}
.validity-value[data-v-73f5f740] {
  color: #409eff;
  font-weight: 600;
}

/* 卡片动画效果 */
@-webkit-keyframes cardGlow-data-v-73f5f740 {
0% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
50% {
    -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
            box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
}
100% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
}
@keyframes cardGlow-data-v-73f5f740 {
0% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
50% {
    -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
            box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
}
100% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
}
@-webkit-keyframes cardSlideIn-data-v-73f5f740 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes cardSlideIn-data-v-73f5f740 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* ==================== 响应式布局 - 完全自适应 ==================== */
@media (max-width: 1400px) {
.treatment-cards-grid[data-v-73f5f740] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
}
@media (max-width: 1200px) {
.member-treatment-popup .el-dialog[data-v-73f5f740] {
    width: 95% !important;
}
.treatment-cards-grid[data-v-73f5f740] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.treatment-name[data-v-73f5f740] {
    font-size: 13px;
}
}
@media (max-width: 992px) {
.treatment-cards-grid[data-v-73f5f740] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
}
.treatment-card[data-v-73f5f740] {
    padding: 10px;
}
}
@media (max-width: 768px) {
.member-treatment-popup .el-dialog[data-v-73f5f740] {
    width: 98% !important;
    margin: 10px auto;
}
.treatment-cards-grid[data-v-73f5f740] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px;
}
.treatment-card[data-v-73f5f740] {
    padding: 8px;
}
.treatment-name[data-v-73f5f740] {
    font-size: 12px;
}
.treatment-type[data-v-73f5f740] {
    font-size: 9px;
    padding: 1px 4px;
}
.remaining-count[data-v-73f5f740],
  .total-count[data-v-73f5f740] {
    font-size: 11px;
}
.info-item[data-v-73f5f740] {
    font-size: 10px;
}
.combo-detail-item[data-v-73f5f740] {
    font-size: 10px;
    padding: 4px 6px;
}
}
@media (max-width: 576px) {
.treatment-cards-grid[data-v-73f5f740] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.treatment-header[data-v-73f5f740] {
    gap: 6px;
}
.treatment-status[data-v-73f5f740] {
    gap: 4px;
}
.combo-detail-item[data-v-73f5f740] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
}
.detail-actions[data-v-73f5f740] {
    margin-left: 0;
    margin-top: 4px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
}
@media (max-width: 480px) {
.member-treatment-popup .el-dialog[data-v-73f5f740] {
    width: 100% !important;
    margin: 5px;
}
.treatment-card[data-v-73f5f740] {
    padding: 8px;
}
.selected-treatments[data-v-73f5f740] {
    padding: 10px;
}
.treatment-segment .el-radio-button__inner[data-v-73f5f740] {
    padding: 6px 8px;
    font-size: 12px;
}
}

/* 确保弹窗在经典模式布局中不被遮挡 */
.member-treatment-popup .el-dialog__wrapper[data-v-73f5f740] {
  z-index: 9999 !important;
}
.member-treatment-popup .el-dialog[data-v-73f5f740] {
  z-index: 10000 !important;
}

.treatment-popup-content[data-v-3be62777] {
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.treatment-segment[data-v-3be62777] {
  margin-bottom: 20px;
  padding: 0 8px;
}
.treatment-segment .el-radio-group[data-v-3be62777] {
  width: 100%;
}
.treatment-segment .el-radio-button[data-v-3be62777] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.treatment-cards-container[data-v-3be62777] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 20px;
}
.treatment-card.expired[data-v-3be62777] {
  opacity: 0.8;
  border-color: #ffd6d6;
  background: linear-gradient(135deg, #fff5f5 0%, #ffeaea 100%);
  position: relative;
  overflow: hidden;
}
.treatment-card.expired[data-v-3be62777]::before {
  background: -webkit-gradient(linear, left top, right top, from(#f56c6c), to(#f78989));
  background: linear-gradient(90deg, #f56c6c, #f78989);
}
.treatment-card.expired[data-v-3be62777]::after {
  content: '已过期';
  position: absolute;
  top: 10px;
  right: -30px;
  background: #f56c6c;
  color: white;
  padding: 4px 30px;
  font-size: 12px;
  font-weight: 600;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 0 2px 8px rgba(245, 108, 108, 0.3);
          box-shadow: 0 2px 8px rgba(245, 108, 108, 0.3);
}
.treatment-card.expired[data-v-3be62777]:hover {
  border-color: #f56c6c;
  -webkit-box-shadow: 0 4px 12px rgba(245, 108, 108, 0.15);
          box-shadow: 0 4px 12px rgba(245, 108, 108, 0.15);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.remaining-count.expired[data-v-3be62777] {
  color: #c0c4cc;
  text-shadow: none;
}
.info-value.expired[data-v-3be62777] {
  color: #f56c6c;
  font-weight: 600;
}
.expired-btn[data-v-3be62777] {
  background: linear-gradient(135deg, #c0c4cc 0%, #d3d4d6 100%) !important;
  border: none !important;
  color: white !important;
  font-weight: 500;
  border-radius: 20px !important;
  padding: 8px 16px !important;
  -webkit-box-shadow: 0 2px 4px rgba(192, 196, 204, 0.3) !important;
          box-shadow: 0 2px 4px rgba(192, 196, 204, 0.3) !important;
}
.treatment-cards-grid[data-v-3be62777] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.treatment-card[data-v-3be62777] {
  border: 1px solid #e8f4ff;
  border-radius: 12px;
  padding: 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
  position: relative;
  overflow: hidden;
}
.treatment-card[data-v-3be62777]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#409eff), to(#67c23a));
  background: linear-gradient(90deg, #409eff, #67c23a);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.treatment-card[data-v-3be62777]:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.treatment-card[data-v-3be62777]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.15);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.treatment-card.selected[data-v-3be62777] {
  border-color: #409eff;
  background: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 100%);
  -webkit-box-shadow: 0 8px 24px rgba(64, 158, 255, 0.2);
          box-shadow: 0 8px 24px rgba(64, 158, 255, 0.2);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.treatment-card.selected[data-v-3be62777]::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.treatment-header[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(64, 158, 255, 0.1);
  position: relative;
}
.treatment-name[data-v-3be62777] {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.2;
  margin-bottom: 4px;
}
.treatment-card .treatment-name[data-v-3be62777] {
  color: #248df5;
}
.treatment-card .treatment-type.gift ~ .treatment-name[data-v-3be62777] {
  color: #e6a23c;
}
.treatment-status[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.treatment-type[data-v-3be62777] {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.treatment-type[data-v-3be62777]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.treatment-card:hover .treatment-type[data-v-3be62777]::before {
  left: 100%;
}
.treatment-type.normal[data-v-3be62777] {
  background: linear-gradient(135deg, #409eff, #66b1ff);
}
.treatment-type.gift[data-v-3be62777] {
  background: linear-gradient(135deg, #e6a23c, #ebb563);
}
.treatment-type.multi[data-v-3be62777] {
  background: linear-gradient(135deg, #f56c6c, #f78989);
}
.remaining-count[data-v-3be62777] {
  color: #67c23a;
  font-weight: 700;
  font-size: 18px;
  text-shadow: 0 2px 4px rgba(103, 194, 58, 0.2);
}
.total-count[data-v-3be62777] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
.year-card-tag[data-v-3be62777] {
  background: linear-gradient(135deg, #f56c6c, #f78989);
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 10px;
  margin-left: 5px;
  font-weight: 600;
}
.treatment-details[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
}
.treatment-info[data-v-3be62777] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.info-item[data-v-3be62777] {
  margin-bottom: 8px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.info-item[data-v-3be62777]:last-child {
  margin-bottom: 0;
}
.info-label[data-v-3be62777] {
  color: #666;
  font-weight: 500;
  min-width: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-label[data-v-3be62777]::before {
  content: '•';
  color: #409eff;
  margin-right: 6px;
  font-weight: bold;
}
.info-value[data-v-3be62777] {
  color: #333;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.treatment-actions[data-v-3be62777] {
  margin-left: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.use-btn[data-v-3be62777] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  border: none;
  color: white;
  font-weight: 600;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px rgba(103, 194, 58, 0.3);
          box-shadow: 0 4px 12px rgba(103, 194, 58, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.use-btn[data-v-3be62777]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.use-btn[data-v-3be62777]:hover::before {
  left: 100%;
}
.use-btn[data-v-3be62777]:hover {
  background: linear-gradient(135deg, #5daf34 0%, #7bc24a 100%);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 16px rgba(103, 194, 58, 0.4);
          box-shadow: 0 6px 16px rgba(103, 194, 58, 0.4);
}
.use-btn[data-v-3be62777]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
}
.use-btn[data-v-3be62777]:disabled {
  background: linear-gradient(135deg, #c0c4cc 0%, #d3d4d6 100%);
  border: none;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: 0 2px 4px rgba(192, 196, 204, 0.3);
          box-shadow: 0 2px 4px rgba(192, 196, 204, 0.3);
}
.multi-use-btn[data-v-3be62777] {
  background: linear-gradient(135deg, #e6a23c 0%, #ebb563 100%);
  border: none;
  color: white;
  font-weight: 600;
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px rgba(230, 162, 60, 0.3);
          box-shadow: 0 4px 12px rgba(230, 162, 60, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.multi-use-btn[data-v-3be62777]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.multi-use-btn[data-v-3be62777]:hover::before {
  left: 100%;
}
.multi-use-btn[data-v-3be62777]:hover {
  background: linear-gradient(135deg, #d9911a 0%, #e6a23c 100%);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 16px rgba(230, 162, 60, 0.4);
          box-shadow: 0 6px 16px rgba(230, 162, 60, 0.4);
}
.multi-use-btn[data-v-3be62777]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 8px rgba(230, 162, 60, 0.3);
          box-shadow: 0 2px 8px rgba(230, 162, 60, 0.3);
}
.multi-use-btn[data-v-3be62777]:disabled {
  background: linear-gradient(135deg, #c0c4cc 0%, #d3d4d6 100%);
  border: none;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: 0 2px 4px rgba(192, 196, 204, 0.3);
          box-shadow: 0 2px 4px rgba(192, 196, 204, 0.3);
}

/* 多项目使用弹窗样式 */
.multi-project-dialog .el-dialog__body[data-v-3be62777] {
  padding: 20px;
}
.dialog-title[data-v-3be62777] {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebeef5;
}
.project-list[data-v-3be62777] {
  max-height: 300px;
  overflow-y: auto;
}
.project-item[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fafafa;
}
.project-item[data-v-3be62777]:hover {
  border-color: #409eff;
  background: #f0f7ff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
}
.project-item.selected[data-v-3be62777] {
  border-color: #409eff;
  background: #ecf5ff;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
}
.project-info[data-v-3be62777] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.project-name[data-v-3be62777] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 4px;
}
.project-count[data-v-3be62777] {
  font-size: 14px;
  color: #909399;
}
.project-checkbox[data-v-3be62777] {
  margin-left: 10px;
}
.dialog-footer[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  padding-top: 20px;
  border-top: 1px solid #ebeef5;
}
.selected-treatments[data-v-3be62777] {
  padding: 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  margin-bottom: 20px;
}
.selected-title[data-v-3be62777] {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 12px;
}
.selected-list[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.selected-item[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  background: white;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}
.selected-info[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.selected-name[data-v-3be62777] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}
.selected-count[data-v-3be62777] {
  font-size: 12px;
  color: #909399;
}
.remove-btn[data-v-3be62777] {
  color: #f56c6c;
  padding: 4px;
}
.remove-btn[data-v-3be62777]:hover {
  color: #f78989;
  background: #fef0f0;
}
.popup-footer[data-v-3be62777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
}
.use-together-btn[data-v-3be62777] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  border: none;
  color: white;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 12px rgba(103, 194, 58, 0.3);
          box-shadow: 0 4px 12px rgba(103, 194, 58, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}
.use-together-btn[data-v-3be62777]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.use-together-btn[data-v-3be62777]:hover::before {
  left: 100%;
}
.use-together-btn[data-v-3be62777]:hover {
  background: linear-gradient(135deg, #5daf34 0%, #7bc24a 100%);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 16px rgba(103, 194, 58, 0.4);
          box-shadow: 0 6px 16px rgba(103, 194, 58, 0.4);
}
.use-together-btn[data-v-3be62777]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
          box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
}

/* 卡片动画效果 */
@-webkit-keyframes cardGlow-data-v-3be62777 {
0% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
50% {
    -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
            box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
}
100% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
}
@keyframes cardGlow-data-v-3be62777 {
0% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
50% {
    -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
            box-shadow: 0 6px 16px rgba(64, 158, 255, 0.15);
}
100% {
    -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
            box-shadow: 0 4px 12px rgba(64, 158, 255, 0.08);
}
}
.treatment-card.selected[data-v-3be62777] {
  -webkit-animation: cardGlow-data-v-3be62777 2s ease-in-out infinite;
          animation: cardGlow-data-v-3be62777 2s ease-in-out infinite;
}

/* 卡片进入动画 */
.treatment-card[data-v-3be62777] {
  -webkit-animation: cardSlideIn-data-v-3be62777 0.5s ease-out;
          animation: cardSlideIn-data-v-3be62777 0.5s ease-out;
}
@-webkit-keyframes cardSlideIn-data-v-3be62777 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes cardSlideIn-data-v-3be62777 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* 响应式布局 */
@media (max-width: 1200px) {
.treatment-cards-grid[data-v-3be62777] {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
}
@media (max-width: 1000px) {
.member-treatment-popup .el-dialog[data-v-3be62777] {
    width: 95% !important;
}
.treatment-cards-grid[data-v-3be62777] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.member-treatment-popup .el-dialog[data-v-3be62777] {
    width: 98% !important;
    margin: 10px auto;
}
.treatment-cards-grid[data-v-3be62777] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.treatment-details[data-v-3be62777] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}
.treatment-actions[data-v-3be62777] {
    margin-left: 0;
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.treatment-header[data-v-3be62777] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.treatment-status[data-v-3be62777] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}
@media (max-width: 480px) {
.member-treatment-popup .el-dialog[data-v-3be62777] {
    width: 100% !important;
    margin: 5px;
}
.treatment-card[data-v-3be62777] {
    padding: 16px;
}
.treatment-name[data-v-3be62777] {
    font-size: 16px;
}
.remaining-count[data-v-3be62777] {
    font-size: 16px;
}
.info-item[data-v-3be62777] {
    font-size: 12px;
}
.use-btn[data-v-3be62777] {
    padding: 6px 14px;
    font-size: 12px;
}
}

/* 确保弹窗在经典模式布局中不被遮挡 */
.member-treatment-popup .el-dialog__wrapper[data-v-3be62777] {
  z-index: 9999 !important;
}
.member-treatment-popup .el-dialog[data-v-3be62777] {
  z-index: 10000 !important;
}

.new-cashier-container[data-v-53ed4fea] {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* ==================== 基础布局样式 - 同步 tianmeiHistory 样式 ==================== */
.app-container[data-v-289770d0] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-289770d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-289770d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-289770d0] {
  margin: 0;
}
.filter-container .left-items > *[data-v-289770d0],
.filter-container .right-items > *[data-v-289770d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-289770d0] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-289770d0] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px */
[data-v-289770d0] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-289770d0] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
[data-v-289770d0] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-289770d0] .el-input__icon {
  line-height: 28px;
}
[data-v-289770d0] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-289770d0] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-289770d0] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-289770d0] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-289770d0] .el-range-input {
  font-size: 12px;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-289770d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-289770d0] .el-table {
  font-size: 12px;
}
[data-v-289770d0] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-289770d0] .el-table td {
  padding: 6px 0;
}
[data-v-289770d0] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 操作内容列样式 - 允许换行显示完整内容 */
[data-v-289770d0] .el-table .content-column .cell {
  white-space: normal;
  word-break: break-all;
  line-height: 1.5;
}
.content-cell[data-v-289770d0] {
  font-size: 12px;
  color: #606266;
  line-height: 1.5;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-289770d0] {
  margin-top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* ==================== 工具类 ==================== */
.mr-2[data-v-289770d0] {
  margin-right: 8px;
}
.mt-1[data-v-289770d0] {
  margin-top: 4px;
}
.text-gray[data-v-289770d0] {
  color: #909399;
  font-size: 12px;
}

/* ==================== 响应式样式 - 同步 projectList 样式 ==================== */
@media screen and (max-width: 1200px) {
.filter-container .left-items[data-v-289770d0] {
    gap: 6px;
}
.table-wrapper[data-v-289770d0] {
    overflow-x: auto;
}
[data-v-289770d0] .el-table {
    min-width: 1200px;
}
[data-v-289770d0] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-289770d0] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-289770d0] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-289770d0] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-289770d0] {
    overflow-x: auto;
}
[data-v-289770d0] .el-table {
    min-width: 1200px;
}
[data-v-289770d0] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-289770d0] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container[data-v-289770d0] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-289770d0] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-289770d0] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.table-wrapper[data-v-289770d0] {
    overflow-x: auto;
}
[data-v-289770d0] .el-table {
    min-width: 1200px;
}
.pagination-container[data-v-289770d0] {
    height: 32px;
}
}
@media screen and (max-width: 480px) {
.filter-container .left-items[data-v-289770d0] {
    gap: 4px;
}
.filter-container .left-items > *[data-v-289770d0] {
    min-width: 100px;
}
.table-wrapper[data-v-289770d0] {
    overflow-x: auto;
}
[data-v-289770d0] .el-table {
    min-width: 1200px;
}
[data-v-289770d0] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-289770d0] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
.pagination-container[data-v-289770d0] {
    height: 32px;
}
}

.el-form-item[data-v-78d305c2] {
  margin-bottom: 15px;
}
.el-form-item span[data-v-78d305c2] {
  color: #606266;
  font-size: 14px;
}

[data-v-098dd9a0]::-webkit-scrollbar {
  display: none;
}
.flex[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.leftModel[data-v-098dd9a0] {
  width: 375px;
  height: 700px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  margin: 30px 40px 0 0;
  background: #f5f5f5;
  margin-bottom: 27px;
  position: relative;
}
.current_home[data-v-098dd9a0] {
  width: 100%;
  height: 680px;
  overflow-y: scroll;
}
.model_header[data-v-098dd9a0] {
  width: 375px;
  height: 54px;
  background: #e93323;
  padding: 13px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.model_header .header_search[data-v-098dd9a0] {
  width: 271px;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 14px;
  background: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 14px;
  color: #bbb;
  font-size: 18px;
}
.model_banner[data-v-098dd9a0] {
  width: 375px;
  height: 139px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#e93323), to(#f5f5f5));
  background: linear-gradient(180deg, #e93323 0%, #f5f5f5 100%);
}
.model_news[data-v-098dd9a0] {
  margin: 12px auto 12px;
  padding: 0 6px 0;
  width: 345px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
  line-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.model_nav[data-v-098dd9a0] {
  width: 345px;
  height: 158px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
  margin: 0 auto 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.model_nav_item[data-v-098dd9a0] {
  width: 20%;
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
}
.model_nav_item img[data-v-098dd9a0] {
  width: 40px;
  height: 40px;
}
.model_nav_item p[data-v-098dd9a0] {
  font-size: 12px;
  color: #454545;
  padding-top: 3px;
  margin: 0;
}
.page-foot[data-v-098dd9a0] {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
}
.page-fooot[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: absolute;
  bottom: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
.page-fooot .foot-item[data-v-098dd9a0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}
.page-fooot .foot-item .el-image[data-v-098dd9a0] {
  width: 24px;
  height: 24px;
}
.page-fooot .foot-item p[data-v-098dd9a0] {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #282828;
  margin-top: 3px;
}
.page-fooot .foot-item p.textE93323[data-v-098dd9a0] {
  color: #e93323;
}
.select_ctive[data-v-098dd9a0] {
  border: 1px dashed #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flex_between[data-v-098dd9a0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.right-box[data-v-098dd9a0] {
  width: 95%;
  min-width: 400px;
  border-radius: 4px;
  height: 700px;
  overflow-y: scroll;
  padding: 0 10px;
  margin-top: 30px;
}
.right-box[data-v-098dd9a0]::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.right-box[data-v-098dd9a0]::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.right-box[data-v-098dd9a0]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #fff;
          box-shadow: inset 0 0 5px #fff;
  border-radius: 4px;
  background: #fff;
}
.title-bar[data-v-098dd9a0] {
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  color: #303133;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.title-bar[data-v-098dd9a0]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 16px;
  background: var(--prev-color-primary);
}
.mobile-config[data-v-098dd9a0] {
  padding: 0 15px 20px 0px;
}
.mobile-config .box-item[data-v-098dd9a0] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding: 20px 30px 20px 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.mobile-config .box-item .left-tool[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
}
.mobile-config .box-item .left-tool .move-icon[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 80px;
  cursor: move;
  color: #d8d8d8;
  font-size: 25px;
}
.mobile-config .box-item .right-wrapper[data-v-098dd9a0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-config .box-item .right-wrapper .img-wrapper[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item[data-v-098dd9a0] {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  cursor: pointer;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item.disabled[data-v-098dd9a0] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f5f7fa;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item img[data-v-098dd9a0] {
  display: block;
  width: 100%;
  height: 100%;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item .empty-img[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  font-size: 12px;
  color: #bfbfbf;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item .txt[data-v-098dd9a0] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 12px;
}
.mobile-config .box-item .right-wrapper .info[data-v-098dd9a0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 12px;
}
.mobile-config .box-item .right-wrapper .info .info-item[data-v-098dd9a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.mobile-config .box-item .right-wrapper .info .info-item span[data-v-098dd9a0] {
  width: 40px;
  font-size: 13px;
}
.mobile-config .box-item .right-wrapper .info .info-item .input-box[data-v-098dd9a0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-config .box-item .delect-btn[data-v-098dd9a0] {
  position: absolute;
  right: -12px;
  top: -16px;
  color: #999999;
  z-index: 11;
}
.mobile-config .box-item .delect-btn .el-icon-circle-close[data-v-098dd9a0] {
  font-size: 21px;
  color: #999;
  cursor: pointer;
}
.mr20[data-v-098dd9a0] {
  margin-right: 20px;
}
.mb20[data-v-098dd9a0] {
  margin-bottom: 20px;
}
.mt20[data-v-098dd9a0] {
  margin-top: 20px;
}
.footer_btn[data-v-098dd9a0] {
  border-top: 1px solid #eee;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cur_pointer[data-v-098dd9a0] {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cur_pointer[data-v-098dd9a0]:hover {
  opacity: 0.8;
}
.select_ctive[data-v-098dd9a0] {
  border: 1px dashed #666 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.iconfont[data-v-82cd38cc] {
  margin-left: 7px;
  font-size: 24px;
  margin-top: -7px;
  z-index: 1;
  color: #bbbbbb;
  margin-bottom: -7px;
}
.c_row-item[data-v-82cd38cc] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c_row-item .c_label[data-v-82cd38cc] {
  margin-right: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.color-box[data-v-82cd38cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.color-box .color-item[data-v-82cd38cc] {
  margin-bottom: 10px;
}
.color-box .color-item[data-v-82cd38cc]:last-child {
  margin-bottom: 0;
}
.color-box .color-item span[data-v-82cd38cc] {
  margin-left: 10px;
  color: #1890ff;
  font-size: 13px;
  cursor: pointer;
}
.label[data-v-0fce2b22] {
  font-size: 12px;
  color: #999;
}
.slider-box[data-v-0fce2b22] {
  width: 81%;
}
[data-v-0fce2b22] .el-cascader__search-input {
  background-color: #fff !important;
}
.radio-boxs[data-v-3fff6ff4] .el-checkbox__label {
  font-size: 14px !important;
}
.title-tips[data-v-3fff6ff4] {
  font-size: 12px;
  color: #999;
}
.mobile-config[data-v-4a9895dc] {
  height: 63px;
  padding: 0 15px;
  line-height: 63px;
}
.mobile-config .title-right[data-v-4a9895dc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.mobile-config .title-bar[data-v-4a9895dc] {
  font-size: 16px;
  color: #333;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 600;
  white-space: nowrap;
}
.radio-boxs[data-v-4a9895dc] {
  width: 140px;
  height: 28px;
  cursor: pointer;
  background: #f9f9f9;
  border-radius: 14px 14px 14px 14px;
  margin-top: 0;
  opacity: 1;
  font-size: 12px;
  color: #333333;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radio-boxs .btn[data-v-4a9895dc] {
  width: 70px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.radio-boxs .btn[data-v-4a9895dc]:hover {
  opacity: 0.8;
}
.radio-boxs .active[data-v-4a9895dc] {
  background: var(--prev-color-primary);
  border-radius: 14px 14px 14px 14px;
  opacity: 1;
  color: #fff;
  z-index: 3;
}
.checkout-hot-box .checkout-hot-radio[data-v-42a26885] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hot-title[data-v-42a26885] {
  color: #333;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
}
@charset "UTF-8";
.tabBox_img[data-v-599032dd] {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
}
.tabBox_img img[data-v-599032dd] {
  width: 100%;
  height: 100%;
}

/*定义滑块 内阴影+圆角*/
[data-v-599032dd]::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #ddd;
}
[data-v-599032dd]::-webkit-scrollbar {
  width: 4px !important;
  /*对垂直流动条有效*/
}
.on[data-v-599032dd] {
  background-color: #2d8cf0 !important;
  color: #fff !important;
}
.menu-item[data-v-599032dd] {
  position: relative;
}
.menu-item display flex justify-content space-between word-break break-all .icon-box[data-v-599032dd] {
  z-index: 3 position absolute right 20px top 50% transform translateY(-50%) display none;
}
.menu-item:hover .icon-box[data-v-599032dd] {
  display: block;
}
.menu-item .right-menu[data-v-599032dd] {
  z-index: 10;
  position: absolute;
  right: -106px;
  top: -11px;
  width: auto;
  min-width: 121px;
}
.table_box[data-v-599032dd] {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.table_box .left_box[data-v-599032dd] {
  width: 171px;
  height: 470px;
  border-right: 1px solid #eeeeee;
  overflow-x: hidden;
  overflow-y: auto;
}
.table_box .left_box .left_cont[data-v-599032dd] {
  margin-bottom: 12px;
  cursor: pointer;
}
.table_box .right_box[data-v-599032dd] {
  margin-left: 23px;
  font-size: 13px;
  font-family: PingFang SC;
  width: 645px;
  height: 470px;
  overflow-x: hidden;
  overflow-y: auto;
}
.table_box .right_box .cont[data-v-599032dd] {
  font-weight: 500;
  color: #000000;
  font-weight: bold;
}
.table_box .right_box .Box[data-v-599032dd] {
  margin-top: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.table_box .right_box .Box .cont_box[data-v-599032dd] {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-radius: 3px;
  text-align: center;
  padding: 7px 30px;
  margin-right: 10px;
  margin-bottom: 18px;
  cursor: pointer;
}
.table_box .right_box .Box .cont_box[data-v-599032dd]:hover {
  background-color: #eee;
  color: #333;
}
.table_box .right_box .Box .item[data-v-599032dd] {
  position: relative;
}
.table_box .right_box .Box .item .iconfont[data-v-599032dd] {
  display: none;
}
.table_box .right_box .Box .item:hover .iconfont[data-v-599032dd] {
  display: block;
}
.table_box .right_box .Box .iconfont[data-v-599032dd] {
  position: absolute;
  right: 9px;
  top: -8px;
  font-size: 18px;
  color: #333;
}
.table_box .Button[data-v-599032dd] {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-family: PingFangSC-Regular;
}
.table_box .Button text-align center .cancel[data-v-599032dd] {
  width: 70px;
  height: 32px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1490196078);
  border-radius: 2px;
  font-size: 14px;
  color: #000000;
  line-height: 32px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.table_box .Button .ok[data-v-599032dd] {
  width: 70px;
  height: 32px;
  background: #1890ff;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
  line-height: 32px;
  float: left;
  cursor: pointer;
}
[data-v-599032dd] .el-tree-node:focus > .el-tree-node__content {
  color: #409eff;
}
[data-v-599032dd] .el-pagination {
  margin-top: 20px;
}
[data-v-599032dd] .el-table__indent {
  padding-left: 0 !important;
}
[data-v-599032dd] .el-radio__label {
  display: none;
}
[data-v-65153c96].el-input__inner {
  font-size: 12px;
}
.c_product[data-v-65153c96] {
  padding-bottom: 20px;
}
.c_product .list-box .item[data-v-65153c96] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
  padding: 16px 20px;
  width: 100%;
  background: #f9f9f9;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
}
.c_product .list-box .item[data-v-65153c96]:first-of-type {
  margin-top: 20px;
}
.c_product .list-box .item .delete[data-v-65153c96] {
  position: absolute;
  right: 0;
  top: 0;
  right: -13px;
  top: -14px;
  color: #999999;
  cursor: pointer;
}
.c_product .list-box .move-icon[data-v-65153c96] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: move;
}
.c_product .list-box .content[data-v-65153c96] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c_product .list-box .content .con-item[data-v-65153c96] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.c_product .list-box .content .con-item[data-v-65153c96]:last-child {
  margin-bottom: 0;
}
.c_product .list-box .content .con-item span[data-v-65153c96] {
  width: 80px;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.c_product .list-box .content .con-item[data-v-65153c96]  .el-radio {
  font-size: 12px !important;
}
.c_product .add-btn[data-v-65153c96] {
  margin-top: 18px;
}
.title[data-v-65153c96] {
  font-size: 12px;
  color: #bbbbbb;
}
.iconfont-diy[data-v-65153c96],
.iconfont[data-v-65153c96] {
  color: #dddddd;
  font-size: 38px;
}
.img-box[data-v-666479c2] {
  position: relative;
  width: 64px;
  height: 64px;
}
.img-box img[data-v-666479c2] {
  width: 100%;
  height: 100%;
}
.upload-box[data-v-666479c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 12px;
  color: #cccccc;
}
.upload-box .iconfont[data-v-666479c2] {
  font-size: 16px;
}
[data-v-666479c2].ivu-input {
  font-size: 13px !important;
}
.tips[data-v-666479c2] {
  font-size: 12px;
  color: #bbbbbb;
}
.box-item[data-v-666479c2] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 16px 20px;
  width: 100%;
  background: #f9f9f9;
  border-radius: 3px 3px 3px 3px;
}
.box-item .del-box[data-v-666479c2] {
  position: absolute;
  right: -9px;
  top: -12px;
  cursor: pointer;
  color: #999;
}
.box-item .del-box .iconfont[data-v-666479c2] {
  color: #999;
  font-size: 30px;
}
.box-item .left-tool[data-v-666479c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box-item .left-tool .iconfont[data-v-666479c2] {
  color: #ddd;
  font-size: 24px;
  cursor: move;
}
.box-item .right-wrapper[data-v-666479c2] {
  margin-left: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.box-item .right-wrapper .img-wrapper[data-v-666479c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-item .right-wrapper .img-wrapper .img-item[data-v-666479c2] {
  position: relative;
  width: 65px;
  height: 64px;
  margin-right: 20px;
  cursor: pointer;
}
.box-item .right-wrapper .img-wrapper img[data-v-666479c2] {
  display: block;
  width: 100%;
  height: 100%;
}
.box-item .right-wrapper .img-wrapper .txt[data-v-666479c2] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 12px;
}
.add-btn[data-v-666479c2] {
  margin-top: 20px;
  width: 100%;
  height: 40px;
}
.goods-box[data-v-498d26f5] {
  margin-bottom: 16px;
}
.goods-box .wrapper[data-v-498d26f5],
.goods-box .list-group[data-v-498d26f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.goods-box .add-item[data-v-498d26f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.goods-box .add-item .iconfont-diy[data-v-498d26f5],
.goods-box .add-item .iconfont[data-v-498d26f5] {
  font-size: 20px;
  color: #d8d8d8;
}
.goods-box .item[data-v-498d26f5] {
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  margin-right: 12px;
}
.goods-box .item img[data-v-498d26f5] {
  width: 100%;
  height: 100%;
}
.goods-box .item .el-icon-error[data-v-498d26f5] {
  position: absolute;
  right: -9px;
  top: -13px;
  font-size: 19px;
  cursor: pointer;
}
.areaBox[data-v-9b4f62d8] {
  position: absolute;
  background: rgba(24, 144, 255, 0.5);
  border: 1px dashed #1890ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1989fa;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: move;
}
.areaBox .prompt-text[data-v-9b4f62d8] {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.areaBox .prompt-text .num[data-v-9b4f62d8] {
  font-size: 12px;
}
.areaBox .prompt-text .prompt-item[data-v-9b4f62d8] {
  color: #fff;
  margin: 0 2px;
}
.areaBox .del[data-v-9b4f62d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background: #1890ff;
  color: #fff;
  text-align: center;
  border-radius: 0 0 0 3px;
  position: absolute;
  right: 7px;
  top: 7px;
  -webkit-transform: translate3d(50%, -50%, 0);
          transform: translate3d(50%, -50%, 0);
  cursor: pointer;
}
.areaBox .del[data-v-9b4f62d8]:hover {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.areaBox .shape[data-v-9b4f62d8] {
  position: absolute;
  width: 7px;
  height: 7px;
  background: transparent;
  right: 0;
  bottom: 0;
  -webkit-transform: translate3d(50%, 50%, 0);
          transform: translate3d(50%, 50%, 0);
  cursor: nwse-resize;
}
.area-set[data-v-9b4f62d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0;
}
.area-label[data-v-9b4f62d8] {
  width: 100px;
}
.area-content[data-v-9b4f62d8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.el-input.el-input--small[data-v-9b4f62d8] {
  width: 83%;
}
.el-form-item[data-v-9b4f62d8] {
  margin-bottom: 0 !important;
}
[data-v-9b4f62d8] .el-form-item__label {
  font-weight: 500 !important;
}
.right-bottom[data-v-9b4f62d8] {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
[data-v-9b4f62d8] .el-dialog__body {
  overflow-y: hidden;
  padding: 30px 24px 20px 24px;
}
.btn[data-v-7ca5a708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
}
.dialog-footer[data-v-7ca5a708] {
  text-align: right;
  margin-top: 20px;
  margin-right: 20px;
}
.operationFloor[data-v-7ca5a708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 20px;
}
.operationFloor .btn-footer[data-v-7ca5a708] {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.operationFloor .header .titleBox[data-v-7ca5a708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
}
.operationFloor .header .titleBox .name[data-v-7ca5a708] {
  font-size: 13px;
  font-weight: bold;
}
.operationFloor .header .textBox[data-v-7ca5a708] {
  font-size: 12px;
  color: #777;
  margin-bottom: 10px;
}
.operationFloor .imgBox[data-v-7ca5a708]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.operationFloor .imgBox[data-v-7ca5a708] {
  width: 466px;
  height: 456px;
  overflow-y: scroll;
}
.operationFloor .imgBox .container[data-v-7ca5a708] {
  position: relative;
}
.operationFloor .imgBox img[data-v-7ca5a708] {
  cursor: crosshair;
  display: block;
  width: 456px;
}
.operationFloor .imgBox .area[data-v-7ca5a708] {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 200px;
  top: 300px;
  background: rgba(41, 128, 185, 0.3);
  border: 1px dashed #34495e;
}
.form[data-v-7ca5a708] {
  font-size: 12px;
  margin-left: 24px;
  width: 420px;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.form .form-row[data-v-7ca5a708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form .form-row .form-item[data-v-7ca5a708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  margin: 0 10px;
  font-size: 12px;
}
.form .form-row .form-item .num[data-v-7ca5a708] {
  width: 69px;
  color: #999;
  font-size: 12px;
}
.form .form-row .form-item .label[data-v-7ca5a708] {
  color: #c7c7c7;
}
.form .el-icon-delete[data-v-7ca5a708] {
  font-size: 16px;
  cursor: pointer;
}
.setHot-text[data-v-7ca5a708] {
  border: 1px solid #abdcff;
  background-color: #f0faff;
  padding: 5px 10px;
}
.toLink[data-v-7ca5a708] {
  cursor: pointer;
}
.item-input[data-v-7ca5a708] {
  width: 94px;
}
.titleTop[data-v-7ca5a708] {
  color: #333;
  font-size: 16px;
  position: relative;
}
.titleTop .title-text[data-v-7ca5a708] {
  position: absolute;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  left: 100px;
}
[data-v-7ca5a708] .el-input__suffix {
  line-height: 30px !important;
}
.iconrequwenzitishi[data-v-7ca5a708] {
  color: #2d8cf0;
}
.ml5[data-v-7ca5a708] {
  margin-left: 5px;
}
.mb12[data-v-7ca5a708] {
  margin-bottom: 12px;
}
[data-v-7ca5a708] .el-input__inner {
  padding: 0 8px !important;
}
.hot_imgs[data-v-0944dac2] {
  margin-bottom: 20px;
}
.hot_imgs .title[data-v-0944dac2] {
  color: #bbbbbb;
  font-size: 12px;
}
.hot_imgs .list-box .item[data-v-0944dac2] {
  width: 100%;
  height: 140px;
  background: #f9f9f9;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  margin-bottom: 14px;
}
.hot_imgs .list-box .item .move-icon[data-v-0944dac2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  cursor: move;
}
.hot_imgs .list-box .item .img-box[data-v-0944dac2] {
  position: relative;
  width: 64px;
  height: 64px;
  margin-left: 20px;
}
.hot_imgs .list-box .item .img-box img[data-v-0944dac2] {
  width: 100%;
  height: 100%;
}
.hot_imgs .list-box .info[data-v-0944dac2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 22px;
}
.hot_imgs .list-box .info .info-item[data-v-0944dac2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.hot_imgs .list-box .info .info-item span[data-v-0944dac2] {
  width: 40px;
  font-size: 12px;
  color: #999999;
}
.hot_imgs .list-box .info .info-item .input-box[data-v-0944dac2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hot_imgs .list-box .info .info-item .input-box[data-v-0944dac2] .ivu-input {
  font-size: 13px !important;
}
.hot_imgs .list-box .delect-btn[data-v-0944dac2] {
  position: absolute;
  right: -7px;
  top: -12px;
}
.hot_imgs .list-box .delect-btn .iconfont-diy[data-v-0944dac2],
.hot_imgs .list-box .delect-btn .iconfont[data-v-0944dac2] {
  font-size: 25px;
  color: #999;
}
.hot_imgs .add-btn .button[data-v-0944dac2] {
  width: 100%;
  height: 36px;
  margin-top: 6px;
}
.upload-box[data-v-0944dac2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 12px;
  color: #cccccc;
  cursor: pointer;
}
.upload-box .iconfont[data-v-0944dac2] {
  font-size: 16px;
}
.iconfont-diy[data-v-0944dac2],
.iconfont[data-v-0944dac2] {
  color: #dddddd;
  font-size: 28px;
}
.el-select[data-v-0944dac2] {
  display: block;
}
.setHot-btn[data-v-0944dac2] {
  color: var(--prev-color-primary);
  text-align: center;
  border: 1px dashed var(--prev-color-primary);
  padding: 10px 0;
  cursor: pointer;
}
.dialog-footer[data-v-0944dac2] {
  margin-right: 400px;
}
.line-box[data-v-2ef2beed] {
  /*margin: 20px 0;*/
  /*padding: 10px 0 20px;*/
  /*border-top: 1px solid rgba(0, 0, 0, 0.05);*/
  border-bottom: 1px dashed #eee;
}
.line-box .title p[data-v-2ef2beed] {
  font-size: 12px;
  color: #333333;
}
.line-box .title span[data-v-2ef2beed] {
  font-size: 12px;
  color: #999999;
}
.line-box .input-box[data-v-2ef2beed] {
  margin-top: 10px;
}
.line-box .input-box .add-btn[data-v-2ef2beed] {
  margin-top: 18px;
}
.line-box .input-box .input-item[data-v-2ef2beed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  position: relative;
}
.line-box .input-box .input-item .delete[data-v-2ef2beed] {
  position: absolute;
  right: -7px;
  top: -8px;
  color: #999;
}
.line-box .input-box .input-item .icon[data-v-2ef2beed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: move;
}
.line-box .input-box .input-item[data-v-2ef2beed] .ivu-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 36px;
  font-size: 13px !important;
}
.pd-bt-20[data-v-2ef2beed] {
  padding-bottom: 20px;
}
.title[data-v-7de8454e] {
  font-size: 12px;
  color: #999;
  margin-right: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.slider-box[data-v-7de8454e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
[data-v-7de8454e] .el-input--medium,[data-v-7de8454e].ivu-input {
  font-size: 12px !important;
}
.c_row-item[data-v-7de8454e] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slider-box[data-v-7de8454e] .el-input__suffix {
  top: 10px !important;
}
.label[data-v-7de8454e] {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.slider-box[data-v-5de49f0f] {
  width: 81%;
}
[data-v-5de49f0f].el-input-number {
  width: 100%;
}
[data-v-5de49f0f].ivu-input {
  font-size: 12px !important;
}
.numbox[data-v-5de49f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-size: 12px;
}
.numbox span[data-v-5de49f0f] {
  width: 80px;
  color: #999;
  font-size: 12px;
}
.c_row-item[data-v-5de49f0f] {
  width: 100%;
}
.c_row-item[data-v-10adacd1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.c_row-item .c_label[data-v-10adacd1] {
  margin-right: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c_row-item .switch-box[data-v-10adacd1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hot_imgs[data-v-a1b890c6] {
  margin-bottom: 20px;
}
.hot_imgs .title[data-v-a1b890c6] {
  color: #bbbbbb;
  font-size: 12px;
}
.hot_imgs .list-box .item[data-v-a1b890c6] {
  width: 100%;
  height: 140px;
  background: #f9f9f9;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  margin-bottom: 14px;
}
.hot_imgs .list-box .item .move-icon[data-v-a1b890c6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  cursor: move;
}
.hot_imgs .list-box .item .img-box[data-v-a1b890c6] {
  position: relative;
  width: 64px;
  height: 64px;
  margin-left: 20px;
}
.hot_imgs .list-box .item .img-box img[data-v-a1b890c6] {
  width: 100%;
  height: 100%;
}
.hot_imgs .list-box .info[data-v-a1b890c6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 22px;
}
.hot_imgs .list-box .info .info-item[data-v-a1b890c6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.hot_imgs .list-box .info .info-item span[data-v-a1b890c6] {
  width: 40px;
  font-size: 12px;
  color: #999999;
}
.hot_imgs .list-box .info .info-item .input-box[data-v-a1b890c6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hot_imgs .list-box .info .info-item .input-box[data-v-a1b890c6] .ivu-input {
  font-size: 13px !important;
}
.hot_imgs .list-box .delect-btn[data-v-a1b890c6] {
  position: absolute;
  right: -7px;
  top: -12px;
}
.hot_imgs .list-box .delect-btn .iconfont-diy[data-v-a1b890c6],
.hot_imgs .list-box .delect-btn .iconfont[data-v-a1b890c6] {
  font-size: 25px;
  color: #999;
}
.hot_imgs .add-btn .button[data-v-a1b890c6] {
  width: 100%;
  height: 36px;
  margin-top: 6px;
}
.upload-box[data-v-a1b890c6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 12px;
  color: #cccccc;
  cursor: pointer;
}
.upload-box .iconfont[data-v-a1b890c6] {
  font-size: 16px;
}
.iconfont-diy[data-v-a1b890c6],
.iconfont[data-v-a1b890c6] {
  color: #dddddd;
  font-size: 28px;
}
.el-select[data-v-a1b890c6] {
  display: block;
}
.mt15[data-v-a1b890c6] {
  margin-top: 15px;
  color: #999;
}
[data-v-a1b890c6] .tc-box .el-radio {
  margin-left: 29px !important;
}
[data-v-a1b890c6] .tpmf-box .el-input {
  margin-left: 40px;
  width: 88%;
}
.label[data-v-36f097a4] {
  font-size: 12px;
  color: #999;
}
.slider-box[data-v-36f097a4] {
  width: 81%;
}
.selWidth[data-v-36f097a4] {
  width: 100% !important;
}

.editor-slide-upload[data-v-b11494f6] {
  margin-bottom: 20px;
}
.editor-slide-upload[data-v-b11494f6]  .el-upload--picture-card {
  width: 100%;
}
.tinymce-container[data-v-0177f75c] {
  position: relative;
  line-height: normal;
}
.tinymce-container[data-v-0177f75c]  .mce-fullscreen {
  z-index: 10000;
}
.tinymce-textarea[data-v-0177f75c] {
  visibility: hidden;
  z-index: -1;
}
.editor-custom-btn-container[data-v-0177f75c] {
  position: absolute;
  right: 4px;
  top: 4px;
  /*z-index: 2005;*/
}
.fullscreen .editor-custom-btn-container[data-v-0177f75c] {
  z-index: 10000;
  position: fixed;
}
.editor-upload-btn[data-v-0177f75c] {
  display: inline-block;
}
[data-v-0177f75c] .mce-container.mce-flow-layout-item.mce-first.mce-last.mce-btn-group {
  white-space: normal;
}
[data-v-0177f75c] .mce-container.mce-flow-layout-item.mce-first.mce-last.mce-btn-group div {
  white-space: normal;
}
[data-v-0177f75c] div.mce-edit-area {
  border-width: 1px 1px 0px 0px !important;
}
[data-v-04712c23].mce-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[data-v-04712c23] .mce-toolbar {
  width: 500px;
  overflow-x: auto;
}
[data-v-04712c23] ::-webkit-scrollbar {
  height: 8px;
}
.divider[data-v-6b40caf7] {
  margin: 20px 0;
  border: 1px dashed #eeeeee;
}
[data-v-6b40caf7] .ivu-divider-horizontal {
  margin: 12px 0;
}
.empty-box[data-v-6b40caf7] {
  color: #999999;
  font-size: 12px;
  border-radius: 0;
  background-color: #eee;
  width: 100%;
  border: 1px solid #ddd;
  text-align: center;
}
.mobile-page .tip[data-v-6b40caf7] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.mobile-page .advert .advertItem01[data-v-6b40caf7] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem01 .empty-box[data-v-6b40caf7] {
  height: 366px;
  border: 1px solid #ddd;
}
.mobile-page .advert .advertItem01 img[data-v-6b40caf7] {
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
}
.mobile-page .advert .advertItem02[data-v-6b40caf7] {
  width: 100%;
}
.mobile-page .advert .advertItem02 .item[data-v-6b40caf7] {
  width: 50%;
  height: 100%;
}
.mobile-page .advert .advertItem02 .item img[data-v-6b40caf7] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem02 .item.on img[data-v-6b40caf7] {
  border: 1px solid #1890ff !important;
}
.mobile-page .advert .advertItem02 .item.on .empty-box[data-v-6b40caf7] {
  border: 1px solid var(--prev-color-primary) !important;
  color: var(--prev-color-primary);
}
.mobile-page .advert .advertItem02 .item .empty-box[data-v-6b40caf7] {
  height: 189.5px;
  border-right: 1px solid #eee;
}
.mobile-page .advert .advertItem02 .item:nth-child(2) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #ddd;
}
.mobile-page .advert .advertItem03 .item[data-v-6b40caf7] {
  width: 33.3333%;
}
.mobile-page .advert .advertItem03 .item .empty-box[data-v-6b40caf7] {
  height: 126.4px;
  border-right: 1px solid #eee;
}
.mobile-page .advert .advertItem03 .item:nth-child(2) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #eee;
}
.mobile-page .advert .advertItem03 .item:nth-child(3) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #ddd;
}
.mobile-page .advert .advertItem04 .item[data-v-6b40caf7] {
  width: 187.5px;
  height: 187.5px;
}
.mobile-page .advert .advertItem04 .item .empty-box[data-v-6b40caf7] {
  height: 100%;
}
.mobile-page .advert .advertItem04 .item img[data-v-6b40caf7] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem04 .item.on img[data-v-6b40caf7] {
  border: 1px solid #1890ff !important;
}
.mobile-page .advert .advertItem04 .item.on .empty-box[data-v-6b40caf7] {
  border: 1px solid var(--prev-color-primary) !important;
  color: var(--prev-color-primary);
}
.mobile-page .advert .advertItem04 .item .pic[data-v-6b40caf7] {
  width: 100%;
  height: 94.75px;
}
.mobile-page .advert .advertItem04 .item .pic.on img[data-v-6b40caf7] {
  border: 1px solid #1890ff !important;
}
.mobile-page .advert .advertItem04 .item .pic.on .empty-box[data-v-6b40caf7] {
  border: 1px solid var(--prev-color-primary) !important;
  color: var(--prev-color-primary);
}
.mobile-page .advert .advertItem04 .item:nth-child(1) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #eee;
}
.mobile-page .advert .advertItem04 .item:nth-child(2) .pic:nth-child(2) .empty-box[data-v-6b40caf7] {
  border-top: 1px solid #eee;
}
.mobile-page .advert .advertItem05 .item[data-v-6b40caf7] {
  width: 25%;
}
.mobile-page .advert .advertItem05 .item .empty-box[data-v-6b40caf7] {
  height: 94.75px;
}
.mobile-page .advert .advertItem05 .item:nth-child(4) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #ddd;
}
.mobile-page .advert .advertItem05 .item:nth-child(2) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #eee;
}
.mobile-page .advert .advertItem06 .item[data-v-6b40caf7] {
  width: 50%;
  height: 95px;
}
.mobile-page .advert .advertItem06 .item img[data-v-6b40caf7] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem06 .item.on img[data-v-6b40caf7] {
  border: 1px solid #1890ff !important;
}
.mobile-page .advert .advertItem06 .item.on .empty-box[data-v-6b40caf7] {
  border: 1px solid var(--prev-color-primary) !important;
  color: var(--prev-color-primary);
}
.mobile-page .advert .advertItem06 .item .empty-box[data-v-6b40caf7] {
  height: 100%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.mobile-page .advert .advertItem06 .item:nth-child(2) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #ddd;
}
.mobile-page .advert .advertItem06 .item:nth-child(3) .empty-box[data-v-6b40caf7] {
  border-bottom: 1px solid #ddd;
}
.mobile-page .advert .advertItem06 .item:nth-child(4) .empty-box[data-v-6b40caf7] {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.delete[data-v-1071fb64] {
  position: absolute;
  right: -7px;
  top: -12px;
}
[data-v-1071fb64].el-input__inner {
  font-size: 13px;
}
.c_product[data-v-1071fb64] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.c_product .list-box .item[data-v-1071fb64] {
  width: 100%;
  height: 140px;
  background: #f9f9f9;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  margin-bottom: 14px;
}
.c_product .list-box .item .move-icon[data-v-1071fb64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  cursor: move;
}
.c_product .list-box .item .img-box[data-v-1071fb64] {
  position: relative;
  width: 64px;
  height: 64px;
  margin-left: 20px;
}
.c_product .list-box .item .img-box img[data-v-1071fb64] {
  width: 100%;
  height: 100%;
}
.c_product .list-box .move-icon[data-v-1071fb64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: move;
}
.c_product .list-box .content[data-v-1071fb64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c_product .list-box .content .con-item[data-v-1071fb64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.c_product .list-box .content .con-item[data-v-1071fb64]:last-child {
  margin-bottom: 0;
}
.c_product .list-box .content .con-item span[data-v-1071fb64] {
  width: 45px;
  font-size: 13px;
}
.c_product .add-btn[data-v-1071fb64] {
  margin-top: 18px;
}
.title[data-v-1071fb64] {
  font-size: 12px;
  color: #bbbbbb;
}
.iconfont-diy[data-v-1071fb64],
.iconfont[data-v-1071fb64] {
  color: #dddddd;
  font-size: 24px;
}
.radio_row-item[data-v-86ce6dcc] {
  margin-bottom: 20px;
}
.row-item[data-v-86ce6dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c_label[data-v-86ce6dcc] {
  margin-bottom: 10px;
}
.c_label .labelwidth[data-v-86ce6dcc] {
  margin-right: 22px;
}
.iconfont[data-v-86ce6dcc] {
  font-size: 24px;
}
.color-box[data-v-86ce6dcc] {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
[data-v-768b926d].el-input--small {
  font-size: 12px !important;
}
.label[data-v-768b926d] {
  font-size: 12px;
  color: #999;
  margin-right: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.slider-box[data-v-768b926d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.c_row-item[data-v-768b926d] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setUp[data-v-d2a319ee] .ivu-tabs-nav-scroll {
  padding: 0 30px;
}
.setUp[data-v-d2a319ee] .ivu-tabs-nav .ivu-tabs-tab {
  padding: 8px 45px;
}
.slider-box[data-v-1b2e5bd2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.c_row-item[data-v-1b2e5bd2] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c_row-item .label[data-v-1b2e5bd2] {
  color: #999;
  margin-right: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.input-box[data-v-1b2e5bd2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.input-box[data-v-1b2e5bd2]  .el-input__inner {
  width: 100px;
  height: 30px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 30px;
}
.input-box .input-box-item[data-v-1b2e5bd2] {
  margin-right: 10px;
}
.radius-item[data-v-1b2e5bd2] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
[data-v-2d4f6d74].el-radio-group .el-radio:after {
  height: 0;
}
[data-v-2d4f6d74].el-radio-group .el-radio {
  height: 34px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 1px solid #dcdee2;
  position: relative;
  margin: 0;
  padding: 0 15px;
}
[data-v-2d4f6d74].el-radio__label {
  padding-left: 0;
}
.el-radio-group .el-radio.is-checked[data-v-2d4f6d74] {
  background: #fff;
  border-color: var(--prev-color-primary);
  color: var(--prev-color-primary);
  -webkit-box-shadow: -1px 0 0 0 var(--prev-color-primary);
          box-shadow: -1px 0 0 0 var(--prev-color-primary);
  z-index: 1;
}
.el-radio-group .el-radio.is-checked[data-v-2d4f6d74]:first-child {
  border-color: var(--prev-color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-v-2d4f6d74].el-radio-group .el-radio:nth-of-type(2) {
  border-left: 1px solid #dcdee2;
}
[data-v-2d4f6d74].el-radio__inner {
  opacity: 0;
  width: 0;
  height: 0;
}
.radio-box[data-v-2d4f6d74] .el-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio-box[data-v-2d4f6d74] .el-radio-group .ivu-radio-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.radio-box.on[data-v-2d4f6d74] .el-radio {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: 67px;
  margin-right: 20px;
  margin-top: 10px;
  border-radius: 4px;
}
.title-tips[data-v-2d4f6d74] {
  padding-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.title-tips span[data-v-2d4f6d74] {
  color: #999;
}
.iconfont-diy[data-v-2d4f6d74],
.iconfont[data-v-2d4f6d74] {
  font-size: 20px;
  line-height: 18px;
}
.acea-row[data-v-2d0e35bf] {
  position: relative;
}
.delete[data-v-2d0e35bf] {
  position: absolute;
  right: -7px;
  top: -8px;
  color: #cccccc;
}
.label[data-v-2d0e35bf] {
  font-size: 12px;
  color: #999;
}
.slider-box[data-v-2d0e35bf] {
  width: 81%;
}
.checked[data-v-2d0e35bf] {
  border: 1px solid var(--prev-color-primary) !important;
}
.title-bar[data-v-2d0e35bf] {
  height: 38px;
  line-height: 38px;
  color: #333;
  font-size: 14px;
  position: relative;
}
.hot_imgs[data-v-2d0e35bf] {
  margin-bottom: 20px;
}
.hot_imgs .title[data-v-2d0e35bf] {
  padding: 13px 0;
  color: #bbbbbb;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.hot_imgs .list-box .item[data-v-2d0e35bf] {
  width: 473px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #dcdfe6;
}
.hot_imgs .list-box .item .move-icon[data-v-2d0e35bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.hot_imgs .list-box .item .img-box[data-v-2d0e35bf] {
  position: relative;
  width: 64px;
  height: 64px;
  margin-left: 20px;
}
.hot_imgs .list-box .item .img-box img[data-v-2d0e35bf] {
  width: 100%;
  height: 100%;
}
.hot_imgs .list-box .info[data-v-2d0e35bf] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 22px;
}
.hot_imgs .list-box .info .info-item[data-v-2d0e35bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hot_imgs .list-box .info .info-item span[data-v-2d0e35bf] {
  /*width: 40px;*/
  font-size: 13px;
}
.hot_imgs .list-box .info .info-item .input-box[data-v-2d0e35bf] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hot_imgs .list-box .info .info-item .input-box[data-v-2d0e35bf] .ivu-input {
  font-size: 13px !important;
}
.hot_imgs .list-box .delect-btn[data-v-2d0e35bf] {
  position: absolute;
  right: -7px;
  top: -12px;
}
.hot_imgs .list-box .delect-btn .iconfont-diy[data-v-2d0e35bf],
.hot_imgs .list-box .delect-btn .iconfont[data-v-2d0e35bf] {
  font-size: 25px;
  color: #999;
}
.hot_imgs .add-btn[data-v-2d0e35bf] {
  margin-top: 10px;
}
.upload-box[data-v-2d0e35bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 12px;
  color: #cccccc;
}
.upload-box .iconfont[data-v-2d0e35bf] {
  font-size: 16px;
}
.iconfont-diy[data-v-2d0e35bf],
.iconfont[data-v-2d0e35bf] {
  color: #dddddd;
  font-size: 28px;
}
.el-select[data-v-2d0e35bf] {
  display: block;
}
.move-icon[data-v-2d0e35bf] {
  margin-bottom: 10px;
}
.title-tips[data-v-e5091d20] {
  font-size: 12px;
  color: #333;
}
.title-tips span[data-v-e5091d20] {
  color: #999;
}
.iconfont-diy[data-v-e5091d20],
.iconfont[data-v-e5091d20] {
  font-size: 20px;
  line-height: 18px;
}
.title-box[data-v-772060f7] {
  border-top: 6px solid #f6f7f9;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 20px !important;
  width: 100%;
}
.title-tips[data-v-772060f7] {
  height: 38px;
  line-height: 38px;
  color: #999;
  font-size: 12px;
  padding-left: 15px;
}
.title-bar[data-v-772060f7] {
  padding: 20px 0 0 15px;
  color: #333333;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  position: relative;
}
.c_row-item[data-v-ac95a9b6] {
  margin-bottom: 20px;
}
.row-item[data-v-ac95a9b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iconfont[data-v-ac95a9b6] {
  font-size: 24px;
}
.color-box[data-v-ac95a9b6] {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.el-radio-group[data-v-ac95a9b6] {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  -webkit-text-size-adjust: none;
}
.el-radio-group[data-v-ac95a9b6] .el-radio-group .el-radio:after {
  height: 0;
}
.el-radio-group[data-v-ac95a9b6] .el-radio__label {
  padding-left: 0;
}
.el-radio-group[data-v-ac95a9b6] .el-radio-group .el-radio:nth-of-type(2) {
  border-left: 1px solid #dcdee2;
}
.el-radio-group[data-v-ac95a9b6] .el-radio__inner {
  opacity: 0;
  width: 0;
  height: 0;
}
[data-v-ac95a9b6].el-radio-group .el-radio {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin: 0;
  padding: 0 12px;
  font-size: 14px;
  color: #515a6e;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 1px solid #dcdee2;
  border-left: 0;
  background: #fff;
  position: relative;
}
[data-v-ac95a9b6].el-radio-group .el-radio:first-child {
  border-radius: 4px 0 0 4px;
  border-left: 1px solid #dcdee2;
}
.el-radio-group .el-radio.is-checked[data-v-ac95a9b6] {
  background: #fff;
  border-color: var(--prev-color-primary);
  color: var(--prev-color-primary);
  -webkit-box-shadow: -1px 0 0 0 var(--prev-color-primary);
          box-shadow: -1px 0 0 0 var(--prev-color-primary);
  z-index: 1;
}
.el-radio-group .el-radio.is-checked[data-v-ac95a9b6]:first-child {
  border-color: var(--prev-color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header[data-v-14d948f6] {
  font-size: 12px;
  color: #999;
}
.upload_img[data-v-14d948f6] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title[data-v-14d948f6] {
  margin: 10px 0 5px;
  padding-bottom: 3px;
  /*border-bottom:1px solid rgba(0,0,0,0.05);*/
  font-size: 12px;
  color: #bbbbbb;
}
.box[data-v-14d948f6] {
  width: 64px;
  height: 64px;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}
.box .iconfont-diy[data-v-14d948f6],
.box .iconfont[data-v-14d948f6] {
  position: absolute;
  color: #999;
}
.box img[data-v-14d948f6] {
  width: 100%;
  height: 100%;
}
.upload-box[data-v-14d948f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 64px;
  height: 64px;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #eeeeee;
  font-size: 12px;
  color: #cccccc;
}
.upload-box .iconfont[data-v-14d948f6] {
  font-size: 16px;
}
.align-left[data-v-14d948f6] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.upload-demo[data-v-2b75e224] {
  position: absolute;
}
.upload-demo[data-v-2b75e224]  .el-button {
  width: 64px;
  height: 64px;
}
.header[data-v-2b75e224] {
  font-size: 12px;
  color: #999;
}
.title[data-v-2b75e224] {
  margin: 10px 0 5px;
  padding-bottom: 3px;
  /*border-bottom:1px solid rgba(0,0,0,0.05);*/
  font-size: 12px;
  color: #bbbbbb;
}
.box[data-v-2b75e224] {
  width: 64px;
  height: 64px;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}
.box .iconfont-diy[data-v-2b75e224],
.box .iconfont[data-v-2b75e224] {
  position: absolute;
  color: #999;
}
.box img[data-v-2b75e224] {
  width: 100%;
  height: 100%;
}
.upload-box[data-v-2b75e224] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 64px;
  height: 64px;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #eeeeee;
  font-size: 12px;
  color: #cccccc;
}
.upload-box .iconfont[data-v-2b75e224] {
  font-size: 16px;
}
.align-left[data-v-2b75e224] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.title-tips[data-v-02f42a45] {
  padding-bottom: 10px;
  color: #333;
}
.title-tips span[data-v-02f42a45] {
  margin-right: 14px;
  color: #999;
}
.title-tips[data-v-11e2daef] {
  padding-bottom: 10px;
  color: #333;
}
.title-tips span[data-v-11e2daef] {
  margin-right: 14px;
  color: #999;
}
.title-tips[data-v-613cb658] {
  padding-bottom: 10px;
  color: #333;
}
.title-tips span[data-v-613cb658] {
  margin-right: 14px;
  color: #999;
}
.title-tips[data-v-718ce79c] {
  padding-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.title-tips span[data-v-718ce79c] {
  margin-right: 14px;
  color: #999;
}
.pro .tips[data-v-c1a21e04] {
  height: 50px;
  line-height: 50px;
  color: #999;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.pro .btn-box[data-v-c1a21e04] {
  padding-bottom: 20px;
}
.pro .tips[data-v-e24082e4] {
  height: 50px;
  line-height: 50px;
  color: #999;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.pro .btn-box[data-v-e24082e4] {
  padding-bottom: 20px;
}
.title-tips[data-v-943e58de] {
  padding-bottom: 10px;
  color: #333;
}
.title-tips span[data-v-943e58de] {
  margin-right: 14px;
  color: #999;
}
.title-tips[data-v-f6be0798] {
  padding-bottom: 10px;
  color: #333;
}
.title-tips span[data-v-f6be0798] {
  margin-right: 14px;
  color: #999;
}
[data-v-0b1c98f4].ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper {
  width: 52px !important;
  margin-bottom: 10px;
  margin-right: 9px !important;
}
.pro .tips[data-v-0b1c98f4] {
  height: 50px;
  line-height: 50px;
  color: #999;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.btn-box[data-v-0b1c98f4] {
  padding-bottom: 20px;
}
.title-tips[data-v-25497340] {
  padding-bottom: 10px;
  font-size: 14px;
  colo: #333;
}
.title-tips span[data-v-25497340] {
  margin-right: 14px;
  color: #999;
}
[data-v-5d45b02f].ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper {
  width: 52px !important;
  margin-bottom: 10px;
  margin-right: 9px !important;
}
.pro .tips[data-v-5d45b02f] {
  height: 50px;
  line-height: 50px;
  color: #999;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.btn-box[data-v-5d45b02f] {
  padding-bottom: 20px;
}
.title-tips[data-v-69b27d4d] {
  padding-bottom: 10px;
  color: #333;
}
.title-tips span[data-v-69b27d4d] {
  margin-right: 14px;
  color: #999;
}
.cut[data-v-2ec53e20] {
  width: 500px;
  height: 500px;
  margin: 30px auto;
}
.handleDialog[data-v-2ec53e20] {
  z-index: 999999 !important;
}
.handleDialog .cropperContent[data-v-2ec53e20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.handleDialog .cropperContent .cropper[data-v-2ec53e20] {
  width: 1200px;
  height: 500px;
  border: 1px solid #ddd;
}
.handleDialog .cropperContent .title[data-v-2ec53e20] {
  font-size: 18px;
  height: 36px;
  margin-bottom: 20px;
}
.handleDialog .cropperContent .previewBox[data-v-2ec53e20] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.handleDialog .cropperContent .previewBox .showPreview[data-v-2ec53e20] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.handleDialog .cropperContent .previewBox .showPreview .preview[data-v-2ec53e20] {
  overflow: hidden;
  background: #eeeeee;
  border: 1px solid #eeeeee;
}
.handleDialog .cropperContent .previewBox .showPreview img[data-v-2ec53e20] {
  width: 100%;
  height: 100%;
}
.handleDialog .scopeButton[data-v-2ec53e20] {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.handleDialog .scopeButton[data-v-2ec53e20] .el-button--primary:first-child {
  padding: 0;
}
.handleDialog .uploadButton[data-v-2ec53e20] .el-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.handleDialog .uploadButton[data-v-2ec53e20] .el-button--primary:last-child {
  padding: 0;
  border-right-color: none;
}
.handleDialog .inputFile[data-v-2ec53e20] {
  width: 180px;
  position: absolute;
  clip: rect(0 0 0 0);
}
.demo[data-v-2ec53e20]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.demo[data-v-2ec53e20] {
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}
.temp[data-v-2ec53e20] {
  height: 0;
  margin-bottom: 0;
  border: none;
  padding: 0;
}
.selectTreeClass[data-v-2ec53e20] {
  background: #d5e8fc;
}
.treeBox[data-v-2ec53e20] {
  width: 100%;
  height: 100%;
}
.upload-demo[data-v-2ec53e20] {
  display: inline-block !important;
  float: left;
}
.tree_w[data-v-2ec53e20] {
  padding: 20px 30px;
}
.custom-tree-node[data-v-2ec53e20] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  padding-right: 8px;
}
.custom-tree-node-label[data-v-2ec53e20] {
  display: block;
  width: 125px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 13px;
  color: #303133;
}
.el-ic i[data-v-2ec53e20],
.el-ic span[data-v-2ec53e20] {
  /*padding: 0 14px;*/
  font-size: 18px;
  font-weight: 600;
}
.el-ic .svg-icon[data-v-2ec53e20] {
  color: #4386c6;
}
.el-ic .el-icon-more[data-v-2ec53e20] {
  color: #909399;
  font-size: 12px;
}
.el-ic .el-icon-plus[data-v-2ec53e20] {
  font-size: 12px;
  color: var(--prev-color-primary);
}
.el-dialog__body .upload-container .image-preview .image-preview-wrapper img[data-v-2ec53e20] {
  height: 100px;
}
.el-dialog__body .el-dialog .el-collapse-item__wrap[data-v-2ec53e20] {
  padding-top: 0px;
}
.el-dialog__body .spatial_img .el-collapse-item__wrap[data-v-2ec53e20] {
  margin-bottom: 0;
  padding-top: 0px;
}
.el-dialog__body .upload-container .image-preview .image-preview-wrapper[data-v-2ec53e20] {
  width: 120px;
}
.el-dialog__body .upload-container .image-preview .image-preview-action[data-v-2ec53e20] {
  line-height: 100px;
  height: 100px;
}
.trees-coadd[data-v-2ec53e20] {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.trees-coadd .scollhide[data-v-2ec53e20] {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 0 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.trees-coadd .scollhide .trees[data-v-2ec53e20] {
  width: 100%;
}
.trees-coadd .scollhide[data-v-2ec53e20]::-webkit-scrollbar {
  display: none;
}
.conters[data-v-2ec53e20] {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*max-height: 296px;*/
  overflow: auto;
  position: relative;
  padding-bottom: 10px;
}
.gridPic[data-v-2ec53e20] {
  margin-left: 17px;
  position: relative;
  cursor: pointer;
}
.gridPic img[data-v-2ec53e20] {
  display: block;
  background: #eee;
}
.gridPic video[data-v-2ec53e20] {
  width: 100%;
  height: 95%;
  display: block;
}
.gridPic .num_badge[data-v-2ec53e20] {
  position: absolute;
  bottom: 25px;
  display: inline-block;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: var(--prev-color-primary);
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 20px;
}
.gridPic .operate[data-v-2ec53e20] {
  position: absolute;
  left: 0;
  font-size: 12px;
}
.gridPic .operate span[data-v-2ec53e20] {
  font-weight: 400;
  color: var(--prev-color-primary) !important;
}
.conter[data-v-2ec53e20] {
  width: 99%;
  height: 100%;
}
.conter .bnt[data-v-2ec53e20] {
  width: 100%;
  padding: 0 13px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.conter .bnt[data-v-2ec53e20] .el-button + .el-button {
  margin-left: 0;
}
.conter .bnt .input[data-v-2ec53e20] .el-input__inner {
  width: 220px;
  height: 32px;
}
.conter .bnt .mb20[data-v-2ec53e20] .el-input__inner {
  width: 160px;
  height: 32px;
}
.conter .pictrueList[data-v-2ec53e20] {
  /*padding-left: 15px;*/
  width: 100%;
}
.conter .pictrueList el-image[data-v-2ec53e20] {
  width: 100%;
  border: 2px solid #fff;
}
.conter .pictrueList .on[data-v-2ec53e20] {
  border: 2px solid var(--prev-color-primary);
}
.conter .el-image[data-v-2ec53e20] {
  width: 110px;
  height: 110px;
  cursor: pointer;
}
.conter .imagesNo[data-v-2ec53e20] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 65px 0;
}
.conter .imagesNo .imagesNo_sp[data-v-2ec53e20] {
  font-size: 13px;
  color: #dbdbdb;
  line-height: 3;
}
.relative[data-v-2ec53e20] {
  position: relative;
}
.abs_video[data-v-2ec53e20] {
  position: absolute;
  right: 20px;
  top: 0;
}
.imgTitle[data-v-2ec53e20] {
  margin-top: 6px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input[data-v-2ec53e20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
}
.el-col.el-col-24.el-col-xs-24.el-col-sm-7[data-v-2ec53e20] {
  border-right: 1px solid #eee;
}
.checkoutBtn[data-v-2ec53e20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 32px;
  border-radius: 4px !important;
  border: 1px solid #ddd;
  cursor: pointer;
  margin-left: 14px;
}
.checkoutBtn .checkoutBtn-gg[data-v-2ec53e20] {
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 32px;
  border-right: 1px solid #ddd;
}
.checkoutBtn .checkoutBtn-list[data-v-2ec53e20] {
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 32px;
}
.checkoutBtn .checkoutActive[data-v-2ec53e20] {
  background: var(--prev-color-primary);
  color: #fff;
}
.block[data-v-2ec53e20] {
  width: 100%;
}
.block .el-pagination[data-v-2ec53e20] {
  float: right;
}
.listImg[data-v-2ec53e20] {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.imgDiv[data-v-2ec53e20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.imgDiv .imgName[data-v-2ec53e20] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 20px;
  line-height: 40px;
}
.decollator[data-v-2ec53e20] {
  color: #dddddd;
  margin: 0 8px;
}
.checkDialog-box[data-v-2ec53e20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkDialog-box > div div[data-v-2ec53e20] {
  margin-top: 50px;
}
.checkDialog-box span[data-v-2ec53e20] {
  font-weight: 600;
}
.el-divider__text[data-v-2ec53e20],
.el-link[data-v-2ec53e20] {
  font-size: 12px;
}
> > > .rightBtn[data-v-2ec53e20] {
  text-align: right;
}
> > > .el-dropdown-menu__item[data-v-2ec53e20]:not(.is-disabled):hover {
  background-color: var(--prev-color-primary-light-9) !important;
  color: var(--prev-color-primary);
}
> > > .el-tree-node__content[data-v-2ec53e20]:hover {
  background-color: var(--prev-color-primary-light-9) !important;
  color: var(--prev-color-primary);
}
[data-v-2ec53e20] .el-tabs__nav-scroll {
  margin-top: -20px;
}
[data-v-2ec53e20] .el-tree-node__content:hover {
  background-color: var(--prev-color-primary-light-9) !important;
  color: var(--prev-color-primary);
}
[data-v-2ec53e20] .el-tree-node .custom-tree-node {
  height: 40px;
  line-height: 40px;
  color: #303133;
}
[data-v-2ec53e20] .el-tree-node__content {
  height: 40px;
  line-height: 40px;
  color: #303133;
}
[data-v-2ec53e20] .el-tree-node:focus > .el-tree-node__content {
  background-color: var(--prev-color-primary-light-9) !important;
}
[data-v-2ec53e20] .el-tree-node:focus > .el-tree-node__content .custom-tree-node-label {
  color: var(--prev-color-primary);
}
[data-v-2ec53e20] .el-tree-node:focus > .el-tree-node__content .el-icon-more {
  color: var(--prev-color-primary);
}
.widthIpt[data-v-3d06969c] {
  width: 78%;
}
.label[data-v-3d06969c] {
  font-size: 12px;
  color: #999;
}
.slider-box[data-v-3d06969c] {
  width: 81%;
}
.upload-box[data-v-3d06969c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 64px;
  height: 64px;
  border-radius: 3px 3px 3px 3px;
  opacity: 1;
  border: 1px solid #eeeeee;
}
.page_bg[data-v-3d06969c]  .el-radio {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin: 0;
  padding: 0 15px;
  color: #515a6e;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: 1px solid #dcdee2;
  border-left: 0;
  background: #fff;
  position: relative;
}
.page_bg[data-v-3d06969c]  .el-radio:first-child {
  border-radius: 4px 0 0 4px;
  border-left: 1px solid #dcdee2;
}
.page_bg[data-v-3d06969c]  .el-radio .el-radio__input {
  display: inline-block;
  margin-right: 4px;
  white-space: nowrap;
  position: relative;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  width: 0;
  margin-right: 0;
}
.page_bg[data-v-3d06969c]  .el-radio > span {
  margin-left: 0;
}
.page_bg[data-v-3d06969c]  .el-radio .el-radio__inner {
  opacity: 0;
  width: 0;
  height: 0;
}
.page_bg[data-v-3d06969c]  .el-radio .el-radio__label {
  padding-left: 0;
}
.slider-box .title[data-v-3d06969c] {
  color: #999999;
  font-size: 13px;
  margin-bottom: 5px;
}
.c_row-item[data-v-3d06969c] {
  padding: 0 15px;
  margin-top: 20px;
}
.slider-box .color[data-v-3d06969c] {
  margin-bottom: 15px;
}
.slider-box .color .iconfont[data-v-3d06969c] {
  font-size: 24px;
}
.boxs[data-v-3d06969c] {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  position: relative;
}
.boxs .replace[data-v-3d06969c] {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 6px 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 24px;
  line-height: 24px;
}
.boxs .iconfont-diy[data-v-3d06969c],
.boxs .iconfont[data-v-3d06969c] {
  position: absolute;
  font-size: 23px;
  color: #ccc;
}
.boxs img[data-v-3d06969c] {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.resetBtn[data-v-3d06969c] {
  cursor: pointer;
}
.empty-box[data-v-33173a88] {
  height: 150px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-page[data-v-33173a88] {
  position: relative;
  width: auto;
}
.mobile-page .banner[data-v-33173a88] {
  width: 100%;
  height: 150px;
  margin-top: 0;
  position: relative;
}
.mobile-page .banner.on[data-v-33173a88] {
  margin-top: -160px;
}
.mobile-page .banner img[data-v-33173a88] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mobile-page .banner img.doc[data-v-33173a88] {
  border-radius: 0 !important;
}
.mobile-page .bg[data-v-33173a88] {
  width: 100%;
  height: 160px;
}
.dot[data-v-33173a88] {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dot.number[data-v-33173a88] {
  bottom: 4px;
}
.dot .num[data-v-33173a88] {
  width: 25px;
  height: 18px;
  line-height: 18px;
  background-color: #000;
  color: #fff;
  opacity: 0.3;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
}
.dot .dot-item[data-v-33173a88] {
  width: 5px;
  height: 5px;
  background: #aaaaaa;
  border-radius: 50%;
  margin: 0 3px;
}
.dot.line-dot[data-v-33173a88] {
  bottom: 12px;
}
.dot.line-dot .line_dot-item[data-v-33173a88] {
  width: 8px;
  height: 2px;
  background: #aaaaaa;
  margin: 0 3px;
}
.banner-two[data-v-33173a88] {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 150px;
}
.banner-two.on[data-v-33173a88] {
  margin-top: -160px;
}
.banner-two img[data-v-33173a88] {
  width: 100%;
  border-radius: 10px;
}
.banner-two img.doc[data-v-33173a88] {
  border-radius: 0;
}
.banner-two .img-middle[data-v-33173a88] {
  height: 150px;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-two .img-left[data-v-33173a88] {
  height: 140px;
}
.banner-two .img-right[data-v-33173a88] {
  height: 140px;
}
.banner-two .empty-box[data-v-33173a88] {
  height: 150px;
  background: #f3f9ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-two .empty-left[data-v-33173a88] {
  height: 140px;
}
.banner-two .empty-middle[data-v-33173a88] {
  height: 150px;
}
.banner-two .empty-right[data-v-33173a88] {
  height: 140px;
}
.banner-two .item-middle[data-v-33173a88] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px;
}
.banner-two .img-box[data-v-33173a88] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.banner-two .itemLeft[data-v-33173a88] {
  width: 20px;
  height: 134px;
  margin-top: 5px;
}
.banner-two .item-right[data-v-33173a88] {
  width: 20px;
  height: 134px;
  margin-top: 5px;
}
.icontupian[data-v-33173a88] {
  font-size: 30px !important;
  color: #bbbfc8;
}
.list[data-v-495e9e26] {
  padding-left: 10px;
  padding-right: 10px;
}
.item .list[data-v-495e9e26]:last-child {
  margin-bottom: 0;
}
.line2[data-v-495e9e26] {
  height: 42px;
  line-height: 22px;
  margin-bottom: 18px;
}
.empty-box[data-v-495e9e26] {
  width: 100%;
  height: 78px;
  background: #f3f9ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list .item[data-v-495e9e26] {
  /*padding: 17px 0;*/
}
.list .item[data-v-495e9e26]:last-child {
  margin-bottom: 0 !important;
}
.list .item .pictrues[data-v-495e9e26] {
  width: 125px;
  height: 78px;
}
.list .item .pictrues .pic[data-v-495e9e26] {
  width: 100%;
  height: 100%;
  border-radius: 7px;
}
.list .item .text[data-v-495e9e26] {
  height: 78px;
  font-size: 15px;
  color: #333333;
}
.text-box[data-v-495e9e26] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.groupBox[data-v-3eab6942] {
  overflow: hidden;
}
.groupBox .group[data-v-3eab6942] {
  overflow: hidden;
}
.groupBox .group .group-top[data-v-3eab6942] {
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 12px;
}
.groupBox .group .group-top .group-top-left .group_logo[data-v-3eab6942] {
  width: 70px;
  height: 16px;
}
.groupBox .group .group-top .group-top-left .interval[data-v-3eab6942] {
  width: 0px;
  height: 14px;
  margin: 2px 10px 0;
  opacity: 0.6;
}
.groupBox .group .group-top .group-top-left .pinkHead[data-v-3eab6942] {
  width: 54px;
  height: 18px;
}
.groupBox .group .group-top .group-top-left .num[data-v-3eab6942] {
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  color: #ffffff;
  margin-top: 2px;
}
.groupBox .group .group-top .group-top-right[data-v-3eab6942] {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}
.groupBox .group .group-top .group-top-right .icon-xuanze[data-v-3eab6942] {
  font-size: 12px;
}
.groupBox .group .group-bottom[data-v-3eab6942] {
  width: 100%;
  padding: 10px;
}
.groupBox .group .group-bottom .img[data-v-3eab6942] {
  width: 120px;
  height: 120px;
  background: #f3f9ff;
}
.groupBox .group .group-bottom .img .shan[data-v-3eab6942] {
  width: 65px;
  height: 50px;
}
.groupBox .group .group-bottom .big-img.img[data-v-3eab6942] {
  width: 100%;
  height: 162px;
}
.groupBox .group .group-bottom .three-img.img[data-v-3eab6942] {
  width: 100%;
  height: 105px;
}
.groupBox .group .group-bottom .four-img[data-v-3eab6942] {
  width: 120px;
  height: 120px;
}
.groupBox .group .group-bottom .group-bottom-right[data-v-3eab6942] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .title[data-v-3eab6942] {
  font-size: 14px;
  color: #333333;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .people-box[data-v-3eab6942] {
  border-radius: 4px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .pink[data-v-3eab6942] {
  margin-top: 8px;
  font-size: 11px;
  border-radius: 4px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .pink .people[data-v-3eab6942] {
  color: #fff;
  padding: 2px 0;
  border-radius: 4px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .pink .groupNum[data-v-3eab6942] {
  padding: 2px 6px;
  border-radius: 0 3px 3px 0;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: 1px;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .price .pinkNum .pinkNum-num[data-v-3eab6942] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .price .num[data-v-3eab6942] {
  color: #999999;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .btnBox[data-v-3eab6942] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .btnBox .btn[data-v-3eab6942] {
  padding: 6px 10px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .group .group-bottom.two .two-item[data-v-3eab6942] {
  width: 100%;
}
.groupBox .group .group-bottom.two .two-item .title[data-v-3eab6942] {
  margin-top: 13px;
}
.groupBox .group .group-bottom.two .two-item .title .numPink[data-v-3eab6942] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 11px;
  width: 41px;
}
.groupBox .group .group-bottom.two .two-item .title .line1[data-v-3eab6942] {
  width: 145px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom[data-v-3eab6942] {
  margin-top: 5px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .pinkNum .num[data-v-3eab6942] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .otNum[data-v-3eab6942] {
  font-size: 13px;
  color: #999999;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .btnBox[data-v-3eab6942] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .btnBox .btn[data-v-3eab6942] {
  padding: 6px 12px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .group .group-bottom.three .three-box[data-v-3eab6942] {
  position: relative;
}
.groupBox .group .group-bottom.three .numPink[data-v-3eab6942] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.three .two-item[data-v-3eab6942] {
  width: 100%;
}
.groupBox .group .group-bottom.three .two-item .title[data-v-3eab6942] {
  margin-top: 8px;
}
.groupBox .group .group-bottom.three .two-item .title .numPink[data-v-3eab6942] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  width: 41px;
}
.groupBox .group .group-bottom.three .two-item .title .line1[data-v-3eab6942] {
  width: 90px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom[data-v-3eab6942] {
  margin-top: 5px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .pinkNum .num[data-v-3eab6942] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .otNum[data-v-3eab6942] {
  font-size: 13px;
  color: #999999;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .btnBox[data-v-3eab6942] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .btnBox .btn[data-v-3eab6942] {
  padding: 6px 12px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .group .group-bottom.four[data-v-3eab6942] {
  overflow: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.groupBox .group .group-bottom.four .four-item[data-v-3eab6942] {
  position: relative;
}
.groupBox .group .group-bottom.four .numPink[data-v-3eab6942] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.four .two-item[data-v-3eab6942] {
  width: 105px;
}
.groupBox .group .group-bottom.four .two-item .title[data-v-3eab6942] {
  margin-top: 9px;
}
.groupBox .group .group-bottom.four .two-item .title .line1[data-v-3eab6942] {
  width: 105px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom[data-v-3eab6942] {
  margin-top: 5px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .pinkNum .num[data-v-3eab6942] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .otNum[data-v-3eab6942] {
  font-size: 13px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .btnBox[data-v-3eab6942] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .btnBox .btn[data-v-3eab6942] {
  padding: 6px 12px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .price[data-v-3eab6942] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.groupBox .grid-list[data-v-3eab6942] {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 100%;
}
.groupBox .grid-three[data-v-3eab6942] {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
}
.titleFont[data-v-3eab6942] {
  font-size: 16px;
}
.pinkNum-icon[data-v-3eab6942],
.num-icon[data-v-3eab6942] {
  font-size: 12px;
  font-weight: 600;
}
.numPink[data-v-3eab6942] {
  background-color: rgba(255, 255, 255, 0.9);
}
.numPink-box[data-v-3eab6942] {
  border-radius: 4px;
}
.numPink-box-special[data-v-3eab6942] {
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 8px;
}
.huo[data-v-3eab6942] {
  width: 8px;
  height: 10px;
  vertical-align: baseline;
}
.otNum[data-v-3eab6942] {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.people-size[data-v-3eab6942] {
  font-size: 10px;
  padding: 2px 5px;
}
.iconkanjiahuohua[data-v-3eab6942] {
  font-size: 12px;
}
.people-size-box[data-v-3eab6942] {
  margin-bottom: 7px;
}
.page-container[data-v-3130d2fe] {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  backdrop-filter: blur(95px);
  -webkit-filter: blur(30rpx);
          filter: blur(30rpx);
  padding-bottom: 10px;
}
.page-container .bg-img[data-v-3130d2fe] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  -webkit-filter: blur(30rpx);
          filter: blur(30rpx);
  overflow: hidden;
}
.page-container .bg-img img[data-v-3130d2fe] {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: blur(30px);
          filter: blur(30px);
}
.page-container .bg-img .mask[data-v-3130d2fe] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 68px;
}
.search-box[data-v-3130d2fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  /*height: 27px;*/
  padding: 10px 10px 0;
  cursor: pointer;
}
.search-box img[data-v-3130d2fe] {
  width: 66px;
  margin-right: 10px;
}
.search-box .iconfont[data-v-3130d2fe] {
  margin-left: 13px;
  font-size: 18px;
  position: relative;
  color: #fff;
}
.search-box .iconfont[data-v-3130d2fe]::after {
  content: "8";
  width: 11px;
  height: 11px;
  background: #fff;
  color: #e93323;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -3px;
  right: -3px;
  font-size: 1px;
}
.search-box .box[data-v-3130d2fe] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 30px;
  line-height: 30px;
  color: #999;
  font-size: 12px;
  background: #fff;
  border-radius: 15px;
  position: relative;
  padding: 0 10px 0 25px;
}
.search-box .box i[data-v-3130d2fe] {
  font-size: 13px;
}
.capsule[data-v-3130d2fe] {
  width: 80px;
  height: 30px;
  margin-left: 7px;
  opacity: 0.8;
}
.capsule img[data-v-3130d2fe] {
  width: 80px;
  height: 30px;
}
.menus[data-v-3130d2fe] {
  width: 100%;
  padding: 0 20px 0 15px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 37px;
}
.menus .category[data-v-3130d2fe] {
  width: 20px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 12px;
}
.menus .category span[data-v-3130d2fe] {
  font-size: 18px;
}
.menus .item[data-v-3130d2fe] {
  position: relative;
  float: left;
  margin-right: 15px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  height: 38px;
  line-height: 36px;
}
.menus .item.on[data-v-3130d2fe] {
  font-size: 15px;
  font-weight: 600;
}
.menus .item.on span[data-v-3130d2fe] {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 16px;
  height: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
}
.banner[data-v-3130d2fe] {
  width: 100%;
  height: 150px;
  margin-top: 3px;
  padding: 0 10px;
}
.banner.on[data-v-3130d2fe] {
  margin-top: -160px;
}
.banner img[data-v-3130d2fe] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner img.doc[data-v-3130d2fe] {
  border-radius: 0;
}
.banner .empty-box[data-v-3130d2fe] {
  height: 150px;
}
.bg[data-v-3130d2fe] {
  width: 100%;
  height: 160px;
}
.empty-box[data-v-3130d2fe] {
  height: 150px;
}
.mobile-page[data-v-3130d2fe] {
  position: relative;
  width: auto;
}
.mobile-page .bottom-bg[data-v-3130d2fe] {
  position: absolute;
  background: #f5f5f5;
  width: 390px;
  height: 50%;
  top: 50%;
  left: -10px;
  z-index: 0;
}
.mobile-page .banner[data-v-3130d2fe] {
  width: 100%;
  height: 150px;
  margin-top: 0;
  position: relative;
}
.mobile-page .banner.on[data-v-3130d2fe] {
  margin-top: -160px;
}
.mobile-page .banner img[data-v-3130d2fe] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.mobile-page .banner img.doc[data-v-3130d2fe] {
  border-radius: 0 !important;
}
.mobile-page .bg[data-v-3130d2fe] {
  width: 100%;
  height: 160px;
}
.dot[data-v-3130d2fe] {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dot.number[data-v-3130d2fe] {
  bottom: 4px;
}
.dot .num[data-v-3130d2fe] {
  width: 25px;
  height: 18px;
  line-height: 18px;
  background-color: #000;
  color: #fff;
  opacity: 0.3;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
}
.dot .dot-item[data-v-3130d2fe] {
  width: 5px;
  height: 5px;
  background: #aaaaaa;
  border-radius: 50%;
  margin: 0 3px;
}
.dot.line-dot[data-v-3130d2fe] {
  bottom: 20px;
}
.dot.line-dot .line_dot-item[data-v-3130d2fe] {
  width: 10px;
  height: 3px;
  background: #dddddd;
  border-radius: 4px 4px 4px 4px;
  margin: 0 3px;
}
.dot.elipse-dot[data-v-3130d2fe] {
  bottom: 20px;
}
.dot.elipse-dot .elipse_dot-item[data-v-3130d2fe] {
  width: 8px;
  height: 4px;
  background: #aaaaaa;
  margin: 0 3px;
  border-radius: 4px;
}
.dot.entirety-dot[data-v-3130d2fe] {
  bottom: 20px;
}
.dot.entirety-dot .entirety_dot-item[data-v-3130d2fe] {
  width: 8px;
  height: 3px;
  background: #aaaaaa;
}
.dot.more-dot[data-v-3130d2fe] {
  bottom: 10px;
}
.banner-two[data-v-3130d2fe] {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 150px;
  padding: 0 10px;
}
.banner-two.on[data-v-3130d2fe] {
  margin-top: -160px;
}
.banner-two img[data-v-3130d2fe] {
  width: 100%;
  border-radius: 10px;
}
.banner-two img.doc[data-v-3130d2fe] {
  border-radius: 0;
}
.banner-two .img-middle[data-v-3130d2fe] {
  background-repeat: no-repeat;
  width: 100%;
  height: 150px;
  background-position: center center;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-two .img-left[data-v-3130d2fe] {
  height: 140px;
}
.banner-two .img-right[data-v-3130d2fe] {
  height: 140px;
}
.banner-two .empty-box[data-v-3130d2fe] {
  height: 150px;
  background: #f3f9ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-two .empty-left[data-v-3130d2fe] {
  height: 140px;
}
.banner-two .empty-middle[data-v-3130d2fe] {
  height: 150px;
}
.banner-two .empty-right[data-v-3130d2fe] {
  height: 140px;
}
.banner-two .img-item[data-v-3130d2fe] {
  position: absolute;
  display: inline-block;
  width: 69%;
}
.banner-two .item-middle[data-v-3130d2fe] {
  left: 28px;
  width: 85%;
  height: 150px;
}
.banner-two .item-middle-2[data-v-3130d2fe] {
  left: 9px;
  width: 95%;
  height: 150px;
}
.banner-two .img-box[data-v-3130d2fe] {
  width: 100%;
  height: 100%;
}
.banner-two .item-left[data-v-3130d2fe] {
  top: 5px;
  left: -243px;
  height: 140px;
}
.banner-two .item-right[data-v-3130d2fe] {
  top: 5px;
  left: 360px;
  height: 140px;
}
.icontupian[data-v-3130d2fe] {
  font-size: 30px !important;
  color: #bbbfc8;
}
.scroll_box[data-v-3dd6eb26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.couponBg[data-v-3dd6eb26] {
  width: 127px;
  height: 72px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABICAYAAADfwioGAAAAAXNSR0IArs4c6QAAA9RJREFUeF7tnc9qE2EUxc+dKNY/YBHbKBRsExCLLtomj+BOF4J9BEFBQQVFF+4UVBSsoKDgI1RwoTvfwEQLVhShiULBTiq14r+KZq5EaRGlMpPk+7jOnKwSeu89555fE+ajdCL47dHYPbgNPbmjChwAMACg9/ef87mbBER1ov9x7eRq08NS8QqAU22pKz4q8AKiD780o8tDU68Wl+fI8pP5UmFfEzIpQE9bImzqIAGdyldro6vDLzwBZKQDgV+tqosIcChfqd1tvfwJPywXDkJlsuPhHNB+AoIj+crM7T8HhOXiYShutT/4784Aur+vWnsg9ZHB3g1BUIcIP+K7mXAbs0Rk4mukN78vNGc3bskNRMBxERxrY9Q/WxRYCpaaQzJXKlwUyNluC3Ce7QQEuCBzY8VHIijbtkp3DhKYlnCs+AGCTQ6Gc6TtBBYlLBXVtke6c5UA4btK9j+YS/gGIQVb+xG9bTh3RvjOI04usGZ4D74/n07emLCD8BMG5qOc8H2kbFVj7Vrg2zfn7vjOdx6xXQHCt8vGuTPCdx6xXQHCt8vGuTPCdx5xcoEgvx1R+CZ5Y8IOwk8YmI9yHvV8pGxUg/CNgvFhi/B9pGxUg/CNgvFhK7djCM3XdedSvOBzHrFdAcK3y8a5M8J3HrFdAcK3y8a5M8J3HrFdAcI3yCa3cxjNl8+dOyN85xEnF+A5P3lmqekg/NSgTL4I4SfPLDUdhJ8alMkXkc290Pcr91BIPiBmBy/4YgaVxjLCTyPVmDsRfsyg0lhG+GmkGnMnwo8ZlM8yXvD5TNuYFo96xoD4tEP4PtM2pkX4xoD4tEP4PtM2psU/6RoDkkY7POqlkWrMnQg/ZlBpLCP8NFKNuRPhxwwqjWWEb5Aq/13LIBRflnjO95W0QR3CNwjFlyXC95W0QR3CNwjFlyXekMlX0hnW4VGP8DOcQIZX5zuf8DOcgMXVect1i1T8eOJRz0/OJlUI3yQWP6b4BUt+cs60Cq/2M4y/Bf8dAH6DdtZ+CRQfW/CfAtiTtd2zvq8qKtIoFc8rcC7rYWRtf4VeksbuwW1RT64uQE/WArC2rypuBMD1TwvN2TVbcgPrAjmqqie67lN18XMUDUlr8HypsC+C3O+6CAfGT0BwJF+Zuf1nQ1guHobiVvxBMSpFx/OV2t2f8FuPsFw4iAh3IMKLvxj5dbdEp/LV2uhqM8NS4QkgI51qKrCUg473VWsPWrNW4Lde1EcGe9fngjNQ2SvALgg2dSrI/lgJXM1XZ06vVtkYK1xTkXY//lu39ZoV4B6Wmjf7n72aW9b5Aer2e/D2nDUgAAAAAElFTkSuQmCC);
  background-size: contain;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
.couponBg .left[data-v-3dd6eb26] {
  width: 80%;
  text-align: center;
}
.couponBg .left .price-icon[data-v-3dd6eb26] {
  font-weight: 500;
  font-size: 15px;
}
.couponBg .left .price[data-v-3dd6eb26] {
  font-weight: 500;
  font-size: 26px;
}
.couponBg .left .title[data-v-3dd6eb26] {
  font-weight: 400;
  font-size: 13px;
}
.couponBg .right[data-v-3dd6eb26] {
  width: 20%;
  font-size: 13px;
  text-align: center;
}
.couponBg-new[data-v-3dd6eb26] {
  width: 137px;
  height: 75px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAABLCAYAAABEBKR2AAAAAXNSR0IArs4c6QAABXxJREFUeF7tnVtMHGUYhr857BaKgFGDxWpoy0HqbqSxUVMNzZKWSEK5aBqV9GZvilnSbQpKPdy38QAJSFfZiF7sHWrSXtA2tGnDRKKNbWLQghBYbIlWkKgRcWHZnYPZGVsJoQWSZXiX/eaG7PLn/5553zcz30xm/hVo0RarqChT8/OPiK6n9lN2ThGJorx4DH9OjgLG7dsUu3q1OFdRwkvNOO3xFDn37BkVtm5NTsF7zaJrUZqZuWWMjCoiUWBTKDS4cKhw58NNjydjS0FBq1j1kk8sLyfB6VxbMJ6djEiEYr76QNbFi8eWkmP20KFmR0tzk5CVZYtahqaR/vU3pHd3ByfHxxu3K0o0UdgMiRmQosKzckNDlZCXZwsQF7EU0K5dJ7W9/UjWpUufLdQkUll5VD5+PCA996ztUhlTU6S2tfVMhscOJoJihmTO6+2QTzT5OCC2+2EW1EdGSb1woZ9u3LhsfvFkyX65unqX6HKtDxARmUFpbglmhkL1wrzX66KamgFpb/m6AXFhTAW0K1dI+KRzl2AeRd571ydIEiZpGlGpP4+beys/UQCx10YsRvE33woI0VMnh+S6ulIIqjSH0H6bMBWQHs2HUULt7BwWou0fzsm1tRkwVAwCpYDa9bkqRAMBQ37lZSiwdIXRfv3FOpI89jiMBOoXXxKHBMYOovgP35k0jqefgaHikMBYYYHof/5h/hUfehiGjEMCYwUuCIcEzBv11k/WJfC2HTBkHBIYKywQ7knADEHE0af/snqS3Adh8PhIAmMFLgiHBMwbdWzE6kkKS2DIOCQwVnBPAmYFLo4xN2vCCZmbYSD5SAJjBS4IhwTMm/jQgEnk2OmGIeOQwFjBPQmYFbg4Rmze6kmcm2Ag+UgCYwUuCIcEzJv44PdWT+IqgyHjkMBYwT0JmBWMsxoF+EiyGrVsGGtoqtW4Sjhv1nJIbDB+NSX4UYHVqJWmY7lxTVPjU323+XQD5iDfTAMzBBGHexJEV8CY1JEhk0gu2QlDxqcbGCtwQTgkYN7o/8yYROID2TBkHBIYK/i2PJgVuDj8IDSuN0x2HwX4dAMWD345C8wQRBy+T4LoChgT2pppCXn4dAMWEkQcDgmYK/rvU9Z9kkdwFlzmkICFhHsSMEMQcXhhPURXmGlZBfh0s6xE9g6AXOyXl+i0NwTLVeOeZDmF+P/EVzccgpRUgHsSMNv4jiuYIYg43JMgugLGxMuGgxnCOCtTgHuSlelk2yheNtw2qVO3EPckqeudbeT8tLxtUnOhZCrAPUky1UzCXPwGXxJE3OhTcE+y0R1Owv7xsuFJEJGnsF8B7kns1/y+FXnZcDBDEHG4J0F0BYyJV18EM4RxVqaA1ZO0t8fl2ldxFg5dGfuGHAV5uunqigrRUyeH5Lq60g2peortFOTCep2dw8Ls4cOnHR+87xeczhSTlHHXWgFD00h9+52gEKuoKDNeq+uX9u1b65o8/z0U0IeGST1/vp/CYYXicVVwu6uk6mq3WFK8rpppX/URdXe7hQTFnNfbIZ9o8gl5OO+grqs6NhbXrl0nNRj0Z50799HCspHKyqOO1xsD4u7dNtL8X8qYmiK1uSWYGQrVmyG56fFkbCkqPCs3NFRxUOzzxIhEKP5GU2DzmTPHlqoaOXDgtLOt1S/k5NgHRURmQNraeibDYwe3K0rUDMndoBQUtIo1NT7xxRdIkCRbwdKxmKYoFP24ozhXUcJL7f+0x1OU4fePSnvLbZHHiMVI7+sjvedicHJ8vDERkEThuyG5QzHv9bp0Ir9QUuyh7OxtJEoZthCmYRF9eJi+HRhwVCiK9Rsmi7Zej0d+3u2Oi6VrfPGp6yrN/B3WB3+8LE9MfOrs7bV+wuu/7V8a+BaNLNJ0GAAAAABJRU5ErkJggg==);
}
.couponBg-new .right[data-v-3dd6eb26] {
  width: 13%;
  color: #e93323;
  font-weight: 400;
  font-size: 13px;
}
.couponBg-new .title[data-v-3dd6eb26] {
  color: #e93323;
}
.coupon1[data-v-3dd6eb26] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.coupon1 .list[data-v-3dd6eb26] {
  margin-top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.coupon1 .list .item[data-v-3dd6eb26] {
  width: 78px;
  height: 76px;
  background: #f12a13;
  position: relative;
  border-radius: 6px 6px 15px 15px;
}
.coupon1 .list .item .money[data-v-3dd6eb26] {
  width: 72px;
  height: 53px;
  background: #ffffff;
  border: 1px solid #fceae9;
  position: absolute;
  left: 3px;
  top: -8px;
  text-align: center;
  font-size: 20px;
  font-family: D-DIN-PRO, D-DIN-PRO;
  font-weight: 600;
  color: #e93323;
  padding-top: 6px;
  border-radius: 6px 6px 0 0;
}
.coupon1 .list .item .money .lable[data-v-3dd6eb26] {
  font-size: 14px;
}
.coupon1 .list .item .money .tips[data-v-3dd6eb26] {
  font-size: 9px;
  color: #999999;
  font-weight: 500;
}
.coupon1 .list .item .sill[data-v-3dd6eb26] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 39px;
  color: #fff;
  line-height: 46px;
  border-radius: 0 0 15px 15px;
  font-size: 10px;
  text-align: center;
}
.coupon1 .list .item img[data-v-3dd6eb26] {
  position: absolute;
  left: 0;
  width: 78px;
  height: 10px;
  bottom: 32px;
}
.coupon5[data-v-3dd6eb26] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}
.coupon5 .list[data-v-3dd6eb26] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.coupon5 .list .item[data-v-3dd6eb26] {
  width: 114px;
  height: 54px;
  border-radius: 6px;
  position: relative;
}
.coupon5 .list .item .roll[data-v-3dd6eb26] {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: -4px;
}
.coupon5 .list .item .right[data-v-3dd6eb26] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.coupon5 .list .item .right .rightCon[data-v-3dd6eb26] {
  width: 20px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
.coupon5 .list .item .left[data-v-3dd6eb26] {
  width: 86px;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
  border-radius: 6px;
  text-align: center;
  color: #e93323;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.coupon5 .list .item .left .money[data-v-3dd6eb26] {
  font-size: 21px;
  font-family: D-DIN-PRO, D-DIN-PRO;
  font-weight: 600;
}
.coupon5 .list .item .left .money .label[data-v-3dd6eb26] {
  font-size: 14px;
}
.coupon5 .list .item .left .tips[data-v-3dd6eb26] {
  font-size: 11px;
}
[data-v-6e2d061b].scrollCon {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -190px;
  overflow: hidden;
}
.page-foot[data-v-6e2d061b] {
  position: relative;
  width: 100%;
  margin: 4px auto 3px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-foot .delete-box[data-v-6e2d061b] {
  display: none;
  position: absolute;
  left: -2px;
  top: 0;
  width: 383px;
  height: 100%;
  border: 2px dashed var(--prev-color-primary) !important;
  padding: 10px 0;
}
.page-foot[data-v-6e2d061b]:hover, .page-foot.on[data-v-6e2d061b] {
  /*cursor: move;*/
}
.page-foot:hover .delete-box[data-v-6e2d061b], .page-foot.on .delete-box[data-v-6e2d061b] {
  /*display: block;*/
}
.page-foot.on[data-v-6e2d061b] {
  cursor: move;
}
.page-foot.on .delete-box[data-v-6e2d061b] {
  display: block;
  border: 2px solid var(--prev-color-primary) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
          box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
}
.overflowy[data-v-6e2d061b] {
  overflow-y: scroll;
  width: 100%;
}
.overflowy .picture[data-v-6e2d061b] {
  width: 379px;
  height: 20px;
  margin: 0 auto;
  background-color: #fff;
}
.page-fooot[data-v-6e2d061b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
  width: 100%;
}
.page-fooot.filter[data-v-6e2d061b] {
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
.page-fooot .foot-item[data-v-6e2d061b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-fooot .foot-item .empty-box[data-v-6e2d061b],
.page-fooot .foot-item img[data-v-6e2d061b] {
  width: 25px;
  height: 25px;
}
.page-fooot .foot-item p[data-v-6e2d061b] {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #282828;
}
.page-fooot .foot-item p.on[data-v-6e2d061b] {
  color: #00a4f8;
}
.auto[data-v-4a914e67] {
  width: auto !important;
}
.sold[data-v-4a914e67] {
  font-size: 11px;
  margin-top: 3px;
}
.pageOn[data-v-4a914e67] {
  border-radius: 8px !important;
}
.line2[data-v-4a914e67] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listBig[data-v-4a914e67] {
  width: 100%;
}
.listBig .itemBig[data-v-4a914e67] {
  width: 100%;
}
.listBig .itemBig[data-v-4a914e67]:last-child {
  margin-bottom: 0 !important;
}
.listBig .itemBig .img-box[data-v-4a914e67] {
  width: 100%;
  height: 355px;
  position: relative;
}
.listBig .itemBig .img-box img[data-v-4a914e67] {
  width: 100%;
  height: 355px;
}
.listBig .itemBig .img-box .empty-box[data-v-4a914e67] {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.listBig .itemBig .img-box .label[data-v-4a914e67] {
  position: absolute;
  top: 0;
  left: 0;
  width: 59px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 8px 0 8px 0;
}
.listBig .itemBig .name[data-v-4a914e67] {
  font-size: 15px;
  font-weight: bold;
  margin-top: 8px;
  padding: 0 10px;
}
.listBig .itemBig .coupon[data-v-4a914e67] {
  width: 16px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
  display: inline-block;
}
.listBig .itemBig .price[data-v-4a914e67] {
  font-weight: bold;
  font-size: 12px;
  margin-top: 10px;
}
.listBig .itemBig .price .num[data-v-4a914e67] {
  font-size: 18px;
  margin-right: 5px;
}
.listBig .itemBig .price .old-price[data-v-4a914e67] {
  color: #aaa !important;
  font-weight: normal;
  text-decoration: line-through;
}
.paddingBox[data-v-4a914e67] {
  padding-bottom: 0;
}
.home_product .hd_nav[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  padding: 0 5px;
}
.home_product .hd_nav .item[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25%;
}
.home_product .hd_nav .item .title[data-v-4a914e67] {
  font-size: 16px;
  color: #282828;
}
.home_product .hd_nav .item .label[data-v-4a914e67] {
  width: 62px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: transparent;
  border-radius: 8px;
  color: #999999;
  font-size: 12px;
}
.home_product .hd_nav .item .label.active .title[data-v-4a914e67] {
  color: #ff4444;
}
.home_product .hd_nav .item .label.active .label[data-v-4a914e67] {
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(#ff5400), to(red));
  background: linear-gradient(270deg, #ff5400 0%, red 100%);
}
.home_product .info[data-v-4a914e67] {
  padding: 10px 5px;
}
.home_product .info .title[data-v-4a914e67] {
  font-size: 13px;
  color: #282828;
  line-height: 21px;
}
.home_product .info .text[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.home_product .info .label[data-v-4a914e67] {
  padding: 0 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  text-align: center;
  line-height: 16px;
  height: 15px;
  margin-right: 4px;
}
.home_product .info .coupon[data-v-4a914e67],
.home_product .info .ship[data-v-4a914e67] {
  padding: 0 5px;
  line-height: 13px;
  border-radius: 2px;
  font-size: 10px;
  margin-left: 3px;
}
.home_product .info .ship[data-v-4a914e67] {
  color: #ff9000;
  border: 1px solid #ff9000;
}
.home_product .info .old-price[data-v-4a914e67] {
  color: #aaa;
  font-size: 13px;
  text-decoration: line-through;
  margin-left: 3px;
}
.home_product .info .price[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px;
}
.home_product .info .price .num[data-v-4a914e67] {
  font-size: 14px;
}
.home_product .info .price .num span[data-v-4a914e67] {
  font-size: 14px;
}
.home_product .info .price .label[data-v-4a914e67] {
  width: 16px;
  height: 18px;
  margin-left: 5px;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
}
.home_product .info .price .label.on[data-v-4a914e67] {
  margin-left: 0;
}
.home_product .listC[data-v-4a914e67] {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 100%;
}
.home_product .list-wrapper[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home_product .list-wrapper .item[data-v-4a914e67] {
  width: 48.5%;
  border-radius: 10px;
}
.home_product .list-wrapper .item .img-box[data-v-4a914e67] {
  position: relative;
  width: 100%;
  height: 173px;
}
.home_product .list-wrapper .item .img-box img[data-v-4a914e67],
.home_product .list-wrapper .item .img-box .box[data-v-4a914e67] {
  width: 100%;
  height: 100%;
}
.home_product .list-wrapper .item .img-box .empty-box[data-v-4a914e67] {
  background: #f3f9ff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_product .list-wrapper .item .img-box .box[data-v-4a914e67] {
  background: #d8d8d8;
}
.home_product .list-wrapper.itemA .text[data-v-4a914e67] {
  margin-top: 0 !important;
}
.home_product .list-wrapper.itemA .item[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.home_product .list-wrapper.itemA .item[data-v-4a914e67]:last-child {
  margin-bottom: 0 !important;
}
.home_product .list-wrapper.itemA .item .img-box[data-v-4a914e67] {
  position: relative;
  width: 110px;
  height: 110px;
}
.home_product .list-wrapper.itemA .item .img-box img[data-v-4a914e67],
.home_product .list-wrapper.itemA .item .img-box .box[data-v-4a914e67],
.home_product .list-wrapper.itemA .item .img-box .empty-box[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_product .list-wrapper.itemA .item .info[data-v-4a914e67] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
  padding: 5px 10px;
}
.home_product .list-wrapper.itemA .item .info .num[data-v-4a914e67] {
  font-weight: bold;
}
.home_product .list-wrapper.itemB[data-v-4a914e67] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  width: 100%;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}
.home_product .list-wrapper.itemB .item[data-v-4a914e67] {
  width: 31.6%;
  overflow: hidden;
}
.home_product .list-wrapper.itemB .item[data-v-4a914e67]:nth-child(3n) {
  margin-right: 0;
}
.home_product .list-wrapper.itemB .item .img-box[data-v-4a914e67] {
  position: relative;
  width: 100%;
  height: 110px;
}
.home_product .list-wrapper.itemB .item .price[data-v-4a914e67] {
  display: block;
}
.groupBox[data-v-1bfa612f] {
  overflow: hidden;
}
.groupBox .group[data-v-1bfa612f] {
  overflow: hidden;
}
.groupBox .group .group-top[data-v-1bfa612f] {
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 12px;
}
.groupBox .group .group-top .group-top-left .group_logo[data-v-1bfa612f] {
  width: 70px;
  height: 16px;
}
.groupBox .group .group-top .group-top-left .interval[data-v-1bfa612f] {
  width: 0px;
  height: 14px;
  margin: 2px 10px 0;
  opacity: 0.6;
}
.groupBox .group .group-top .group-top-left .pinkHead[data-v-1bfa612f] {
  width: 54px;
  height: 18px;
}
.groupBox .group .group-top .group-top-left .num[data-v-1bfa612f] {
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  color: #ffffff;
  margin-top: 2px;
}
.groupBox .group .group-top .group-top-right[data-v-1bfa612f] {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}
.groupBox .group .group-top .group-top-right .icon-xuanze[data-v-1bfa612f] {
  font-size: 12px;
}
.groupBox .group .group-bottom[data-v-1bfa612f] {
  width: 100%;
  padding: 10px;
}
.groupBox .group .group-bottom .img[data-v-1bfa612f] {
  width: 120px;
  height: 120px;
  background: #f3f9ff;
}
.groupBox .group .group-bottom .img .shan[data-v-1bfa612f] {
  width: 65px;
  height: 50px;
}
.groupBox .group .group-bottom .big-img.img[data-v-1bfa612f] {
  width: 100%;
  height: 162px;
}
.groupBox .group .group-bottom .three-img.img[data-v-1bfa612f] {
  width: 100%;
  height: 105px;
}
.groupBox .group .group-bottom .four-img[data-v-1bfa612f] {
  width: 120px;
  height: 120px;
}
.groupBox .group .group-bottom .group-bottom-right[data-v-1bfa612f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .title[data-v-1bfa612f] {
  font-size: 14px;
  color: #333333;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .people-box[data-v-1bfa612f] {
  border-radius: 4px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .pink[data-v-1bfa612f] {
  margin-top: 8px;
  font-size: 11px;
  border-radius: 4px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .pink .people[data-v-1bfa612f] {
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
}
.groupBox .group .group-bottom .group-bottom-right .right-top .pink .groupNum[data-v-1bfa612f] {
  padding: 2px 6px;
  border-radius: 0 3px 3px 0;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: 1px;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .price .pinkNum .pinkNum-num[data-v-1bfa612f] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .price .num[data-v-1bfa612f] {
  color: #999999;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .btnBox[data-v-1bfa612f] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom .group-bottom-right .right-bottom .btnBox .btn[data-v-1bfa612f] {
  padding: 6px 10px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .group .group-bottom.two .two-item[data-v-1bfa612f] {
  width: 100%;
}
.groupBox .group .group-bottom.two .two-item .title[data-v-1bfa612f] {
  margin-top: 10px;
}
.groupBox .group .group-bottom.two .two-item .title .numPink[data-v-1bfa612f] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 11px;
  width: 41px;
}
.groupBox .group .group-bottom.two .two-item .title .line1[data-v-1bfa612f] {
  width: 105px;
  margin-left: 5px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom[data-v-1bfa612f] {
  margin-top: 5px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .pinkNum .num[data-v-1bfa612f] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .otNum[data-v-1bfa612f] {
  font-size: 13px;
  color: #999999;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .btnBox[data-v-1bfa612f] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.two .two-item .two-item-bottom .btnBox .btn[data-v-1bfa612f] {
  padding: 6px 12px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .group .group-bottom.three .three-box[data-v-1bfa612f] {
  position: relative;
}
.groupBox .group .group-bottom.three .numPink[data-v-1bfa612f] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.three .two-item[data-v-1bfa612f] {
  width: 100%;
}
.groupBox .group .group-bottom.three .two-item .title[data-v-1bfa612f] {
  margin-top: 9px;
}
.groupBox .group .group-bottom.three .two-item .title .numPink[data-v-1bfa612f] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  width: 41px;
}
.groupBox .group .group-bottom.three .two-item .title .line1[data-v-1bfa612f] {
  width: 90px;
  margin-left: 5px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom[data-v-1bfa612f] {
  margin-top: 5px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .pinkNum .num[data-v-1bfa612f] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .otNum[data-v-1bfa612f] {
  font-size: 13px;
  color: #999999;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .btnBox[data-v-1bfa612f] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.three .two-item .two-item-bottom .btnBox .btn[data-v-1bfa612f] {
  padding: 6px 12px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .group .group-bottom.four[data-v-1bfa612f] {
  overflow: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.groupBox .group .group-bottom.four .four-item[data-v-1bfa612f] {
  position: relative;
}
.groupBox .group .group-bottom.four .numPink[data-v-1bfa612f] {
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.four .two-item[data-v-1bfa612f] {
  width: 105px;
}
.groupBox .group .group-bottom.four .two-item .title[data-v-1bfa612f] {
  margin-top: 9px;
}
.groupBox .group .group-bottom.four .two-item .title .line1[data-v-1bfa612f] {
  width: 105px;
  margin-left: 5px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom[data-v-1bfa612f] {
  margin-top: 5px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .pinkNum .num[data-v-1bfa612f] {
  font-weight: 600;
  font-size: 18px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .otNum[data-v-1bfa612f] {
  font-size: 13px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .btnBox[data-v-1bfa612f] {
  margin-top: 8px;
  font-size: 11px;
}
.groupBox .group .group-bottom.four .two-item .two-item-bottom .btnBox .btn[data-v-1bfa612f] {
  padding: 6px 12px;
  border-radius: 25px 25px 25px 25px;
}
.groupBox .price[data-v-1bfa612f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.groupBox .grid-list[data-v-1bfa612f] {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 100%;
}
.groupBox .grid-three[data-v-1bfa612f] {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
}
.titleFont[data-v-1bfa612f] {
  font-size: 16px;
}
.pinkNum-icon[data-v-1bfa612f],
.num-icon[data-v-1bfa612f] {
  font-size: 12px;
  font-weight: 600;
}
.numPink[data-v-1bfa612f] {
  background-color: rgba(255, 255, 255, 0.9);
}
.numPink-box[data-v-1bfa612f] {
  border-radius: 4px;
}
.numPink-box-special[data-v-1bfa612f] {
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 8px;
}
.pageOn[data-v-4331db7f] {
  border-radius: 12px !important;
}
.pageOn .advertItem01 img[data-v-4331db7f] {
  border-radius: 10px;
}
.pageOn .advertItem02 .item:nth-child(1) img[data-v-4331db7f] {
  border-radius: 10px 0 0 10px;
}
.pageOn .advertItem02 .item:nth-child(2) img[data-v-4331db7f] {
  border-radius: 0 10px 10px 0;
}
.pageOn .advertItem03 .item:nth-child(1) img[data-v-4331db7f] {
  border-radius: 10px 0 0 10px;
}
.pageOn .advertItem03 .item:nth-child(2) img[data-v-4331db7f] {
  border-radius: 0;
}
.pageOn .advertItem03 .item:nth-child(3) img[data-v-4331db7f] {
  border-radius: 0 10px 10px 0;
}
.pageOn .advertItem04 .item:nth-child(1) img[data-v-4331db7f] {
  border-radius: 10px 0 0 10px;
}
.pageOn .advertItem04 .item:nth-child(2) .pic:nth-child(1) img[data-v-4331db7f] {
  border-radius: 0 10px 0 0;
}
.pageOn .advertItem04 .item:nth-child(2) .pic:nth-child(2) img[data-v-4331db7f] {
  border-radius: 0 0 10px 0;
}
.pageOn .advertItem05 .item:nth-child(1) img[data-v-4331db7f] {
  border-radius: 10px 0 0 10px;
}
.pageOn .advertItem05 .item:nth-child(2) img[data-v-4331db7f] {
  border-radius: 0;
}
.pageOn .advertItem05 .item:nth-child(4) img[data-v-4331db7f] {
  border-radius: 0 10px 10px 0;
}
.pageOn .advertItem06 .item:nth-child(1) img[data-v-4331db7f] {
  border-radius: 10px 0 0 0;
}
.pageOn .advertItem06 .item:nth-child(2) img[data-v-4331db7f] {
  border-radius: 0 10px 0 0;
}
.pageOn .advertItem06 .item:nth-child(3) img[data-v-4331db7f] {
  border-radius: 0 0 0 10px;
}
.pageOn .advertItem06 .item:nth-child(4) img[data-v-4331db7f] {
  border-radius: 0 0 10px 0;
}
.mobile-page .advert .advertItem01[data-v-4331db7f] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem01 .empty-box[data-v-4331db7f] {
  width: 100%;
  height: 379px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem01 .empty-box .icontupian[data-v-4331db7f] {
  font-size: 50px;
  color: #999;
}
.mobile-page .advert .advertItem01 img[data-v-4331db7f] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem02[data-v-4331db7f] {
  width: 100%;
}
.mobile-page .advert .advertItem02 .item[data-v-4331db7f] {
  width: 50%;
  height: auto;
}
.mobile-page .advert .advertItem02 .item img[data-v-4331db7f] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem02 .item .empty-box[data-v-4331db7f] {
  width: 100%;
  height: 189.5px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem03 .item[data-v-4331db7f] {
  width: 33.3333%;
}
.mobile-page .advert .advertItem03 .item .empty-box[data-v-4331db7f] {
  width: 100%;
  height: 126.4px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem04 .item[data-v-4331db7f] {
  width: 50%;
  height: 189.5px;
}
.mobile-page .advert .advertItem04 .item .empty-box[data-v-4331db7f] {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.mobile-page .advert .advertItem04 .item img[data-v-4331db7f] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem04 .item .pic[data-v-4331db7f] {
  width: 100%;
  height: 94.75px;
}
.mobile-page .advert .advertItem05 .item[data-v-4331db7f] {
  width: 25%;
}
.mobile-page .advert .advertItem05 .item .empty-box[data-v-4331db7f] {
  width: 100%;
  height: 94.75px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem06 .item[data-v-4331db7f] {
  width: 50%;
  height: 95px;
}
.mobile-page .advert .advertItem06 .item img[data-v-4331db7f] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem06 .item .empty-box[data-v-4331db7f] {
  width: 100%;
  height: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pageOn[data-v-3014c442] {
  border-radius: 10px !important;
}
.list_menu[data-v-3014c442] {
  padding: 0 12px;
  display: grid;
  grid-template-rows: auto;
}
.list_menu .item[data-v-3014c442] {
  font-size: 11px;
  color: #282828;
  text-align: center;
}
.list_menu .item.four[data-v-3014c442] {
  width: 25%;
}
.list_menu .item.five[data-v-3014c442] {
  width: 20%;
}
.list_menu .item .img-box[data-v-3014c442] {
  width: 50px;
  height: 50px;
  margin: 0 auto 7px auto;
}
.list_menu .item .img-box.on[data-v-3014c442] {
  border-radius: 50%;
}
.list_menu .item .img-box.on img[data-v-3014c442],
.list_menu .item .img-box.on .empty-box[data-v-3014c442] {
  border-radius: 50%;
}
.list_menu .item .img-box img[data-v-3014c442] {
  width: 100%;
  height: 100%;
}
.list_menu .icontupian[data-v-3014c442] {
  font-size: 16px;
}
.home_menu[data-v-3014c442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.home_menu .menu-item[data-v-3014c442] {
  font-size: 11px;
  color: #282828;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.home_menu .menu-item .img-box[data-v-3014c442] {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.home_menu .menu-item .img-box.on[data-v-3014c442] {
  border-radius: 50%;
}
.home_menu .menu-item .img-box.on img[data-v-3014c442],
.home_menu .menu-item .img-box.on .empty-box[data-v-3014c442] {
  border-radius: 50%;
}
.home_menu .menu-item .box[data-v-3014c442],
.home_menu .menu-item img[data-v-3014c442] {
  width: 100%;
  height: 100%;
}
.home_menu .menu-item .box[data-v-3014c442] {
  background: #d8d8d8;
}
.home_menu .menu-item p[data-v-3014c442] {
  margin-top: 5px;
}
.home_menu .menu-item[data-v-3014c442]:nth-child(5n) {
  margin-right: 0;
}
.home_menu.on .menu-item[data-v-3014c442] {
  margin-right: 51px;
}
.home_menu.on .menu-item[data-v-3014c442]:nth-child(5n) {
  margin-right: 51px;
}
.home_menu.on .menu-item[data-v-3014c442]:nth-child(4n) {
  margin-right: 0;
}
.home_menu .icontupian[data-v-3014c442] {
  font-size: 16px;
}
.dot[data-v-3014c442] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
}
.dot.number[data-v-3014c442] {
  bottom: 15px;
}
.dot .num[data-v-3014c442] {
  width: 25px;
  height: 18px;
  line-height: 18px;
  background-color: #000;
  color: #fff;
  opacity: 0.3;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
}
.dot .dot-item[data-v-3014c442] {
  width: 5px;
  height: 5px;
  background: #aaaaaa;
  border-radius: 50%;
  margin: 0 3px;
}
.dot.line-dot .dot-item[data-v-3014c442] {
  width: 8px;
  height: 2px;
  background: #aaaaaa;
  margin: 0 3px;
}
.pageOn[data-v-06b15419] {
  border-radius: 6px !important;
}
.news-box .item[data-v-06b15419] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
  height: 39px;
}
.news-box .item .img-box[data-v-06b15419] {
  width: 75px;
  height: 18px;
  border-right: 1px solid #ddd;
  padding-right: 10px;
}
.news-box .item .img-box img[data-v-06b15419] {
  width: 100%;
  height: 100%;
}
.news-box .item .right-box[data-v-06b15419] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-top: 3px;
  background-size: 20px 20px;
  background-position: right center;
  background-repeat: no-repeat;
}
.more[data-v-e2911842] {
  position: relative;
}
.seckill[data-v-e2911842] {
  width: auto;
  background: #fff;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.seckill .bg_box[data-v-e2911842] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 128px;
  background-repeat: no-repeat;
  background-size: cover;
}
.seckill .title .pictrue[data-v-e2911842] {
  width: 62px;
  height: 16px;
}
.seckill .title .pictrue el-image[data-v-e2911842],
.seckill .title .pictrue .image[data-v-e2911842],
.seckill .title .pictrue[data-v-e2911842] .el-image {
  width: 100%;
  height: 100%;
}
.seckill .title .lines[data-v-e2911842] {
  width: 1px;
  height: 12px;
  background-color: #fff;
  opacity: 0.6;
  margin-left: 8px;
}
.seckill .title .point[data-v-e2911842] {
  font-size: 10px;
  color: #fff;
  margin-left: 10px;
  margin-right: 2px;
  z-index: 9;
}
.seckill .title .styleAll[data-v-e2911842] {
  width: 17px;
  height: 17px;
  background-color: #2f2f2f;
  border-radius: 3px;
  color: #fff;
  text-align: center;
}
.seckill .title .more[data-v-e2911842] {
  width: 43px;
  height: 20px;
  background: linear-gradient(142deg, #ffe9ce 0%, #ffd6a7 100%);
  opacity: 1;
  border-radius: 18px;
  font-size: 11px;
  color: #fe960f;
  padding-left: 4px;
  font-weight: 800;
}
.seckill .title .more .iconfont[data-v-e2911842] {
  font-size: 10px;
}
.seckill .conter[data-v-e2911842] {
  border-radius: 12px;
  margin-top: 15px;
  position: relative;
  z-index: 9;
}
.seckill .conter .itemCon[data-v-e2911842] {
  display: inline-block;
  width: 93px;
}
.seckill .conter .itemCon .item[data-v-e2911842] {
  width: 100%;
}
.seckill .conter .itemCon .item .pictrue[data-v-e2911842] {
  width: 100%;
  height: 93px;
  overflow: hidden;
}
.seckill .conter .itemCon .item .pictrue .empty-box[data-v-e2911842] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seckill .conter .itemCon .item .pictrue image[data-v-e2911842] {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.seckill .conter .itemCon .item .name[data-v-e2911842] {
  font-size: 13px;
  color: #333;
  margin-top: 4px;
}
.seckill .conter .itemCon .item .y_money[data-v-e2911842] {
  font-size: 12px;
  color: #999999;
  text-decoration: line-through;
}
.seckill .conter .itemCon .item .x_money[data-v-e2911842] {
  font-size: 14px;
  height: 100%;
  font-weight: bold;
  margin-top: 2px;
}
.seckill .conter .itemCon .item .x_money .num[data-v-e2911842] {
  font-size: 14px;
}
.seckill .conter .itemCon .item .money[data-v-e2911842] {
  margin-top: 7px;
}
.conter_y[data-v-e2911842] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
  grid-gap: 10px;
  width: 100%;
  margin-top: 15px;
  position: relative;
}
.conter_y .item[data-v-e2911842] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.conter_y .item .pictrue[data-v-e2911842] {
  width: 108px;
  height: 108px;
}
.conter_y .item .pictrue .empty-box[data-v-e2911842] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.conter_y .item .pictrue image[data-v-e2911842] {
  width: 100%;
  height: 100%;
}
.conter_y .item .text-info[data-v-e2911842] {
  margin-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.conter_y .item .text-info .title[data-v-e2911842] {
  width: 100%;
  height: 40px;
  line-height: 20px;
  color: #333;
}
.conter_y .item .text-info .old-price[data-v-e2911842] {
  font-weight: normal;
  font-size: 12px;
  color: #999;
}
.conter_y .item .text-info .price[data-v-e2911842] {
  font-size: 18px;
  font-weight: 600;
}
.conter_y .item .text-info .price text[data-v-e2911842] {
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: normal;
}
.auto[data-v-d9989576] {
  width: auto !important;
}
.listC[data-v-d9989576] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  width: 100%;
}
.menus[data-v-d9989576] {
  width: 100%;
  padding: 0 20px 0 15px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menus .category[data-v-d9989576] {
  width: 20px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 12px;
}
.menus .category span[data-v-d9989576] {
  font-size: 18px;
}
.menus .item[data-v-d9989576] {
  position: relative;
  float: left;
  margin-right: 15px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  height: 38px;
  line-height: 36px;
}
.menus .item.on[data-v-d9989576] {
  font-size: 15px;
}
.menus .item.on span[data-v-d9989576] {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 16px;
  height: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
}
.sold[data-v-d9989576] {
  font-size: 11px;
  color: #666;
  margin-top: 3px;
}
.itemOn[data-v-d9989576] {
  border-radius: 0 !important;
}
.itemOn img[data-v-d9989576],
.itemOn .empty-box[data-v-d9989576] {
  border-radius: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.itemOn .img-box .label[data-v-d9989576] {
  border-radius: 0 0 8px 0 !important;
}
.pageOn[data-v-d9989576] {
  border-radius: 8px !important;
}
.line2[data-v-d9989576] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listBig[data-v-d9989576] {
  width: 100%;
  padding: 10px 0 10px 0;
}
.listBig .itemBig[data-v-d9989576] {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 10px;
}
.listBig .itemBig .img-box[data-v-d9989576] {
  width: 100%;
  height: 355px;
  position: relative;
  border-radius: 50px;
}
.listBig .itemBig .img-box img[data-v-d9989576] {
  width: 100%;
  height: 355px;
  border-radius: 10px;
}
.listBig .itemBig .img-box .empty-box[data-v-d9989576] {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.listBig .itemBig .img-box .label[data-v-d9989576] {
  position: absolute;
  top: 0;
  left: 0;
  width: 59px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 8px 0 8px 0;
}
.listBig .itemBig .name[data-v-d9989576] {
  font-size: 15px;
  font-weight: bold;
  margin-top: 8px;
  padding: 0 10px;
}
.listBig .itemBig .coupon[data-v-d9989576] {
  width: 16px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
  display: inline-block;
}
.listBig .itemBig .price[data-v-d9989576] {
  font-weight: bold;
  font-size: 12px;
}
.listBig .itemBig .price .num[data-v-d9989576] {
  font-size: 18px;
  margin-right: 5px;
}
.listBig .itemBig .price .old-price[data-v-d9989576] {
  color: #aaa !important;
  font-weight: normal;
  text-decoration: line-through;
}
.paddingBox[data-v-d9989576] {
  padding-bottom: 0;
}
.home_product[data-v-d9989576] {
  padding: 0 10px;
}
.home_product .hd_nav[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  padding: 0 5px;
}
.home_product .hd_nav .item[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*width: 25%;*/
}
.home_product .hd_nav .item .title[data-v-d9989576] {
  font-size: 16px;
  color: #282828;
}
.home_product .hd_nav .item .label[data-v-d9989576] {
  width: 62px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: transparent;
  border-radius: 8px;
  color: #999999;
  font-size: 12px;
}
.home_product .hd_nav .item .label.active .title[data-v-d9989576] {
  color: #ff4444;
}
.home_product .hd_nav .item .label.active .label[data-v-d9989576] {
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(#ff5400), to(red));
  background: linear-gradient(270deg, #ff5400 0%, red 100%);
}
.home_product .info[data-v-d9989576] {
  padding: 10px 5px;
}
.home_product .info .title[data-v-d9989576] {
  font-size: 13px;
  color: #282828;
  line-height: 21px;
}
.home_product .info .text[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.home_product .info .label[data-v-d9989576] {
  padding: 0 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  text-align: center;
  line-height: 16px;
  height: 15px;
  margin-right: 4px;
}
.home_product .info .coupon[data-v-d9989576],
.home_product .info .ship[data-v-d9989576] {
  padding: 0 5px;
  line-height: 13px;
  border-radius: 2px;
  font-size: 10px;
  margin-left: 3px;
}
.home_product .info .ship[data-v-d9989576] {
  color: #ff9000;
  border: 1px solid #ff9000;
}
.home_product .info .old-price[data-v-d9989576] {
  color: #aaa;
  font-size: 13px;
  text-decoration: line-through;
  margin-left: 3px;
}
.home_product .info .price[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px;
}
.home_product .info .price .num[data-v-d9989576] {
  font-size: 14px;
}
.home_product .info .price .num span[data-v-d9989576] {
  font-size: 14px;
}
.home_product .info .price .label[data-v-d9989576] {
  width: 16px;
  height: 18px;
  margin-left: 5px;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
}
.home_product .info .price .label.on[data-v-d9989576] {
  margin-left: 0;
}
.home_product .list-wrapper[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home_product .list-wrapper .item[data-v-d9989576] {
  /*width: 48.5%;*/
  border-radius: 10px;
}
.home_product .list-wrapper .item[data-v-d9989576]:last-child {
  margin-bottom: 0 !important;
}
.home_product .list-wrapper .item .img-box[data-v-d9989576] {
  position: relative;
  width: 100%;
  height: 173px;
}
.home_product .list-wrapper .item .img-box img[data-v-d9989576],
.home_product .list-wrapper .item .img-box .box[data-v-d9989576] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.home_product .list-wrapper .item .img-box .empty-box[data-v-d9989576] {
  background: #f3f9ff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_product .list-wrapper .item .img-box .box[data-v-d9989576] {
  background: #d8d8d8;
}
.home_product .list-wrapper.itemA .text[data-v-d9989576] {
  margin-top: 0 !important;
}
.home_product .list-wrapper.itemA .item[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.home_product .list-wrapper.itemA .item .img-box[data-v-d9989576] {
  position: relative;
  width: 110px;
  height: 110px;
}
.home_product .list-wrapper.itemA .item .img-box img[data-v-d9989576],
.home_product .list-wrapper.itemA .item .img-box .box[data-v-d9989576],
.home_product .list-wrapper.itemA .item .img-box .empty-box[data-v-d9989576] {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_product .list-wrapper.itemA .item .info[data-v-d9989576] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
  padding: 5px 10px;
}
.home_product .list-wrapper.itemA .item .info .num[data-v-d9989576] {
  font-weight: bold;
}
.home_product .list-wrapper.itemB[data-v-d9989576] {
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}
.home_product .list-wrapper.itemB .item[data-v-d9989576] {
  overflow: hidden;
}
.home_product .list-wrapper.itemB .item[data-v-d9989576]:nth-child(3n) {
  margin-right: 0;
}
.home_product .list-wrapper.itemB .item .img-box[data-v-d9989576] {
  position: relative;
  width: 100%;
  height: 110px;
}
.home_product .list-wrapper.itemB .item .img-box img[data-v-d9989576],
.home_product .list-wrapper.itemB .item .img-box .box[data-v-d9989576],
.home_product .list-wrapper.itemB .item .img-box .empty-box[data-v-d9989576] {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_product .list-wrapper.itemB .item .price[data-v-d9989576] {
  display: block;
}
.home_product .list-wrapper.itemC[data-v-d9989576] {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 100%;
}
.home_product .list-wrapper.itemC .item[data-v-d9989576] {
  background-color: #fff;
  overflow: hidden;
}
.home_product .list-wrapper.itemC .item img[data-v-d9989576],
.home_product .list-wrapper.itemC .item .box[data-v-d9989576],
.home_product .list-wrapper.itemC .item .empty-box[data-v-d9989576] {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_product .list-wrapper.itemC .item .price[data-v-d9989576] {
  margin-top: 3px;
}
.shrink[data-v-d9989576] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.titleOn[data-v-15dc0ef0] {
  border-radius: 10px !important;
}
.title-box[data-v-15dc0ef0] {
  color: #282828;
  padding: 5px 10px;
  background-repeat: no-repeat;
}
.ml6[data-v-15dc0ef0] {
  margin-left: 6px;
}
.video[data-v-785bbdaa] {
  width: 100%;
  height: 239px !important;
}
.video video[data-v-785bbdaa] {
  width: 100%;
  height: 100%;
}
.menus[data-v-92aabbd2] {
  width: 100%;
  padding: 0 20px 0 15px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 37px;
}
.menus .category[data-v-92aabbd2] {
  width: 20px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 12px;
}
.menus .category span[data-v-92aabbd2] {
  font-size: 18px;
}
.menus .item[data-v-92aabbd2] {
  position: relative;
  float: left;
  margin-right: 15px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  height: 38px;
  line-height: 36px;
}
.menus .item.on[data-v-92aabbd2] {
  font-size: 15px;
  font-weight: 600 !important;
}
.menus .item.on span[data-v-92aabbd2] {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 16px;
  height: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
}
.mobile-page .advert .advertItem01[data-v-d67d1934] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem01 .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 379px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem01 .empty-box .icon-tu[data-v-d67d1934] {
  font-size: 50px;
  color: #999;
}
.mobile-page .advert .advertItem01 img[data-v-d67d1934] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem02[data-v-d67d1934] {
  width: 100%;
}
.mobile-page .advert .advertItem02 .item[data-v-d67d1934] {
  width: 50%;
  height: auto;
}
.mobile-page .advert .advertItem02 .item img[data-v-d67d1934] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem02 .item .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 189.5px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem03 .item[data-v-d67d1934] {
  width: 33.3333%;
}
.mobile-page .advert .advertItem03 .item .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 126.4px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem04 .item[data-v-d67d1934] {
  width: 50%;
  height: 189.5px;
}
.mobile-page .advert .advertItem04 .item .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem04 .item img[data-v-d67d1934] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem04 .item .pic[data-v-d67d1934] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem04 .item .pic .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 94.75px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem05 .item[data-v-d67d1934] {
  width: 25%;
}
.mobile-page .advert .advertItem05 .item .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 94.75px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-page .advert .advertItem06 .item[data-v-d67d1934] {
  width: 50%;
  height: 95px;
}
.mobile-page .advert .advertItem06 .item img[data-v-d67d1934] {
  width: 100%;
  height: 100%;
}
.mobile-page .advert .advertItem06 .item .empty-box[data-v-d67d1934] {
  width: 100%;
  height: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pic-four[data-v-d67d1934] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.img-style[data-v-d67d1934] {
  background-repeat: no-repeat;
  background-position: center center;
}
.stretch[data-v-d67d1934] {
  background-size: 100% 100%;
}
.scale[data-v-d67d1934] {
  -o-object-fit: contain;
     object-fit: contain;
}
.fill[data-v-d67d1934] {
  -o-object-fit: cover;
     object-fit: cover;
}
.search-box[data-v-ae38bb78] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  backdrop-filter: blur(15px);
}
.search-box img[data-v-ae38bb78] {
  width: 66px;
  height: 33px;
  margin-right: 10px;
}
.search-box .box[data-v-ae38bb78] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding-left: 10px;
  background: rgba(228, 228, 228, 0.9);
  position: relative;
}
.search-box .box i[data-v-ae38bb78] {
  font-size: 13px;
  top: 8px;
  margin-top: 2px;
}
.search-box .box .line1[data-v-ae38bb78] {
  display: inline-block;
  width: 150px;
}
.capsule[data-v-ae38bb78] {
  width: 80px;
  height: 30px;
  margin-left: 7px;
  opacity: 0.8;
}
.capsule img[data-v-ae38bb78] {
  width: 80px;
  height: 30px;
}
.box[data-v-149d5826] {
  height: 20px;
  background: #f5f5f5;
}
.mobile-page[data-v-f8952e7c] {
  padding: 10px;
}
.mobile-page[data-v-3a10d57d]  video {
  width: 100% !important;
}
.box[data-v-3a10d57d] {
  min-height: 100px;
  padding: 10px;
  background: #f5f5f5;
}
.box[data-v-3a10d57d]  img {
  max-width: 100%;
  height: auto;
}
@charset "UTF-8";
[data-v-5df02807]:export {
  menuText: #ffffff;
  menuActiveText: #409EFF;
  subMenuActiveText: #f4f4f5;
  menuBg: #1F2937;
  menuHover: #2563EB;
  subMenuBg: #1F2937;
  subMenuHover: #2563EB;
  sideBarWidth: 70px;
  subBarWidth: 120px;
}
.acea-row[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.acea-row.row-middle[data-v-5df02807] {
  -webkit-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.acea-row.row-top[data-v-5df02807] {
  -webkit-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.acea-row.row-bottom[data-v-5df02807] {
  -webkit-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.acea-row.row-center[data-v-5df02807] {
  -webkit-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.acea-row.row-right[data-v-5df02807] {
  -webkit-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.acea-row.row-left[data-v-5df02807] {
  -webkit-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.acea-row.row-between[data-v-5df02807] {
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.acea-row.row-around[data-v-5df02807] {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
}
.acea-row.row-column-around[data-v-5df02807] {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-justify-content: space-around;
}
.acea-row.row-column[data-v-5df02807] {
  -webkit-box-orient: vertical;
  -o-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.acea-row.row-column-between[data-v-5df02807] {
  -webkit-box-orient: vertical;
  -o-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 上下左右垂直居中 */
.acea-row.row-center-wrapper[data-v-5df02807] {
  -webkit-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* 上下两边居中对齐 */
.acea-row.row-between-wrapper[data-v-5df02807] {
  -webkit-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mb20[data-v-5df02807] {
  margin-bottom: 20px !important;
}
.mb14[data-v-5df02807] {
  margin-bottom: 14px !important;
}
.mb15[data-v-5df02807] {
  margin-bottom: 15px !important;
}
.mb30[data-v-5df02807] {
  margin-bottom: 30px !important;
}
.mb10[data-v-5df02807] {
  margin-bottom: 10px;
}
.mb5[data-v-5df02807] {
  margin-bottom: 5px !important;
}
.mb35[data-v-5df02807] {
  margin-bottom: 35px !important;
}
.mb50[data-v-5df02807] {
  margin-bottom: 50px !important;
}
.mt3[data-v-5df02807] {
  margin-top: 3px;
}
.mt4[data-v-5df02807] {
  margin-top: 4px;
}
.mt5[data-v-5df02807] {
  margin-top: 5px;
}
.mt10[data-v-5df02807] {
  margin-top: 10px;
}
.mt14[data-v-5df02807] {
  margin-top: 14px;
}
.mt20[data-v-5df02807] {
  margin-top: 20px;
}
.mt25[data-v-5df02807] {
  margin-top: 25px;
}
.mt30[data-v-5df02807] {
  margin-top: 30px;
}
.mt35[data-v-5df02807] {
  margin-top: 35px;
}
.mt50[data-v-5df02807] {
  margin-top: 50px;
}
.mr[data-v-5df02807] {
  margin-right: 15px;
}
.mr5[data-v-5df02807] {
  margin-right: 5px !important;
}
.mr10[data-v-5df02807] {
  margin-right: 10px !important;
}
.mr14[data-v-5df02807] {
  margin-right: 14px;
}
.mr15[data-v-5df02807] {
  margin-right: 15px !important;
}
.mr20[data-v-5df02807] {
  margin-right: 20px !important;
}
.mr50[data-v-5df02807] {
  margin-right: 50px;
}
.ml2[data-v-5df02807] {
  margin-left: 2px;
}
.ml10[data-v-5df02807] {
  margin-left: 10px;
}
.ml15[data-v-5df02807] {
  margin-left: 15px;
}
.ml20[data-v-5df02807] {
  margin-left: 20px;
}
.ml22[data-v-5df02807] {
  margin-left: 22px;
}
.ml30[data-v-5df02807] {
  margin-left: 30px;
}
.ml32[data-v-5df02807] {
  margin-left: 32px;
}
.ml40[data-v-5df02807] {
  margin-left: 40px !important;
}
.ml95[data-v-5df02807] {
  margin-left: 95px !important;
}
.px20[data-v-5df02807] {
  padding: 0 20px;
}
.px35[data-v-5df02807] {
  padding: 0 35px;
}
.pl10[data-v-5df02807] {
  padding-left: 10px;
}
.pl25[data-v-5df02807] {
  padding-left: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt5[data-v-5df02807] {
  padding: 5px 0 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt10[data-v-5df02807] {
  padding-top: 10px;
}
.padding-add[data-v-5df02807] {
  padding: 20px 20px 0;
}
.paddingBox[data-v-5df02807] {
  padding: 0 10px 10px;
}
.borderPadding[data-v-5df02807] {
  padding: 0 15px;
}
.labelwidth[data-v-5df02807] {
  width: 72px;
  font-size: 12px !important;
}
.labelml[data-v-5df02807] {
  margin-left: 22px !important;
}
.font12[data-v-5df02807] {
  font-size: 12px !important;
}
.font14[data-v-5df02807] {
  font-size: 14px !important;
}
.f-w-500[data-v-5df02807] {
  font-weight: 500;
}
.f-s-18[data-v-5df02807] {
  font-size: 18px;
}
.text333[data-v-5df02807] {
  color: #333;
}
.text666[data-v-5df02807] {
  color: #666;
}
.text999[data-v-5df02807] {
  color: #999;
}
.color-red[data-v-5df02807] {
  color: #f56c6c;
}
.line1[data-v-5df02807] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.line2[data-v-5df02807] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-center[data-v-5df02807] {
  text-align: center;
}
.text-left[data-v-5df02807] {
  text-align: left;
}
.text-right[data-v-5df02807] {
  text-align: right;
}
.width100[data-v-5df02807] {
  width: 100%;
}
.spBlock[data-v-5df02807] {
  display: block;
}
.pointer[data-v-5df02807] {
  cursor: pointer;
}
.clearfix[data-v-5df02807]:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.mobile-config[data-v-5df02807] {
  width: 100%;
  padding: 15px 0;
}
.c_label[data-v-5df02807] {
  font-size: 12px;
  color: #999;
  margin-bottom: 0;
}
.c_label .labelwidth[data-v-5df02807] {
  color: #999;
  display: inline-block;
  margin-right: 22px;
}
.slider-box[data-v-5df02807] {
  width: 81% !important;
}
.title-config-diy[data-v-5df02807] {
  height: 63px;
  padding: 0 15px;
  line-height: 63px;
}
.title-config-diy .title-bar[data-v-5df02807] {
  font-size: 16px;
  color: #333;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 600;
}
.mobile-config-from[data-v-5df02807] {
  border-top: 6px solid #f6f7f9;
  padding-top: 20px;
}
.title-bar-line[data-v-5df02807] {
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  color: #303133;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.title-bar-line[data-v-5df02807]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 16px;
  background: var(--prev-color-primary);
}
.empty-box[data-v-5df02807] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #e6e9ed;
  border-radius: 6px;
}
.empty-box.on[data-v-5df02807] {
  border-radius: 0px;
}
.empty-box .iconfont-diy[data-v-5df02807] {
  color: #bbbfc8;
  font-size: 30px;
}
.c_row-item[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icon-tu[data-v-5df02807] {
  color: #c7ccd1;
  font-size: 50px !important;
}
.title-tips[data-v-5df02807] {
  padding-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.title-tips span[data-v-5df02807] {
  color: #999;
}
[data-v-5df02807] .el-input__inner,[data-v-5df02807] .el-textarea__inner {
  font-size: 13px;
}
[data-v-5df02807] .el-button--medium {
  font-size: 13px !important;
}
[data-v-5df02807] .el-form-item__label {
  font-size: 13px;
}
[data-v-5df02807] .el-radio__label,[data-v-5df02807] .el-checkbox__label {
  font-size: 13px;
}
.devise_head[data-v-5df02807] {
  position: fixed;
  top: 50px;
  left: 70px;
  width: calc(100% - 70px);
  height: 66px;
  padding: 0 20px;
  z-index: 999;
  background: -webkit-gradient(linear, left top, right top, from(#0550ff), to(#009dff));
  background: linear-gradient(90deg, #0550ff 0%, #009dff 100%);
  color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.devise_head .row-baseline[data-v-5df02807] {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.devise_head .preview[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.devise_head .back[data-v-5df02807] {
  font-size: 14px;
  cursor: pointer;
}
.devise_head .v_line[data-v-5df02807] {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #eee;
  opacity: 0.5;
  margin: 0 16px;
}
.devise_head .title-wrapper[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.devise_head .title[data-v-5df02807] {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.devise_head .edit[data-v-5df02807] {
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  vertical-align: middle;
}
.devise_head .ht_btn[data-v-5df02807] {
  width: 74px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.devise_head .ht_btn .iconfont[data-v-5df02807] {
  color: #fff;
  font-size: 14px;
  margin-left: -4px;
}
.devise_head .mx_12[data-v-5df02807] {
  margin: 0 12px;
}
[data-v-5df02807] .el-icon-error {
  color: #ccc !important;
}
.page-name[data-v-5df02807] {
  position: absolute;
  white-space: nowrap;
  top: 0;
  background: #fff;
  left: -100px;
  width: 86px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 13px;
  color: #666;
  border-radius: 3px;
}
.page-name[data-v-5df02807]:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  right: -5px;
  margin-top: -5px;
}
.preview[data-v-5df02807]  .el-button.is-disabled,
.preview .el-button.is-disabled[data-v-5df02807]:hover,
.preview .el-button.is-disabled[data-v-5df02807]:focus {
  cursor: not-allowed !important;
}
[data-v-5df02807].el-button--medium {
  font-size: 13px !important;
}
.deviseBox[data-v-5df02807] {
  padding: 0 !important;
}
.deviseBox ::v-depp .el-card__body[data-v-5df02807] {
  padding: 0 !important;
}
.border[data-v-5df02807] {
  width: 385px;
  margin: 0 auto;
}
.border-box[data-v-5df02807] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.noStyle[data-v-5df02807] {
  margin: initial !important;
  padding-top: 0 !important;
}
.wrapper-con[data-v-5df02807] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f0f2f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.wrapper-con .btn[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 20px;
}
.wrapper-con .btn[data-v-5df02807] .el-button + .el-button {
  margin-left: 0 !important;
}
.wrapper-con .contxt[data-v-5df02807] {
  margin-left: 25px;
}
.devise_head[data-v-5df02807] {
  position: fixed;
  top: 50px;
  left: 70px;
  width: calc(100% - 70px);
  height: 66px;
  padding: 0 20px;
  z-index: 999;
  background: -webkit-gradient(linear, left top, right top, from(#0550ff), to(#009dff));
  background: linear-gradient(90deg, #0550ff 0%, #009dff 100%);
  color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.devise_head .title-wrapper[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.devise_head .row-baseline[data-v-5df02807] {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.devise_head .preview[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.devise_head .back[data-v-5df02807] {
  font-size: 14px;
  cursor: pointer;
}
.devise_head .v_line[data-v-5df02807] {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #eee;
  opacity: 0.5;
  margin: 0 16px;
}
.devise_head .title[data-v-5df02807] {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.devise_head .edit[data-v-5df02807] {
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  vertical-align: middle;
}
.devise_head .ht_btn[data-v-5df02807] {
  width: 74px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  font-size: 12px;
  border-radius: 4px;
}
.devise_head .ht_btn .iconfont[data-v-5df02807] {
  color: #fff;
  font-size: 14px;
  margin-left: -4px;
}
.devise_head .mx_12[data-v-5df02807] {
  margin: 0 12px;
}
.product_tabs[data-v-5df02807] {
  padding: 16px 32px;
  background: #fff;
  border-bottom: 1px solid #e8eaec;
}
.ysize[data-v-5df02807] {
  background-size: 100%;
}
.fullsize[data-v-5df02807] {
  background-size: 100% 100%;
}
.repeat[data-v-5df02807] {
  background-repeat: repeat;
}
.noRepeat[data-v-5df02807] {
  background-repeat: no-repeat;
}
::v-depp.el-input__inner[data-v-5df02807] {
  font-size: 13px;
}
.defaultData[data-v-5df02807] {
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: 245px;
}
.defaultData .data[data-v-5df02807] {
  margin-top: 20px;
  color: #282828;
  background-color: #fff;
  width: 94px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  font-size: 12px;
}
.defaultData .data[data-v-5df02807]:hover {
  background-color: #2d8cf0;
  color: #fff;
  border: 0;
}
.overflowy[data-v-5df02807] {
  /*overflow-y: scroll;*/
}
.overflowy .picture[data-v-5df02807] {
  width: 377px;
  height: 20px;
  margin: 0 auto;
  background-color: #fff;
}
.bnt[data-v-5df02807] {
  width: 80px !important;
}

/*定义滑块 内阴影+圆角*/
[data-v-5df02807]::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #fff;
  display: none;
}
.left[data-v-5df02807]:hover::-webkit-scrollbar-thumb,
.right-box[data-v-5df02807]:hover::-webkit-scrollbar-thumb {
  display: block;
}
.contxt[data-v-5df02807]:hover ::-webkit-scrollbar-thumb {
  display: block;
}
[data-v-5df02807]::-webkit-scrollbar {
  width: 4px !important;
  /*对垂直流动条有效*/
}
.scrollCon[data-v-5df02807] {
  overflow-y: scroll;
}
.scrollCon[data-v-5df02807]::-webkit-scrollbar {
  display: none;
}
.scroll-box[data-v-5df02807] {
  height: 100%;
}
.scroll-box .position[data-v-5df02807] {
  display: block !important;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px dashed var(--prev-color-primary);
  color: var(--prev-color-primary);
  /*background-color: #edf4fb;*/
}
.scroll-box .conter[data-v-5df02807] {
  display: none !important;
}
.dragClass[data-v-5df02807] {
  background-color: #fff;
}
.ivu-mt[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.iconfont-diy[data-v-5df02807],
.iconfont[data-v-5df02807] {
  font-size: 24px;
  color: var(--prev-color-primary);
}
.diy-wrapper .left .wrapper .list-group-item .conter.t-icon[data-v-5df02807] {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
  margin: 0 auto 4px auto !important;
  vertical-align: top;
  position: relative;
}
.diy-wrapper .left .wrapper .list-group-item .conter.t-icon[data-v-5df02807]::before, .diy-wrapper .left .wrapper .list-group-item .conter.t-icon[data-v-5df02807]::after {
  display: none !important;
}
.diy-wrapper[data-v-5df02807] {
  max-width: 100%;
  min-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.diy-wrapper .left[data-v-5df02807] {
  min-width: 300px;
  max-width: 300px;
  border-radius: 4px;
  height: 100%;
}
.diy-wrapper .left .wrapper[data-v-5df02807] {
  padding-left: 15px;
  padding-right: 15px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.diy-wrapper .left .wrapper .tips[data-v-5df02807] {
  height: 63px;
  line-height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  color: #000;
  cursor: pointer;
}
.diy-wrapper .left .wrapper .tips .icon[data-v-5df02807] {
  line-height: 63px;
}
.diy-wrapper .left .wrapper .tips .ivu-icon[data-v-5df02807] {
  color: #000;
}
.diy-wrapper .left .link-item[data-v-5df02807] {
  padding: 10px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 12px;
  color: #323232;
}
.diy-wrapper .left .link-item .name[data-v-5df02807] {
  font-size: 14px;
  color: var(--prev-color-primary);
}
.diy-wrapper .left .link-item .link-txt[data-v-5df02807] {
  margin-top: 2px;
  word-break: break-all;
}
.diy-wrapper .left .link-item .params[data-v-5df02807] {
  margin-top: 5px;
  color: #1cbe6b;
  word-break: break-all;
}
.diy-wrapper .left .link-item .params .txt[data-v-5df02807] {
  color: #323232;
}
.diy-wrapper .left .link-item .params span:last-child i[data-v-5df02807] {
  display: none;
  color: red;
}
.diy-wrapper .left .link-item .lable[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  color: #999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diy-wrapper .left .link-item .lable p[data-v-5df02807] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.diy-wrapper .left .link-item .lable button[data-v-5df02807] {
  margin-left: 30px;
}
.diy-wrapper .left .dragArea.list-group[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: scroll;
  overflow-x: hidden;
}
.diy-wrapper .left .dragArea.list-group .list-group-item[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 74px;
  margin-right: 17px;
  margin-bottom: 34px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  height: 66px;
  position: relative;
}
.diy-wrapper .left .dragArea.list-group .list-group-item[data-v-5df02807]:hover {
  -webkit-box-shadow: 0 0 5px 0 rgba(24, 144, 255, 0.3);
          box-shadow: 0 0 5px 0 rgba(24, 144, 255, 0.3);
  border-right: 5px;
}
.diy-wrapper .left .dragArea.list-group .list-group-item[data-v-5df02807]:nth-child(3n) {
  margin-right: 0;
}
.diy-wrapper .left .dragArea.list-group .list-group-item > div[data-v-5df02807] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.diy-wrapper .left .dragArea.list-group .list-group-item .conter[data-v-5df02807] {
  display: block;
  width: 100%;
  text-align: center;
}
.diy-wrapper .left .dragArea.list-group .list-group-item .conter.t-icon[data-v-5df02807] {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 auto 4px auto !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
  vertical-align: top;
}
.diy-wrapper .left .dragArea.list-group .list-group-item .conter[data-v-5df02807]:not(.t-icon) {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 2px;
  display: block;
}
.diy-wrapper .content[data-v-5df02807] {
  position: relative;
  height: 650px;
  width: 100%;
  padding-top: 48px;
}
.diy-wrapper .content .page-foot[data-v-5df02807] {
  position: relative;
  width: 375px;
  margin: 0 auto 20px auto;
}
.diy-wrapper .content .page-foot .delete-box[data-v-5df02807] {
  display: none;
  position: absolute;
  left: -2px;
  top: 0;
  width: 383px;
  height: 100%;
  border: 2px dashed var(--prev-color-primary) !important;
  padding: 10px 0;
}
.diy-wrapper .content .page-foot[data-v-5df02807]:hover, .diy-wrapper .content .page-foot.on[data-v-5df02807] {
  /*cursor: move;*/
}
.diy-wrapper .content .page-foot:hover .delete-box[data-v-5df02807], .diy-wrapper .content .page-foot.on .delete-box[data-v-5df02807] {
  /*display: block;*/
}
.diy-wrapper .content .page-foot.on[data-v-5df02807] {
  cursor: move;
}
.diy-wrapper .content .page-foot.on .delete-box[data-v-5df02807] {
  display: block;
  border: 2px solid var(--prev-color-primary) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
          box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
}
.diy-wrapper .content .page-title[data-v-5df02807] {
  position: relative;
  height: 35px;
  line-height: 35px;
  background: #fff;
  font-size: 15px;
  color: #333333;
  text-align: center;
  width: 377px;
  margin: 0 auto;
}
.diy-wrapper .content .page-title .delete-box[data-v-5df02807] {
  display: none;
  position: absolute;
  left: -2px;
  top: 0;
  width: 383px;
  height: 100%;
  border: 2px dashed var(--prev-color-primary) !important;
  padding: 10px 0;
}
.diy-wrapper .content .page-title .delete-box span[data-v-5df02807] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  margin-left: 2px;
  cursor: pointer;
  z-index: 11;
}
.diy-wrapper .content .page-title[data-v-5df02807]:hover, .diy-wrapper .content .page-title.on[data-v-5df02807] {
  /*cursor: move;*/
}
.diy-wrapper .content .page-title:hover .delete-box[data-v-5df02807], .diy-wrapper .content .page-title.on .delete-box[data-v-5df02807] {
  /*display: block;*/
}
.diy-wrapper .content .page-title.on[data-v-5df02807] {
  cursor: move;
}
.diy-wrapper .content .page-title.on .delete-box[data-v-5df02807] {
  display: block;
  border: 2px solid var(--prev-color-primary) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
          box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
}
.diy-wrapper .content .scroll-box[data-v-5df02807] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 379px;
  height: 65vh;
  margin: 0 auto;
  padding-top: 1px;
}
.diy-wrapper .content .dragArea.list-group[data-v-5df02807] {
  width: 100%;
  height: 100%;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item[data-v-5df02807] {
  position: relative;
  cursor: move;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item.hide[data-v-5df02807]::before {
  position: absolute;
  content: "已隐藏";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 99;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item .delete-box[data-v-5df02807] {
  display: none;
  position: absolute;
  left: -2px;
  top: 0;
  width: 383px;
  height: 100%;
  border: 2px dashed var(--prev-color-primary) !important;
  /*padding: 10px 0;*/
}
.diy-wrapper .content .dragArea.list-group .mConfig-item .delete-box .handleType[data-v-5df02807] {
  position: absolute;
  right: -43px;
  top: 0;
  width: 30px;
  height: 170px;
  border-radius: 4px;
  background: #666666;
  cursor: pointer;
  color: #fff !important;
  text-align: center;
  padding: 4px 0;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item .delete-box .handleType .iconfont[data-v-5df02807] {
  padding: 5px 0;
  color: #fff !important;
  font-size: 20px !important;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item .delete-box .handleType .iconfont.on[data-v-5df02807] {
  opacity: 0.4;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item.on[data-v-5df02807] {
  cursor: move;
}
.diy-wrapper .content .dragArea.list-group .mConfig-item.on .delete-box[data-v-5df02807] {
  display: block;
  border: 2px solid var(--prev-color-primary) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
          box-shadow: 0 0 10px 0 rgba(24, 144, 255, 0.3);
}
.diy-wrapper .right-box[data-v-5df02807] {
  max-width: 539px;
  min-width: 539px;
  border-radius: 4px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #f5f5f5;
  padding: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807] {
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 13px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]:last-child {
  margin-bottom: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .title-box {
  margin-top: 0;
  margin-bottom: 20px !important;
  width: 100%;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .mobile-config {
  font-size: 13px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .borderPadding {
  padding: 20px 15px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .c_row-item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .c_row-item:last-child {
  margin-bottom: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .c_label {
  margin-bottom: 10px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .c_label .labelwidth {
  margin-right: 22px;
  display: inline-block;
  vertical-align: middle;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-row:not(:last-child) {
  margin-bottom: 10px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .labelwidth {
  margin-right: 22px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .slider-box,
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .input-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .radio_row-item {
  margin-bottom: 20px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .radio_row-item:last-child {
  margin-bottom: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .hot_imgs {
  padding: 20px 15px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .hot_imgs .title {
  margin-bottom: 15px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .hot_imgs .list-box .item {
  margin-bottom: 14px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .hot_imgs .list-box .item:last-child {
  margin-bottom: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .hot_imgs .add-btn {
  margin-top: 10px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .color-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .color-box .color-item {
  margin-bottom: 10px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .color-box .color-item:last-child {
  margin-bottom: 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-group .el-radio-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-group .el-radio-button .el-radio-button__inner {
  width: 100%;
  padding: 0 15px;
  font-size: 13px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-button__inner {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 4px 0 0 4px;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--prev-color-primary);
  border-color: var(--prev-color-primary);
  color: #fff;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-input,
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .el-select {
  width: 100%;
}
.diy-wrapper .right-box .mConfig-item[data-v-5df02807]  .c_is_show .c_row-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}
.diy-wrapper[data-v-5df02807] ::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.diy-wrapper[data-v-5df02807] ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.diy-wrapper[data-v-5df02807] ::-webkit-scrollbar-thumb {
  background-color: #bfc1c4;
}
.foot-box[data-v-5df02807] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  background: #fff;
  -webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.03);
}
.foot-box button[data-v-5df02807] {
  width: 100px;
  height: 32px;
  font-size: 13px;
}
.foot-box button[data-v-5df02807]:first-child {
  margin-right: 20px;
}
::v-depp .ivu-scroll-loader[data-v-5df02807] {
  display: none;
}
::v-depp .el-card[data-v-5df02807] {
  bordr: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dragArea.list-group .list-group-item[data-v-5df02807] {
  margin-top: 1px;
  margin-left: 1px;
}
.close-btn[data-v-5df02807] {
  color: var(--prev-color-primary);
}
.list-btn[data-v-3fabcdd2] {
  padding: 0 !important;
}
.flex[data-v-4ed2cc0c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.align-center[data-v-4ed2cc0c] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme_head[data-v-4ed2cc0c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto;
}
.tab_color[data-v-4ed2cc0c] {
  width: 114px;
  height: 45px;
  border: 1px solid #e5e5e5;
  margin-right: 20px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tab_color[data-v-4ed2cc0c]:hover {
  border-color: #409eff;
}
.color_cont[data-v-4ed2cc0c] {
  font-size: 14px;
}
.mr-2[data-v-4ed2cc0c] {
  margin-right: 10px;
}
.theme_content[data-v-4ed2cc0c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
.theme_content img[data-v-4ed2cc0c] {
  display: block;
  margin-right: 20px;
  width: 800px;
  border-radius: 4px;
}
.main_c[data-v-4ed2cc0c] {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.active[data-v-4ed2cc0c] {
  border: 1px solid var(--el-color-primary);
}
.bg1[data-v-4ed2cc0c] {
  background: #e93323;
}
.bg2[data-v-4ed2cc0c] {
  background: #fe5c2d;
}
.bg3[data-v-4ed2cc0c] {
  background: #42ca4d;
}
.bg4[data-v-4ed2cc0c] {
  background: #1ca5e9;
}
.bg5[data-v-4ed2cc0c] {
  background: #ff448f;
}
.white[data-v-4ed2cc0c] {
  color: #fff;
}
.save[data-v-4ed2cc0c] {
  text-align: center;
  padding: 20px 0;
}
[data-v-08ee88e3]::-webkit-scrollbar {
  display: none;
}
.flex[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.leftModel[data-v-08ee88e3] {
  width: 375px;
  height: 700px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  margin: 30px 40px 0 0;
  background: #f5f5f5;
  margin-bottom: 27px;
  position: relative;
}
.current_home[data-v-08ee88e3] {
  width: 100%;
  height: 680px;
  overflow-y: scroll;
}
.user_head[data-v-08ee88e3] {
  width: 375px;
  height: 262px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e93323), to(#f5f5f5));
  background: linear-gradient(180deg, #e93323 0%, #f5f5f5 100%);
  cursor: not-allowed;
}
.user_bg[data-v-08ee88e3] {
  width: 100%;
  height: 208px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 15px 0;
}
.user_card[data-v-08ee88e3] {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 17px 0 14px 0;
}
.user_info[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user_info img[data-v-08ee88e3] {
  width: 59px;
  height: 59px;
  border-radius: 50%;
}
.user_info .info[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 9px;
  padding: 7px 0;
}
.nick_name[data-v-08ee88e3] {
  color: #fff;
  font-size: 15px;
}
.phone[data-v-08ee88e3] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.num_wrapper[data-v-08ee88e3] {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.num_wrap_item[data-v-08ee88e3] {
  width: 25%;
  text-align: center;
}
.num_item_bold[data-v-08ee88e3] {
  font-size: 20px;
  font-weight: bold;
}
.num_title[data-v-08ee88e3] {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.order_wrap[data-v-08ee88e3] {
  background-color: #fff;
  border-radius: 6px;
  padding: 14px 7px;
  width: 345px;
  height: 112px;
  margin: auto;
}
.order_wrap_tit[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #282828;
  margin-bottom: 19px;
  padding: 0 7px;
}
.weight_600[data-v-08ee88e3] {
  font-weight: 600;
}
.font_sm[data-v-08ee88e3] {
  font-size: 12px;
}
.order_wrap_list[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order_list_item[data-v-08ee88e3] {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order_list_item img[data-v-08ee88e3] {
  width: 24px;
  display: block;
  margin-bottom: 7px;
}
.order_list_item p[data-v-08ee88e3] {
  font-size: 13px;
  color: gray;
  margin: 0;
}
.slider_img[data-v-08ee88e3] {
  margin: 10px auto;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #f5f5f5;
  width: 345px;
  height: 71px;
}
.user_mens[data-v-08ee88e3] {
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 345px;
}
.menu_title[data-v-08ee88e3] {
  padding: 15px 15px 20px;
  font-size: 15px;
  color: #282828;
  font-weight: 600;
}
.list_box[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list_box_item[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 25%;
  margin-bottom: 23px;
  font-size: 13px;
  color: #333;
}
.list_box_item img[data-v-08ee88e3] {
  width: 26px;
  height: 26px;
  display: block;
  margin-bottom: 9px;
}
.flex_between[data-v-08ee88e3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.right-box[data-v-08ee88e3] {
  width: 95%;
  min-width: 400px;
  border-radius: 4px;
  height: 700px;
  overflow-y: scroll;
  padding: 0 10px;
  margin-top: 30px;
}
.right-box[data-v-08ee88e3]::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.right-box[data-v-08ee88e3]::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.right-box[data-v-08ee88e3]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #fff;
          box-shadow: inset 0 0 5px #fff;
  border-radius: 4px;
  background: #fff;
}
.title-bar[data-v-08ee88e3] {
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  color: #303133;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.title-bar[data-v-08ee88e3]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 16px;
  background: var(--prev-color-primary);
}
.mobile-config[data-v-08ee88e3] {
  padding: 0 15px 20px 0px;
}
.mobile-config[data-v-08ee88e3]  .el-tabs__header {
  margin: 0 0 15px 0;
}
.mobile-config[data-v-08ee88e3]  .el-tabs__item {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
}
.mobile-config .box-item[data-v-08ee88e3] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding: 20px 30px 20px 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.mobile-config .box-item .left-tool[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
}
.mobile-config .box-item .left-tool .move-icon[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 80px;
  cursor: move;
  color: #d8d8d8;
  font-size: 25px;
}
.mobile-config .box-item .right-wrapper[data-v-08ee88e3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-config .box-item .right-wrapper .img-wrapper[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item[data-v-08ee88e3] {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  cursor: pointer;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item.disabled[data-v-08ee88e3] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f5f7fa;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item img[data-v-08ee88e3] {
  display: block;
  width: 100%;
  height: 100%;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item .empty-img[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  font-size: 12px;
  color: #bfbfbf;
}
.mobile-config .box-item .right-wrapper .img-wrapper .img-item .txt[data-v-08ee88e3] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 12px;
}
.mobile-config .box-item .right-wrapper .info[data-v-08ee88e3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 12px;
}
.mobile-config .box-item .right-wrapper .info .info-item[data-v-08ee88e3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.mobile-config .box-item .right-wrapper .info .info-item span[data-v-08ee88e3] {
  width: 40px;
  font-size: 13px;
}
.mobile-config .box-item .right-wrapper .info .info-item .input-box[data-v-08ee88e3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-config .box-item .delect-btn[data-v-08ee88e3] {
  position: absolute;
  right: -12px;
  top: -16px;
  color: #999999;
  z-index: 11;
}
.mobile-config .box-item .delect-btn .el-icon-circle-close[data-v-08ee88e3] {
  font-size: 21px;
  color: #999;
  cursor: pointer;
}
.mr20[data-v-08ee88e3] {
  margin-right: 20px;
}
.mb20[data-v-08ee88e3] {
  margin-bottom: 20px;
}
.mt20[data-v-08ee88e3] {
  margin-top: 20px;
}
.add-btn[data-v-08ee88e3] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.footer_btn[data-v-08ee88e3] {
  border-top: 1px solid #eee;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cur_pointer[data-v-08ee88e3] {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cur_pointer[data-v-08ee88e3]:hover {
  opacity: 0.8;
}
.select_ctive[data-v-08ee88e3] {
  border: 1px dashed #666 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filter-container[data-v-f12ab0f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-f12ab0f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filter-container[data-v-5af19c30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-5af19c30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.category-container[data-v-19245041] {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.category-header[data-v-19245041] {
  margin-bottom: 20px;
  text-align: right;
}
.dialog-footer[data-v-19245041] {
  text-align: right;
}
.el-table .el-button--text[data-v-19245041] {
  padding: 0;
  margin: 0 5px;
}
.hint-text[data-v-19245041] {
  color: #909399;
  font-size: 12px;
  margin-top: 5px;
}

.page-project-revisit[data-v-fd71accc] {
  padding: 1px 0px;
  margin-left: 0;
  margin-top: 0;
  min-height: calc(80vh - 60px); /* 与左侧菜单栏高度一致 */
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.content-header[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.right-header[data-v-fd71accc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.content[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 16px;
  height: calc(100vh - 200px); /* 填满页面高度 */
}
.left-panel[data-v-fd71accc] {
  background: #fff;
  border-radius: 8px;
  padding: 0;
  border: 1px solid #e0e0e0;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 表格表头样式 */
.table-header[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 200px 120px 1fr 1fr 200px;
  background: #f5f7fa;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 600;
  color: #303133;
}
.header-cell[data-v-fd71accc] {
  padding: 12px 16px;
  border-right: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-cell[data-v-fd71accc]:last-child {
  border-right: none;
}

/* 表格内容样式 */
.table-body[data-v-fd71accc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: none;
}
.category-block[data-v-fd71accc] {
  border-bottom: 1px solid #e0e0e0;
}
.category-block[data-v-fd71accc]:last-child {
  border-bottom: none;
}
.category-row[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 200px 120px 1fr 1fr 200px;
  background: #fafafa;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
}
.category-row[data-v-fd71accc]:hover {
  background: #f0f2f5;
}
.category-row .cell[data-v-fd71accc] {
  padding: 12px 16px;
  border-right: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category-row .cell[data-v-fd71accc]:last-child {
  border-right: none;
}
.cell-type[data-v-fd71accc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
}
.cell-type[data-v-fd71accc]:hover {
  background: #f0f2f5;
}
.add-icon[data-v-fd71accc] {
  margin-left: 8px;
  color: var(--theme-color);
  font-size: 14px;
  cursor: pointer;
}
.add-icon[data-v-fd71accc]:hover {
  color: var(--theme-color-dark);
}
.category-name[data-v-fd71accc] {
  font-weight: 600;
  color: #303133;
}
.project-rows[data-v-fd71accc] {
  background: #fff;
}
.project-row[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 200px 120px 1fr 1fr 200px;
  border-bottom: 1px solid #f5f5f5;
}
.project-row[data-v-fd71accc]:last-child {
  border-bottom: none;
}
.project-row .cell[data-v-fd71accc] {
  padding: 10px 16px;
  border-right: 1px solid #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
}
.project-row .cell[data-v-fd71accc]:last-child {
  border-right: none;
}
.project-name[data-v-fd71accc] {
  color: #606266;
  margin-left: 24px;
}
.setting-row[data-v-fd71accc] {
  margin-bottom: 8px;
}
.setting-row[data-v-fd71accc]:last-child {
  margin-bottom: 0;
}
.setting-row[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 200px 120px 1fr 1fr 200px;
  border-bottom: 1px solid #f5f5f5;
  background: #fafafa;
}
.setting-row[data-v-fd71accc]:last-child {
  border-bottom: none;
}
.setting-row .cell[data-v-fd71accc] {
  padding: 10px 16px;
  border-right: 1px solid #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
}
.setting-row .cell[data-v-fd71accc]:last-child {
  border-right: none;
}
.setting-label[data-v-fd71accc] {
  color: #909399;
  font-size: 12px;
  margin-left: 24px;
}
.placeholder-text[data-v-fd71accc] {
  color: #c0c4cc;
  font-size: 12px;
}
.delete-icon[data-v-fd71accc] {
  color: #f56c6c;
  font-size: 14px;
  cursor: pointer;
  margin-left: 8px;
}
.delete-icon[data-v-fd71accc]:hover {
  color: #f78989;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-fd71accc] {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
&:active {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag {
    cursor: pointer;
}
.el-tag--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
  /* Element UI 卡片 */
.el-card {
    border-radius: 8px;
}
}
.cell-days .el-input-number[data-v-fd71accc] {
  width: 100px;
}
.cell-sms .el-select[data-v-fd71accc],
.cell-wechat .el-select[data-v-fd71accc] {
  width: 100%;
}
.cell-notify .notify-group[data-v-fd71accc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.notify-group .el-checkbox[data-v-fd71accc] {
  margin: 0;
}
.right-panel[data-v-fd71accc] {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  height: 100%;
  overflow-y: auto;
}
.panel-header[data-v-fd71accc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.template-card[data-v-fd71accc] { margin-bottom: 12px;
}
.tpl-header[data-v-fd71accc] {
  display: grid;
  grid-template-columns: 1fr auto 36px;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tpl-header .name-input[data-v-fd71accc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;
}
.tpl-header .name-input .label[data-v-fd71accc] { color: #666; font-size: 12px;
}
.tpl-fields[data-v-fd71accc] { margin-top: 10px;
}
.vars[data-v-fd71accc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 8px;
}
.chips[data-v-fd71accc] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px;
}
.var-chip[data-v-fd71accc] { cursor: pointer;
}
.stats[data-v-fd71accc] { color: #999; font-size: 12px; margin-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px;
}
.sep[data-v-fd71accc] { color: #ddd;
}

/* 小工具类 */
.w-full[data-v-fd71accc] { width: 100%;
}

@charset "UTF-8";

/* ==================== 项目抽屉样式 - 分布式自适应布局 ==================== */

/* 抽屉壳高度已由全局 index.scss 统一（缩放时正确），此处只做本项目抽屉的样式 */
.project-drawer[data-v-c002d01a]  .el-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.project-drawer[data-v-c002d01a]  .el-drawer .el-drawer__header .el-drawer__title {
  font-size: 14px;
  font-weight: 600;
}
.project-drawer[data-v-c002d01a]  .el-drawer .el-drawer__body {
  padding: 0;
}

/* 表单容器：全局已对 .el-drawer__body > .form-container 做 flex 填满，此处只做内边距等 */
.form-container[data-v-c002d01a] {
  padding: 16px;
  padding-bottom: 80px;
  /* 表单元素样式优化 */
  /* 输入框样式优化 */
  /* 输入框组样式 */
  /* 选择器样式 */
  /* 复选框样式 */
  /* 数字输入框样式 */
  /* 行间距优化 */
}
.form-container[data-v-c002d01a]  .el-form-item {
  margin-bottom: 12px;
}
.form-container[data-v-c002d01a]  .el-form-item .el-form-item__label {
  font-size: 12px;
  color: #606266;
  line-height: 28px;
  padding-right: 8px;
}
.form-container[data-v-c002d01a]  .el-form-item .el-form-item__content {
  line-height: 28px;
}
.form-container[data-v-c002d01a]  .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.form-container[data-v-c002d01a]  .el-input .el-input__suffix {
  right: 8px;
}
.form-container[data-v-c002d01a]  .el-input-group .el-input-group__append {
  padding: 0 12px;
  font-size: 12px;
}
.form-container[data-v-c002d01a]  .el-select {
  width: 100%;
}
.form-container[data-v-c002d01a]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.form-container[data-v-c002d01a]  .el-checkbox {
  font-size: 12px;
}
.form-container[data-v-c002d01a]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.form-container[data-v-c002d01a]  .el-input-number {
  width: 100%;
}
.form-container[data-v-c002d01a]  .el-input-number .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.form-container[data-v-c002d01a]  .el-input-number .el-input-number__decrease,
.form-container[data-v-c002d01a]  .el-input-number .el-input-number__increase {
  width: 24px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.form-container[data-v-c002d01a]  .el-row {
  margin-bottom: 0;
}
.form-container[data-v-c002d01a]  .el-row .el-col {
  padding-left: 8px;
  padding-right: 8px;
}

/* 全宽样式 */
.full-width[data-v-c002d01a] {
  width: 100%;
}

/* 编号输入区域 */
.code-input[data-v-c002d01a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.code-input[data-v-c002d01a]  .el-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.code-input[data-v-c002d01a]  .el-checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}

/* 头像上传样式 */
.avatar-uploader .avatar[data-v-c002d01a] {
  width: 100px;
  height: 100px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.avatar-uploader .avatar-placeholder[data-v-c002d01a] {
  width: 100px;
  height: 100px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.avatar-uploader .avatar-placeholder[data-v-c002d01a]:hover {
  border-color: #409EFF;
}
.avatar-uploader .avatar-placeholder .avatar-uploader-icon[data-v-c002d01a] {
  font-size: 24px;
  color: #8c939d;
  margin-bottom: 4px;
}
.avatar-uploader .avatar-placeholder .upload-text[data-v-c002d01a] {
  font-size: 11px;
  color: #8c939d;
}

/* Logo上传容器 */
.logo-upload-container[data-v-c002d01a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* Logo预览 */
.logo-preview[data-v-c002d01a] {
  cursor: pointer;
}

/* 大头像样式 */
.avatar[data-v-c002d01a] {
  width: 200px;
  height: 200px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.avatar-placeholder[data-v-c002d01a] {
  width: 200px;
  height: 200px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.avatar-placeholder[data-v-c002d01a]:hover {
  border-color: #409EFF;
}
.avatar-placeholder .avatar-uploader-icon[data-v-c002d01a] {
  font-size: 32px;
  color: #8c939d;
  margin-bottom: 8px;
}
.avatar-placeholder .upload-text[data-v-c002d01a] {
  font-size: 12px;
  color: #8c939d;
}

/* 门店容器 */
.stores-container[data-v-c002d01a] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 12px;
}
.stores-container .stores-header[data-v-c002d01a] {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}
.stores-container .stores-content[data-v-c002d01a] {
  max-height: 250px;
  overflow-y: auto;
}
.stores-container .stores-grid[data-v-c002d01a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.stores-container .store-item[data-v-c002d01a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  white-space: nowrap;
}
.stores-container .store-item .store-icon[data-v-c002d01a] {
  color: #409EFF;
  font-size: 12px;
}
.stores-container .store-item .store-name[data-v-c002d01a] {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stores-container .store-item[data-v-c002d01a]  .el-checkbox {
  font-size: 12px;
}
.stores-container .store-item[data-v-c002d01a]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 抽屉底部 */
.drawer-footer[data-v-c002d01a] {
  text-align: right;
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
.drawer-footer[data-v-c002d01a]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* 响应式样式 */
@media screen and (max-width: 1200px) {
.form-container[data-v-c002d01a] {
    padding: 12px;
    padding-bottom: 70px;
}
.form-container[data-v-c002d01a]  .el-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.stores-container .stores-grid[data-v-c002d01a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.project-drawer[data-v-c002d01a]  .el-drawer {
    width: 100% !important;
}
.form-container[data-v-c002d01a] {
    padding: 10px;
    padding-bottom: 60px;
}
.form-container[data-v-c002d01a]  .el-form-item {
    margin-bottom: 10px;
}
.form-container[data-v-c002d01a]  .el-form-item .el-form-item__label {
    font-size: 11px;
    line-height: 26px;
}
.form-container[data-v-c002d01a]  .el-form-item .el-form-item__content {
    line-height: 26px;
}
.form-container[data-v-c002d01a]  .el-input__inner {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}
.code-input[data-v-c002d01a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.code-input[data-v-c002d01a]  .el-checkbox {
    margin-left: 0;
    margin-top: 4px;
}
.stores-container[data-v-c002d01a] {
    padding: 10px;
}
.stores-container .stores-grid[data-v-c002d01a] {
    grid-template-columns: 1fr;
    gap: 6px;
}
.stores-container .store-item[data-v-c002d01a] {
    font-size: 11px;
}
.avatar[data-v-c002d01a],
.avatar-placeholder[data-v-c002d01a] {
    width: 120px;
    height: 120px;
}
.drawer-footer[data-v-c002d01a] {
    padding: 10px 12px;
}
.drawer-footer[data-v-c002d01a]  .el-button {
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    font-size: 11px;
}
}

/* 文字省略样式 */
.text-ellipsis[data-v-c002d01a] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 不换行样式 */
.nowrap[data-v-c002d01a] {
  white-space: nowrap;
}
@charset "UTF-8";

/* ==================== 选择会员卡弹窗样式 - 分布式自适应布局 ==================== */
.cards-select-dialog[data-v-a22d56ee]  .el-dialog {
  width: 600px;
  max-width: 90vw;
  border-radius: 4px;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 12px;
  right: 16px;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  font-size: 14px;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__body {
  padding: 16px;
  max-height: 50vh;
  overflow: hidden;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__footer .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* 弹窗内容区域 */
.dialog-content[data-v-a22d56ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

/* 全选区域 */
.select-header[data-v-a22d56ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ebeef5;
}
.select-header[data-v-a22d56ee]  .el-checkbox {
  font-size: 12px;
}
.select-header[data-v-a22d56ee]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.select-header .select-count[data-v-a22d56ee] {
  font-size: 12px;
  color: #409eff;
  font-weight: 500;
}

/* 会员卡列表容器 */
.cards-container[data-v-a22d56ee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: 40vh;
}
.cards-container[data-v-a22d56ee]::-webkit-scrollbar {
  width: 6px;
}
.cards-container[data-v-a22d56ee]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.cards-container[data-v-a22d56ee]::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}

/* 会员卡网格布局 */
.cards-grid[data-v-a22d56ee] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

/* 会员卡复选框 */
.card-checkbox[data-v-a22d56ee] {
  margin-right: 0;
  margin-bottom: 0;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-checkbox[data-v-a22d56ee]  .el-checkbox__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-checkbox[data-v-a22d56ee]  .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: calc(100% - 20px);
  line-height: 1.4;
}

/* 会员卡名称 */
.card-name[data-v-a22d56ee] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 768px) {
.cards-select-dialog[data-v-a22d56ee]  .el-dialog {
    width: 95vw;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__body {
    padding: 12px;
    max-height: 55vh;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__footer {
    padding: 10px 12px;
}
.select-header[data-v-a22d56ee] {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.select-header[data-v-a22d56ee]  .el-checkbox {
    font-size: 11px;
}
.select-header[data-v-a22d56ee]  .el-checkbox .el-checkbox__label {
    font-size: 11px;
}
.select-header .select-count[data-v-a22d56ee] {
    font-size: 11px;
}
.cards-grid[data-v-a22d56ee] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.card-checkbox[data-v-a22d56ee] {
    height: 28px;
}
.card-checkbox[data-v-a22d56ee]  .el-checkbox__label {
    font-size: 11px;
}
}
@media screen and (max-width: 480px) {
.cards-select-dialog[data-v-a22d56ee]  .el-dialog {
    width: 100%;
    margin: 0 auto;
    border-radius: 0;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__header {
    padding: 10px 12px;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 13px;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__body {
    padding: 10px;
    max-height: 60vh;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__footer {
    padding: 8px 12px;
}
.cards-select-dialog[data-v-a22d56ee]  .el-dialog .el-dialog__footer .el-button {
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    font-size: 11px;
}
.cards-grid[data-v-a22d56ee] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.card-checkbox[data-v-a22d56ee] {
    height: 26px;
}
.card-checkbox[data-v-a22d56ee]  .el-checkbox__label {
    font-size: 11px;
}
}
@charset "UTF-8";

/* CSS 变量定义主题颜色（默认蓝色） */
[data-v-6c902d70] .el-drawer__wrapper {
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.mb-4[data-v-6c902d70] {
  margin-bottom: 16px;
}
.drawer-content[data-v-6c902d70] {
  height: 100%;
  overflow-y: auto;
  padding: 20px;
  /* 防止底部操作按钮遮挡内容 */
  padding-bottom: 100px;
}
.drawer-footer[data-v-6c902d70] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  border-top: 1px solid #e8e8e8;
  background: #fff;
  text-align: right;
}
.category-header[data-v-6c902d70] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.discount-input[data-v-6c902d70] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discount-label[data-v-6c902d70] {
  color: #606266;
  font-size: 14px;
  margin-right: 8px;
}
.discount-value[data-v-6c902d70] {
  width: 120px;
}
.discount-switch[data-v-6c902d70] {
  margin-left: 16px;
}
.items-grid[data-v-6c902d70] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 0 16px;
}
.item-row[data-v-6c902d70] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item-name[data-v-6c902d70] {
  color: #606266;
  font-size: 14px;
}
.item-value[data-v-6c902d70] {
  width: 120px;
}
.item-switch[data-v-6c902d70] {
  margin-left: 16px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-6c902d70] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 开关 */
  /* Element UI 折叠面板 */
  /* Element UI 表单标签 */
  /* Element UI 开关标签 */
  /* Element UI 数字输入框 */
  /* Element UI 输入框包装器 */
}
[data-v-6c902d70] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-6c902d70] .el-button--primary:hover,[data-v-6c902d70] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-6c902d70] .el-button--primary:active {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-6c902d70] .el-button--text {
  color: var(--theme-color);
}
[data-v-6c902d70] .el-button--text:hover,[data-v-6c902d70] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-6c902d70] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-6c902d70] .el-switch.is-checked .el-switch__core {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-6c902d70] .el-collapse-item__header {
  font-size: 16px;
  font-weight: 500;
}
[data-v-6c902d70] .el-form-item__label {
  font-weight: 500;
}
[data-v-6c902d70] .el-switch__label {
  font-size: 12px;
}
[data-v-6c902d70] .el-input-number .el-input__inner {
  text-align: left;
}
[data-v-6c902d70] .el-input__wrapper {
  -webkit-box-shadow: 0 0 0 1px #e5e7eb inset;
          box-shadow: 0 0 0 1px #e5e7eb inset;
}
[data-v-6c902d70] .el-input__wrapper.is-focus {
  -webkit-box-shadow: 0 0 0 1px var(--theme-color) inset;
          box-shadow: 0 0 0 1px var(--theme-color) inset;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
.drawer-content[data-v-6c902d70] {
    padding: 15px;
    padding-bottom: 90px;
}
.drawer-footer[data-v-6c902d70] {
    padding: 12px;
}
.drawer-footer .el-button[data-v-6c902d70] {
    padding: 8px 16px;
    font-size: 14px;
}
.items-grid[data-v-6c902d70] {
    grid-template-columns: 1fr;
}
.category-header[data-v-6c902d70] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.discount-input[data-v-6c902d70] {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.discount-value[data-v-6c902d70] {
    width: 100px;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  /* 平板端样式调整 */
.drawer-content[data-v-6c902d70] {
    padding: 18px;
}
.items-grid[data-v-6c902d70] {
    grid-template-columns: repeat(2, 1fr);
}
}
.select-header[data-v-59428bf8] {
  margin-bottom: 16px;
}
.stores-container[data-v-59428bf8] {
  max-height: 300px;
  overflow-y: auto;
}
.stores-container .el-checkbox-group[data-v-59428bf8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.stores-container .el-checkbox-group .el-checkbox[data-v-59428bf8] {
  margin-right: 0;
  width: calc(33.33% - 12px);
  margin-bottom: 8px;
}
.store-item[data-v-59428bf8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.store-icon[data-v-59428bf8] {
  margin-right: 8px;
  color: #409EFF;
}
@charset "UTF-8";

/* ==================== 项目抽屉样式 - 分布式自适应布局 ==================== */

/* 抽屉壳高度已由全局 index.scss 统一（缩放时正确），此处只做本项目抽屉的样式 */
.project-drawer[data-v-4eee41f8]  .el-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.project-drawer[data-v-4eee41f8]  .el-drawer .el-drawer__header .el-drawer__title {
  font-size: 14px;
  font-weight: 600;
}
.project-drawer[data-v-4eee41f8]  .el-drawer .el-drawer__body {
  padding: 0;
}

/* 表单容器：全局已对 .el-drawer__body > .form-container 做 flex 填满，此处只做内边距等 */
.form-container[data-v-4eee41f8] {
  padding: 16px;
  padding-bottom: 80px;
  /* 表单元素样式优化 */
  /* 输入框样式优化 */
  /* 输入框组样式 */
  /* 选择器样式 */
  /* 复选框样式 */
  /* 数字输入框样式 */
  /* 行间距优化 */
}
.form-container[data-v-4eee41f8]  .el-form-item {
  margin-bottom: 12px;
}
.form-container[data-v-4eee41f8]  .el-form-item .el-form-item__label {
  font-size: 12px;
  color: #606266;
  line-height: 28px;
  padding-right: 8px;
}
.form-container[data-v-4eee41f8]  .el-form-item .el-form-item__content {
  line-height: 28px;
}
.form-container[data-v-4eee41f8]  .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.form-container[data-v-4eee41f8]  .el-input .el-input__suffix {
  right: 8px;
}
.form-container[data-v-4eee41f8]  .el-input-group .el-input-group__append {
  padding: 0 12px;
  font-size: 12px;
}
.form-container[data-v-4eee41f8]  .el-select {
  width: 100%;
}
.form-container[data-v-4eee41f8]  .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.form-container[data-v-4eee41f8]  .el-checkbox {
  font-size: 12px;
}
.form-container[data-v-4eee41f8]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
}
.form-container[data-v-4eee41f8]  .el-input-number {
  width: 100%;
}
.form-container[data-v-4eee41f8]  .el-input-number .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.form-container[data-v-4eee41f8]  .el-input-number .el-input-number__decrease,
.form-container[data-v-4eee41f8]  .el-input-number .el-input-number__increase {
  width: 24px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.form-container[data-v-4eee41f8]  .el-row {
  margin-bottom: 0;
}
.form-container[data-v-4eee41f8]  .el-row .el-col {
  padding-left: 8px;
  padding-right: 8px;
}

/* 全宽样式 */
.full-width[data-v-4eee41f8] {
  width: 100%;
}

/* 头像上传样式 */
.avatar-uploader .avatar[data-v-4eee41f8] {
  width: 100px;
  height: 100px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.avatar-uploader .avatar-placeholder[data-v-4eee41f8] {
  width: 100px;
  height: 100px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.avatar-uploader .avatar-placeholder[data-v-4eee41f8]:hover {
  border-color: #409EFF;
}
.avatar-uploader .avatar-placeholder .avatar-uploader-icon[data-v-4eee41f8] {
  font-size: 24px;
  color: #8c939d;
  margin-bottom: 4px;
}
.avatar-uploader .avatar-placeholder .upload-text[data-v-4eee41f8] {
  font-size: 11px;
  color: #8c939d;
}

/* Logo上传容器 */
.logo-upload-container[data-v-4eee41f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* Logo预览 */
.logo-preview[data-v-4eee41f8] {
  cursor: pointer;
}

/* 大头像样式 */
.avatar[data-v-4eee41f8] {
  width: 200px;
  height: 200px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.avatar-placeholder[data-v-4eee41f8] {
  width: 200px;
  height: 200px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.avatar-placeholder[data-v-4eee41f8]:hover {
  border-color: #409EFF;
}
.avatar-placeholder .avatar-uploader-icon[data-v-4eee41f8] {
  font-size: 32px;
  color: #8c939d;
  margin-bottom: 8px;
}
.avatar-placeholder .upload-text[data-v-4eee41f8] {
  font-size: 12px;
  color: #8c939d;
}

/* 门店容器 */
.stores-container[data-v-4eee41f8] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 12px;
}
.stores-container .stores-header[data-v-4eee41f8] {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}
.stores-container .stores-content[data-v-4eee41f8] {
  max-height: 250px;
  overflow-y: auto;
}
.stores-container .stores-grid[data-v-4eee41f8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.stores-container .store-item[data-v-4eee41f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  white-space: nowrap;
}
.stores-container .store-item .store-icon[data-v-4eee41f8] {
  color: #409EFF;
  font-size: 12px;
}
.stores-container .store-item .store-name[data-v-4eee41f8] {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stores-container .store-item[data-v-4eee41f8]  .el-checkbox {
  font-size: 12px;
}
.stores-container .store-item[data-v-4eee41f8]  .el-checkbox .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 抽屉底部 */
.drawer-footer[data-v-4eee41f8] {
  text-align: right;
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
.drawer-footer[data-v-4eee41f8]  .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* 响应式样式 */
@media screen and (max-width: 1200px) {
.form-container[data-v-4eee41f8] {
    padding: 12px;
    padding-bottom: 70px;
}
.form-container[data-v-4eee41f8]  .el-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.stores-container .stores-grid[data-v-4eee41f8] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.project-drawer[data-v-4eee41f8]  .el-drawer {
    width: 100% !important;
}
.form-container[data-v-4eee41f8] {
    padding: 10px;
    padding-bottom: 60px;
}
.form-container[data-v-4eee41f8]  .el-form-item {
    margin-bottom: 10px;
}
.form-container[data-v-4eee41f8]  .el-form-item .el-form-item__label {
    font-size: 11px;
    line-height: 26px;
}
.form-container[data-v-4eee41f8]  .el-form-item .el-form-item__content {
    line-height: 26px;
}
.form-container[data-v-4eee41f8]  .el-input__inner {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}
.stores-container[data-v-4eee41f8] {
    padding: 10px;
}
.stores-container .stores-grid[data-v-4eee41f8] {
    grid-template-columns: 1fr;
    gap: 6px;
}
.stores-container .store-item[data-v-4eee41f8] {
    font-size: 11px;
}
.avatar[data-v-4eee41f8],
.avatar-placeholder[data-v-4eee41f8] {
    width: 120px;
    height: 120px;
}
.drawer-footer[data-v-4eee41f8] {
    padding: 10px 12px;
}
.drawer-footer[data-v-4eee41f8]  .el-button {
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    font-size: 11px;
}
}

/* 文字省略样式 */
.text-ellipsis[data-v-4eee41f8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 不换行样式 */
.nowrap[data-v-4eee41f8] {
  white-space: nowrap;
}
@charset "UTF-8";

/* ==================== 基础布局样式 - 同步 projectList 样式 ==================== */
.app-container[data-v-ca37b2e6] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 筛选区域样式 - 同步 projectList 样式 ==================== */
.filter-container[data-v-ca37b2e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-ca37b2e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-ca37b2e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-ca37b2e6] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
[data-v-ca37b2e6] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-ca37b2e6] .el-button [class*=el-icon-] {
  font-size: 12px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-ca37b2e6] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-ca37b2e6] .el-input__icon {
  line-height: 28px;
}
[data-v-ca37b2e6] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-ca37b2e6] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-ca37b2e6] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-ca37b2e6] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-ca37b2e6] .el-range-input {
  font-size: 12px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-ca37b2e6] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 分页 */
  /* Element UI 对话框 */
  /* Element UI 表格 */
  /* Element UI 标签 */
}
[data-v-ca37b2e6] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-ca37b2e6] .el-button--primary:hover,[data-v-ca37b2e6] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-ca37b2e6] .el-button--primary:active {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-ca37b2e6] .el-button--text {
  color: var(--theme-color);
}
[data-v-ca37b2e6] .el-button--text:hover,[data-v-ca37b2e6] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-ca37b2e6] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-ca37b2e6] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-ca37b2e6] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-ca37b2e6] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
[data-v-ca37b2e6] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
[data-v-ca37b2e6] .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--theme-color);
}
[data-v-ca37b2e6] .el-table__body tr.current-row > td {
  background-color: var(--theme-color-light);
}
[data-v-ca37b2e6] .el-tag--success {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-ca37b2e6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-ca37b2e6] .el-table {
  font-size: 12px;
}
[data-v-ca37b2e6] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-ca37b2e6] .el-table td {
  padding: 6px 0;
}
[data-v-ca37b2e6] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-ca37b2e6] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-ca37b2e6] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 表格内状态标签样式 */
[data-v-ca37b2e6] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-ca37b2e6] {
  margin-top: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* ==================== 折扣内容样式 ==================== */
.discount-content[data-v-ca37b2e6] {
  max-height: 120px;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.discount-content.clickable[data-v-ca37b2e6]:hover {
  background-color: #f5f7fa;
}
.discount-content .more-hint[data-v-ca37b2e6] {
  text-align: center;
  margin-top: 4px;
  color: #909399;
  font-size: 12px;
}
.discount-content .more-hint i[data-v-ca37b2e6] {
  font-size: 14px;
}
.discount-grid[data-v-ca37b2e6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(4px, 0.8vw, 8px);
}
.discount-item[data-v-ca37b2e6] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(11px, 1.6vw, 13px);
}

/* 折扣内容气泡弹窗样式 */
[data-v-ca37b2e6] .discount-popover {
  padding: 12px;
}
[data-v-ca37b2e6] .discount-popover .popover-title {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebeef5;
}
[data-v-ca37b2e6] .discount-popover .popover-content {
  font-size: 12px;
  color: #606266;
  line-height: 1.6;
  white-space: pre-line;
  max-height: 300px;
  overflow-y: auto;
}
.truncate-text[data-v-ca37b2e6] {
  max-width: clamp(120px, 15vw, 150px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: clamp(11px, 1.6vw, 13px);
}

/* 会员卡单元格样式 */
.card-names-cell[data-v-ca37b2e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/* 会员卡数量徽章 */
.card-count-badge[data-v-ca37b2e6] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  background-color: var(--theme-color);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  border-radius: 9px;
  line-height: 1;
}

/* ==================== 响应式断点 - 同步 projectList 样式 ==================== */

/* 小屏幕手机 (<= 375px) */
@media screen and (max-width: 375px) {
.filter-container[data-v-ca37b2e6] {
    padding: 2px 4px;
    min-height: 28px;
}
.filter-container .el-button[data-v-ca37b2e6] {
    font-size: 10px;
    height: 22px;
    padding: 0 4px;
}
.filter-container .el-button i[data-v-ca37b2e6] {
    font-size: 10px;
}
.table-wrapper[data-v-ca37b2e6] {
    overflow-x: auto;
}
[data-v-ca37b2e6] .el-table {
    min-width: 800px;
}
[data-v-ca37b2e6] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-ca37b2e6] .el-table td {
    padding: 4px 0;
    font-size: 10px;
}
[data-v-ca37b2e6] .el-table .el-button {
    font-size: 10px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
}

/* 中屏幕手机 (376px - 768px) */
@media screen and (min-width: 376px) and (max-width: 768px) {
.filter-container[data-v-ca37b2e6] {
    padding: 3px 6px;
    min-height: 30px;
}
.table-wrapper[data-v-ca37b2e6] {
    overflow-x: auto;
}
[data-v-ca37b2e6] .el-table {
    min-width: 800px;
}
[data-v-ca37b2e6] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-ca37b2e6] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}

/* 平板 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.filter-container[data-v-ca37b2e6] {
    padding: 4px 8px;
    min-height: 32px;
}
}

/* 小高度屏幕 (<= 600px) */
@media screen and (max-height: 600px) {
.filter-container[data-v-ca37b2e6] {
    min-height: 26px;
    padding: 2px 6px;
}
[data-v-ca37b2e6] .el-table th {
    padding: 6px 0;
}
[data-v-ca37b2e6] .el-table td {
    padding: 4px 0;
}
}

/* 横屏模式 */
@media screen and (orientation: landscape) and (max-height: 500px) {
.filter-container[data-v-ca37b2e6] {
    min-height: 24px;
    padding: 1px 4px;
}
[data-v-ca37b2e6] .el-table td {
    padding: 4px 0;
}
}

/* 超小屏幕 (<= 320px) */
@media screen and (max-width: 320px) {
.filter-container .left-items[data-v-ca37b2e6],
.filter-container .right-items[data-v-ca37b2e6] {
    gap: 2px;
}
.filter-container .el-button[data-v-ca37b2e6] {
    font-size: 9px;
    height: 20px;
    padding: 0 3px;
}
.filter-container .el-button i[data-v-ca37b2e6] {
    font-size: 9px;
    margin-right: 1px;
}
.table-wrapper[data-v-ca37b2e6] {
    overflow-x: auto;
}
[data-v-ca37b2e6] .el-table {
    min-width: 800px;
}
[data-v-ca37b2e6] .el-table th {
    padding: 4px 0;
    font-size: 10px;
}
[data-v-ca37b2e6] .el-table td {
    padding: 2px 0;
    font-size: 9px;
}
}

/* iPhone SE / 小屏手机特殊适配 */
@media screen and (width: 375px) and (height: 667px), screen and (width: 320px) and (height: 568px) {
.filter-container[data-v-ca37b2e6] {
    min-height: 26px;
}
.filter-container .el-button[data-v-ca37b2e6] {
    height: 20px;
    font-size: 9px;
}
}

/* iPad 横屏 */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
.filter-container[data-v-ca37b2e6] {
    padding: 6px 12px;
}
.table-container[data-v-ca37b2e6]  .el-table .el-table__header-wrapper th {
    padding: 10px 12px;
}
.table-container[data-v-ca37b2e6]  .el-table .el-table__body-wrapper .el-table__row td {
    padding: 6px 12px;
}
}

/* 禁用 number 输入框的箭头 */
input[type=number][data-v-ca37b2e6]::-webkit-inner-spin-button,
input[type=number][data-v-ca37b2e6]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number][data-v-ca37b2e6] {
  -moz-appearance: textfield;
}
/* 根容器 - 分布式自适应布局 */
.project-import-page[data-v-68739a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
}

/* 筛选区域 */
.filter-container[data-v-68739a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-68739a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-68739a9a] {
  margin: 0;
}
.current-shop[data-v-68739a9a] {
  font-size: 12px;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}

/* 固定按钮和输入框高度为 28px */
.project-import-page[data-v-68739a9a] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.project-import-page[data-v-68739a9a] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.project-import-page[data-v-68739a9a] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.project-import-page[data-v-68739a9a] .el-input__icon {
  line-height: 28px;
}
.project-import-page[data-v-68739a9a] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.project-import-page[data-v-68739a9a] .el-radio-button__inner {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}

/* 表格区域 */
.table-wrapper[data-v-68739a9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.project-import-page[data-v-68739a9a] .el-table {
  font-size: 12px;
}
.project-import-page[data-v-68739a9a] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
.project-import-page[data-v-68739a9a] .el-table td {
  padding: 6px 0;
}
.project-import-page[data-v-68739a9a] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  padding: 0 5px;
}

/* 分页区域 */
.pagination-wrapper[data-v-68739a9a] {
  margin-top: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.filter-container .left-items[data-v-68739a9a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.project-import-page[data-v-68739a9a] {
    padding: 8px;
}
.filter-container[data-v-68739a9a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.filter-container .left-items[data-v-68739a9a] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}

@charset "UTF-8";

/* ==================== 基础布局样式 ==================== */
.app-container[data-v-30f0dea8] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 确保所有直接子元素之间没有间距 */
.app-container > *[data-v-30f0dea8] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-30f0dea8] {
  margin: 0;
}
.filter-container .left-items > *[data-v-30f0dea8],
.filter-container .right-items > *[data-v-30f0dea8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-30f0dea8] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-30f0dea8] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px */
[data-v-30f0dea8] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-30f0dea8] .el-button [class*=el-icon-] {
  font-size: 12px;
}
[data-v-30f0dea8] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-30f0dea8] .el-input__icon {
  line-height: 28px;
}
[data-v-30f0dea8] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-30f0dea8] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-30f0dea8] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-30f0dea8] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-30f0dea8] .el-range-input {
  font-size: 12px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-30f0dea8] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 下拉菜单 */
  /* 确保下拉菜单项在悬浮时文字为白色 */
  /* Element UI 分页 */
  /* Element UI 标签 */
  /* Element UI 对话框 */
  /* Element UI 表格 - 边框主题色，背景透明 */
  /* 确保选中行内的链接和按钮颜色正常 */
  /* Element UI 单选框 */
  /* Element UI 多选框 */
  /* Element UI 开关 */
  /* Element UI 日期选择器 */
}
[data-v-30f0dea8] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-30f0dea8] .el-button--primary:hover,[data-v-30f0dea8] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-30f0dea8] .el-button--primary:active {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-30f0dea8] .el-button--text {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-button--text:hover,[data-v-30f0dea8] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-30f0dea8] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-30f0dea8] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-30f0dea8] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-dropdown-menu__item:not(.is-disabled):hover,[data-v-30f0dea8] .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}
[data-v-30f0dea8] .el-dropdown-menu .el-dropdown-menu__item:hover {
  background-color: var(--theme-color) !important;
  color: #fff !important;
  /* 确保内部的span文字也是白色 */
}
[data-v-30f0dea8] .el-dropdown-menu .el-dropdown-menu__item:hover span {
  color: #fff !important;
}
[data-v-30f0dea8] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-color);
}
[data-v-30f0dea8] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-tag--success {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
[data-v-30f0dea8] .el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}
[data-v-30f0dea8] .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-table__body tr.current-row > td {
  background-color: transparent !important;
  border-top: 2px solid var(--theme-color) !important;
  border-bottom: 2px solid var(--theme-color) !important;
  color: #606266;
}
[data-v-30f0dea8] .el-table__body tr.current-row > td:first-child {
  border-left: 2px solid var(--theme-color) !important;
}
[data-v-30f0dea8] .el-table__body tr.current-row > td:last-child {
  border-right: 2px solid var(--theme-color) !important;
}
[data-v-30f0dea8] .el-table__body tr.current-row .project-name-link {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-table__body tr.current-row .action-icon-btn.edit-btn {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-30f0dea8] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-30f0dea8] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
[data-v-30f0dea8] .el-switch.is-checked .el-switch__core {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-30f0dea8] .el-date-table td.current:not(.disabled) span {
  background-color: var(--theme-color);
}
[data-v-30f0dea8] .el-date-table td.today span {
  color: var(--theme-color);
}

/* ==================== 选中信息区域样式 ==================== */
.selection-info[data-v-30f0dea8] {
  height: 0;
  min-height: 0;
  max-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  color: #606266;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-bottom: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 0;
  border: none !important;
}
.selection-info.has-selection[data-v-30f0dea8] {
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 0 12px !important;
  border-bottom: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selection-content[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  white-space: nowrap;
}
.selection-text[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.total-count[data-v-30f0dea8] {
  color: var(--theme-color);
  font-weight: bold;
  margin: 0 4px;
  font-size: 14px;
}
.selection-count[data-v-30f0dea8] {
  color: #e6a23c;
  font-weight: bold;
  margin: 0 4px;
  font-size: 14px;
}
.select-all-link[data-v-30f0dea8] {
  color: var(--theme-color);
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
}
.select-all-link[data-v-30f0dea8]:hover {
  color: var(--theme-color-dark);
  text-decoration: underline;
}
.selection-actions[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.selection-actions .el-button--text[data-v-30f0dea8] {
  color: var(--theme-color);
  font-size: 13px;
  white-space: nowrap;
}
.selection-actions .el-button--text[data-v-30f0dea8]:hover {
  color: var(--theme-color-dark);
}

/* ==================== 表格包装器 - 同步 tianmeiHistory 样式 ==================== */
.table-wrapper[data-v-30f0dea8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 tianmeiHistory 样式 ==================== */
[data-v-30f0dea8] .el-table {
  font-size: 12px;
}
[data-v-30f0dea8] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-30f0dea8] .el-table td {
  padding: 6px 0;
}
[data-v-30f0dea8] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-30f0dea8] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-30f0dea8] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 表格内状态标签样式 */
[data-v-30f0dea8] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 项目信息样式 ==================== */
.project-code-with-image[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6px, 1vw, 8px);
  white-space: nowrap;
}
.project-code[data-v-30f0dea8] {
  font-size: clamp(11px, 1.6vw, 13px);
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
}

/* 项目名称链接样式 */
.project-name-link[data-v-30f0dea8] {
  color: var(--theme-color);
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.project-name-link[data-v-30f0dea8]:hover {
  color: var(--theme-color-dark);
  text-decoration: underline;
}
.project-image-container[data-v-30f0dea8] {
  width: clamp(28px, 4vw, 32px);
  height: clamp(28px, 4vw, 32px);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.project-image-container .project-image[data-v-30f0dea8] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-image-container .project-image-placeholder[data-v-30f0dea8] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f5f5;
  border: 1px dashed #d9d9d9;
}
.project-image-container .project-image-placeholder i[data-v-30f0dea8] {
  font-size: clamp(12px, 1.8vw, 14px);
  color: #909399;
}

/* ==================== 信息容器样式 ==================== */
.info-container[data-v-30f0dea8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-container .info-row[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(8px, 1.5vw, 12px);
  margin-bottom: clamp(2px, 0.4vw, 3px);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.info-container .info-row span[data-v-30f0dea8] {
  font-size: clamp(11px, 1.6vw, 13px);
  color: #666666;
  white-space: nowrap;
}
.info-container .info-row[data-v-30f0dea8]:last-child {
  margin-bottom: 0;
}

/* ==================== 分页组件样式 - 同步 operationLogList ==================== */
.pagination-container[data-v-30f0dea8] {
  margin: 0;
  padding: 2px 8px;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination {
  height: auto;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__total {
  font-size: 12px;
  color: #606266;
  margin-right: 0;
  white-space: nowrap;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__sizes {
  margin-right: 0;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__sizes .el-select {
  width: 100px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__sizes .el-select .el-input__inner {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__jump {
  margin-left: 0;
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__jump .el-input {
  width: 45px;
  margin: 0 4px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__jump .el-input .el-input__inner {
  font-size: 12px;
  padding: 0 4px;
  height: 24px;
  line-height: 24px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pager li {
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .btn-prev,
.pagination-container[data-v-30f0dea8]  .el-pagination .btn-next {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .btn-prev i,
.pagination-container[data-v-30f0dea8]  .el-pagination .btn-next i {
  font-size: 12px;
}

/* ==================== 门店选择相关样式 ==================== */
.stores-container .stores-header[data-v-30f0dea8] {
  margin-bottom: clamp(12px, 2vw, 16px);
  padding-bottom: clamp(8px, 1.5vw, 12px);
  border-bottom: 1px solid #eee;
}
.stores-container .stores-content[data-v-30f0dea8] {
  max-height: clamp(250px, 40vh, 300px);
  overflow-y: auto;
}
.stores-container .stores-content .stores-grid[data-v-30f0dea8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(160px, 25vw, 200px), 1fr));
  gap: clamp(8px, 1.5vw, 12px);
}
.stores-container .stores-content .stores-grid .store-item[data-v-30f0dea8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(8px, 1.5vw, 12px);
}
.stores-container .stores-content .stores-grid .store-item .store-icon[data-v-30f0dea8] {
  margin-right: clamp(6px, 1vw, 8px);
  color: var(--theme-color);
  font-size: clamp(14px, 2vw, 16px);
}
.stores-container .stores-content .stores-grid .store-item .store-name[data-v-30f0dea8] {
  font-size: clamp(12px, 1.8vw, 14px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==================== 排序对话框样式 ==================== */
.sort-container[data-v-30f0dea8] {
  max-height: clamp(300px, 50vh, 400px);
  overflow-y: auto;
}
.sort-container[data-v-30f0dea8]  .el-table {
  font-size: clamp(12px, 1.8vw, 14px);
}
.sort-container[data-v-30f0dea8]  .el-table th,
.sort-container[data-v-30f0dea8]  .el-table td {
  font-size: clamp(12px, 1.8vw, 14px);
  padding: clamp(10px, 1.5vw, 14px) clamp(8px, 1.2vw, 12px);
}
.sort-container[data-v-30f0dea8]  .el-table .el-button--text {
  font-size: clamp(12px, 1.8vw, 14px);
}

/* ==================== 导入对话框样式 ==================== */
.import-container .import-tips[data-v-30f0dea8] {
  background-color: #f8f9fa;
  padding: clamp(12px, 2vw, 16px);
  border-radius: 4px;
  margin-bottom: clamp(16px, 3vw, 20px);
}
.import-container .import-tips p[data-v-30f0dea8] {
  margin: clamp(4px, 0.8vw, 6px) 0;
  color: #666;
  font-size: clamp(12px, 1.8vw, 14px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-container .import-actions[data-v-30f0dea8] {
  margin-bottom: clamp(16px, 3vw, 20px);
  text-align: center;
}
.import-container .upload-area[data-v-30f0dea8] {
  text-align: center;
}
.import-container .upload-area .el-upload__tip[data-v-30f0dea8] {
  color: #999;
  font-size: clamp(11px, 1.6vw, 13px);
}

/* ==================== 对话框样式 ==================== */
.el-dialog__body[data-v-30f0dea8] {
  padding: clamp(16px, 3vw, 20px);
}
.el-form-item[data-v-30f0dea8] {
  margin-bottom: clamp(16px, 3vw, 20px);
}
.el-form-item .el-form-item__label[data-v-30f0dea8] {
  font-size: clamp(12px, 1.8vw, 14px);
  white-space: nowrap;
}
.el-form-item .el-form-item__content[data-v-30f0dea8] {
  font-size: clamp(12px, 1.8vw, 14px);
}

/* ==================== 响应式样式 - 同步 tianmeiHistory ==================== */
@media screen and (max-width: 1200px) {
.filter-container .left-items[data-v-30f0dea8],
.filter-container .right-items[data-v-30f0dea8] {
    gap: 6px;
}
.table-wrapper[data-v-30f0dea8] {
    overflow-x: auto;
}
[data-v-30f0dea8] .el-table {
    min-width: 1200px;
}
[data-v-30f0dea8] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-30f0dea8] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-30f0dea8] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-30f0dea8],
.filter-container .right-items[data-v-30f0dea8] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-30f0dea8] {
    overflow-x: auto;
}
[data-v-30f0dea8] .el-table {
    min-width: 1200px;
}
[data-v-30f0dea8] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-30f0dea8] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container[data-v-30f0dea8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-30f0dea8] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-30f0dea8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.filter-container .right-items[data-v-30f0dea8] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.table-wrapper[data-v-30f0dea8] {
    overflow-x: auto;
}
[data-v-30f0dea8] .el-table {
    min-width: 1200px;
}
.pagination-container[data-v-30f0dea8] {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 2px 8px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__total,
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__jump {
    font-size: 11px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pager li {
    font-size: 11px;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .btn-prev,
.pagination-container[data-v-30f0dea8]  .el-pagination .btn-next {
    min-width: 22px;
    height: 22px;
    line-height: 22px;
}
}
@media screen and (max-width: 480px) {
.filter-container .left-items[data-v-30f0dea8],
.filter-container .right-items[data-v-30f0dea8] {
    gap: 4px;
}
.filter-container .left-items > *[data-v-30f0dea8] {
    min-width: 100px;
}
.table-wrapper[data-v-30f0dea8] {
    overflow-x: auto;
}
[data-v-30f0dea8] .el-table {
    min-width: 1200px;
}
[data-v-30f0dea8] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-30f0dea8] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
[data-v-30f0dea8] .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.pagination-container[data-v-30f0dea8] {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 2px 6px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination {
    gap: 4px;
}
.pagination-container[data-v-30f0dea8]  .el-pagination .el-pagination__sizes .el-select {
    width: 80px;
}
}

/* ==================== 操作按钮样式 ==================== */
.action-icon-btn[data-v-30f0dea8] {
  padding: 0 6px !important;
  font-size: 16px;
  min-width: auto;
}
.action-icon-btn.edit-btn[data-v-30f0dea8] {
  color: var(--theme-color);
}
.action-icon-btn.edit-btn[data-v-30f0dea8]:hover {
  color: var(--theme-color-dark);
}
.action-icon-btn.delete-btn[data-v-30f0dea8] {
  color: #f56c6c;
}
.action-icon-btn.delete-btn[data-v-30f0dea8]:hover {
  color: #f78989;
}

/* 确保 tooltip 内的按钮显示正常 */
[data-v-30f0dea8] .el-tooltip {
  display: inline-block;
}
@charset "UTF-8";

/* ==================== 基础布局 ==================== */
.app-container[data-v-7b6932d0] {
  padding: 10px 5px 0 5px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 表格容器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-7b6932d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-7b6932d0] .el-table {
  font-size: 12px;
}
[data-v-7b6932d0] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-7b6932d0] .el-table td {
  padding: 6px 0;
}
[data-v-7b6932d0] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-7b6932d0] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-7b6932d0] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 表格内状态标签样式 */
[data-v-7b6932d0] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-7b6932d0] {
  /* Element UI 按钮主题色 */
  /* Element UI 文字按钮 */
  /* Element UI 输入框聚焦 */
  /* Element UI 选择器 */
  /* Element UI 多选框 */
  /* Element UI 对话框 */
  /* Element UI 抽屉 */
  /* Element UI 标签 */
}
[data-v-7b6932d0] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-7b6932d0] .el-button--primary:hover,[data-v-7b6932d0] .el-button--primary:focus {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-7b6932d0] .el-button--primary:active {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}
[data-v-7b6932d0] .el-button--text {
  color: var(--theme-color);
}
[data-v-7b6932d0] .el-button--text:hover,[data-v-7b6932d0] .el-button--text:focus {
  color: var(--theme-color-dark);
}
[data-v-7b6932d0] .el-input__inner:focus {
  border-color: var(--theme-color);
}
[data-v-7b6932d0] .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--theme-color);
}
[data-v-7b6932d0] .el-select-dropdown__item.selected {
  color: var(--theme-color);
}
[data-v-7b6932d0] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-7b6932d0] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-color);
}
[data-v-7b6932d0] .el-checkbox__inner:hover {
  border-color: var(--theme-color);
}
[data-v-7b6932d0] .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--theme-color);
}
[data-v-7b6932d0] .el-drawer__header span {
  color: #303133;
}
[data-v-7b6932d0] .el-tag--success {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
[data-v-7b6932d0] .el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}

/* ==================== 项目标签容器 ==================== */
.projects-container .projects-wrapper[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(3px, 0.5vw, 6px);
}
.projects-container .project-tag[data-v-7b6932d0] {
  white-space: nowrap;
  margin: 0;
  font-size: clamp(10px, 1.2vw, 13px);
  padding: 0 clamp(6px, 1vw, 10px);
  height: clamp(22px, 2.8vw, 28px);
  line-height: clamp(22px, 2.8vw, 28px);
}

/* ==================== 操作按钮区域 ==================== */
.action-buttons[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(6px, 1vw, 12px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.action-button[data-v-7b6932d0] {
  padding: clamp(4px, 0.8vw, 8px) clamp(8px, 1.2vw, 16px);
  border-radius: 4px;
  white-space: nowrap;
  font-size: clamp(11px, 1.3vw, 14px);
  height: clamp(28px, 3.5vw, 36px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.action-button i[data-v-7b6932d0] {
  margin-right: clamp(3px, 0.5vw, 6px);
  font-size: clamp(11px, 1.3vw, 14px);
}
.action-button span[data-v-7b6932d0] {
  white-space: nowrap;
}

/* ==================== 抽屉样式 ==================== */
.project-drawer[data-v-7b6932d0]  .el-drawer .el-drawer__header {
  margin-bottom: clamp(12px, 2vw, 20px);
  padding: clamp(12px, 2vw, 20px) clamp(12px, 2vw, 20px) 0;
  border-bottom: 1px solid #ebeef5;
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: 600;
}
.project-drawer[data-v-7b6932d0]  .el-drawer .el-drawer__body {
  padding: clamp(12px, 2vw, 20px);
  height: calc(100% - 80px);
  overflow-y: auto;
}
.drawer-footer[data-v-7b6932d0] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: clamp(12px, 2vw, 20px);
  border-top: 1px solid #ebeef5;
  background: white;
  text-align: right;
}
.drawer-footer .el-button[data-v-7b6932d0] {
  font-size: clamp(12px, 1.4vw, 14px);
  padding: clamp(8px, 1.2vw, 12px) clamp(16px, 2vw, 24px);
  height: clamp(32px, 4vw, 40px);
}

/* ==================== 同步弹窗样式 ==================== */
.sync-content[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(12px, 2vw, 20px);
}
.sync-content .sync-info[data-v-7b6932d0] {
  color: #666;
  font-size: clamp(12px, 1.5vw, 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sync-content .sync-info .target-store[data-v-7b6932d0] {
  color: #333;
  font-weight: 500;
}
.sync-content .full-width[data-v-7b6932d0] {
  width: 100%;
}
.sync-content .full-width[data-v-7b6932d0]  .el-input__inner {
  height: clamp(32px, 4vw, 40px);
  font-size: clamp(12px, 1.4vw, 14px);
}
.sync-content .source-preview[data-v-7b6932d0] {
  margin-top: clamp(12px, 2vw, 20px);
}
.sync-content .source-preview .preview-title[data-v-7b6932d0] {
  color: #666;
  margin-bottom: clamp(8px, 1.2vw, 12px);
  font-size: clamp(12px, 1.4vw, 14px);
  white-space: nowrap;
}
.sync-content .source-preview .preview-content[data-v-7b6932d0] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: clamp(12px, 2vw, 20px);
}

/* ==================== 项目配置内容区域 ==================== */
.project-config-content .config-header[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: clamp(16px, 2.5vw, 24px);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: clamp(12px, 2vw, 20px);
}
.project-config-content .config-header .store-info[data-v-7b6932d0] {
  color: #666;
  font-size: clamp(12px, 1.5vw, 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-config-content .config-header .store-info .store-name[data-v-7b6932d0] {
  color: #333;
  font-weight: 500;
}
.project-config-content .config-header .search-wrapper[data-v-7b6932d0] {
  width: clamp(200px, 25vw, 300px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.project-config-content .config-header .search-wrapper[data-v-7b6932d0]  .el-input__inner {
  height: clamp(32px, 4vw, 40px);
  font-size: clamp(12px, 1.4vw, 14px);
}
.project-config-content .config-header .search-wrapper[data-v-7b6932d0]  .el-input__icon {
  line-height: clamp(32px, 4vw, 40px);
}
.project-config-content .categories-container[data-v-7b6932d0] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}
.project-config-content .categories-container .category-item[data-v-7b6932d0] {
  border-bottom: 1px solid #ebeef5;
}
.project-config-content .categories-container .category-item[data-v-7b6932d0]:last-child {
  border-bottom: none;
}
.project-config-content .categories-container .category-item .category-header[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(10px, 1.5vw, 16px);
  background-color: #f8f9fa;
  cursor: pointer;
  white-space: nowrap;
}
.project-config-content .categories-container .category-item .category-header .category-info[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: clamp(8px, 1.2vw, 12px);
  min-width: 0;
}
.project-config-content .categories-container .category-item .category-header .category-info .category-name[data-v-7b6932d0] {
  font-weight: 500;
  font-size: clamp(12px, 1.5vw, 15px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-config-content .categories-container .category-item .category-header .category-info .category-status[data-v-7b6932d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: clamp(12px, 2vw, 20px);
}
.project-config-content .categories-container .category-item .category-header .category-info .category-status .selected-count[data-v-7b6932d0] {
  font-size: clamp(11px, 1.3vw, 14px);
  white-space: nowrap;
}
.project-config-content .categories-container .category-item .category-header .category-info .category-status .expand-icon[data-v-7b6932d0] {
  margin-left: clamp(6px, 1vw, 10px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-size: clamp(12px, 1.5vw, 16px);
}
.project-config-content .categories-container .category-item .category-header .category-info .category-status .expand-icon.expanded[data-v-7b6932d0] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.project-config-content .categories-container .category-item .projects-list[data-v-7b6932d0] {
  padding: clamp(12px, 2vw, 20px);
}
.project-config-content .categories-container .category-item .projects-list .projects-grid[data-v-7b6932d0] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(140px, 18vw, 200px), 1fr));
  gap: clamp(12px, 2vw, 20px);
}
.project-config-content .categories-container .category-item .projects-list .projects-grid .project-item .project-checkbox[data-v-7b6932d0] {
  font-size: clamp(12px, 1.4vw, 14px);
  white-space: nowrap;
}
.project-config-content .categories-container .category-item .projects-list .projects-grid .project-item .project-checkbox[data-v-7b6932d0]  .el-checkbox__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(12px, 1.4vw, 14px);
}
.project-config-content .categories-container .category-item .projects-list .projects-grid .project-item .project-checkbox[data-v-7b6932d0]  .el-checkbox__input .el-checkbox__inner {
  width: clamp(14px, 1.8vw, 18px);
  height: clamp(14px, 1.8vw, 18px);
}
.dialog-footer[data-v-7b6932d0] {
  text-align: right;
}
.dialog-footer .el-button[data-v-7b6932d0] {
  font-size: clamp(12px, 1.4vw, 14px);
  padding: clamp(8px, 1.2vw, 12px) clamp(16px, 2vw, 24px);
  height: clamp(32px, 4vw, 40px);
}
.project-dialog[data-v-7b6932d0]  .el-dialog__body {
  padding: clamp(12px, 2vw, 20px);
  max-height: 70vh;
  overflow-y: auto;
}

/* ==================== 响应式设计 - 同步 projectList 样式 ==================== */

/* 超小屏幕 (最大宽度 480px) */
@media (max-width: 480px) {
.app-container[data-v-7b6932d0] {
    padding: 8px;
}
.table-wrapper[data-v-7b6932d0] {
    overflow-x: auto;
}
[data-v-7b6932d0] .el-table {
    min-width: 800px;
}
[data-v-7b6932d0] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-7b6932d0] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
[data-v-7b6932d0] .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.action-buttons[data-v-7b6932d0] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.action-button[data-v-7b6932d0] {
    font-size: 11px;
    padding: 4px 8px;
    height: 28px;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.action-button i[data-v-7b6932d0] {
    font-size: 11px;
}
.projects-container .project-tag[data-v-7b6932d0] {
    font-size: 10px;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
}
.project-config-content .config-header[data-v-7b6932d0] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 12px;
}
.project-config-content .config-header .search-wrapper[data-v-7b6932d0] {
    width: 100%;
}
.project-config-content .categories-container .category-header[data-v-7b6932d0] {
    padding: 10px 12px;
}
.project-config-content .categories-container .category-header .category-info .category-name[data-v-7b6932d0] {
    font-size: 12px;
}
.project-config-content .categories-container .category-header .category-info .category-status .selected-count[data-v-7b6932d0] {
    font-size: 11px;
}
.project-config-content .categories-container .projects-list[data-v-7b6932d0] {
    padding: 12px;
}
.project-config-content .categories-container .projects-list .projects-grid[data-v-7b6932d0] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.sync-content .sync-info[data-v-7b6932d0] {
    font-size: 12px;
}
.sync-content .source-preview .preview-title[data-v-7b6932d0] {
    font-size: 12px;
}
}

/* 小屏幕 (481px - 768px) */
@media (min-width: 481px) and (max-width: 768px) {
.app-container[data-v-7b6932d0] {
    padding: 12px;
}
.table-wrapper[data-v-7b6932d0] {
    overflow-x: auto;
}
[data-v-7b6932d0] .el-table {
    min-width: 800px;
}
[data-v-7b6932d0] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-7b6932d0] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
.action-button[data-v-7b6932d0] {
    font-size: 12px;
    padding: 6px 12px;
    height: 32px;
}
.action-button i[data-v-7b6932d0] {
    font-size: 12px;
}
.project-config-content .config-header[data-v-7b6932d0] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.project-config-content .config-header .search-wrapper[data-v-7b6932d0] {
    width: 100%;
    margin-top: 12px;
}
.project-config-content .projects-grid[data-v-7b6932d0] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* 中等屏幕 (769px - 1200px) */
@media (min-width: 769px) and (max-width: 1200px) {
.action-button[data-v-7b6932d0] {
    font-size: 13px;
    padding: 6px 14px;
    height: 34px;
}
.project-config-content .projects-grid[data-v-7b6932d0] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 大屏幕 (1201px - 1600px) */
@media (min-width: 1201px) and (max-width: 1600px) {
.project-config-content .projects-grid[data-v-7b6932d0] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* 超大屏幕 (1601px以上) */
@media (min-width: 1601px) {
.project-config-content .projects-grid[data-v-7b6932d0] {
    grid-template-columns: repeat(5, 1fr);
}
}

/* 横屏适配 */
@media (orientation: landscape) and (max-height: 600px) {
.app-container[data-v-7b6932d0] {
    height: calc(100vh - 40px);
}
}

/* 项目 tooltip 样式 - 限制最大宽度并自动换行 */
.project-tooltip[data-v-7b6932d0] {
  max-width: 400px !important;
  word-break: break-all;
  white-space: normal;
  line-height: 1.5;
}
.project-tooltip .el-tooltip__popper[data-v-7b6932d0] {
  max-width: 400px;
}
@charset "UTF-8";
.store-performance-container[data-v-8432d582] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-8432d582] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-8432d582] {
  margin-bottom: 20px;
}
.page-title[data-v-8432d582] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-8432d582] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-8432d582] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-8432d582] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-8432d582] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-8432d582]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-8432d582] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-8432d582] {
  width: 240px;
}
.query-btn[data-v-8432d582] {
  min-width: 80px;
}

/* 统计区域 */
.statistics-section[data-v-8432d582] {
  margin-bottom: 30px;
}
.stats-header[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.section-title[data-v-8432d582] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.date-range-text[data-v-8432d582] {
  font-size: 14px;
  color: #999;
}
.stats-grid[data-v-8432d582] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.stat-card[data-v-8432d582] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e9ecef;
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.stat-card-wide[data-v-8432d582] {
  grid-column: span 2;
}
.card-header[data-v-8432d582] {
  margin-bottom: 15px;
}
.card-title[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.card-icon[data-v-8432d582] {
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
.card-name[data-v-8432d582] {
  color: #409eff;
  font-weight: bold;
  font-size: 14px;
}
.card-source[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.source-text[data-v-8432d582] {
  font-weight: bold;
  color: #666;
}
.source-icon[data-v-8432d582] {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.card-value[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.value-icon[data-v-8432d582] {
  width: 15px;
  margin-right: 5px;
}
.value-text[data-v-8432d582] {
  font-weight: bold;
  font-size: 24px;
  color: #333;
}
.card-content-wide[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.card-value-main[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 150px;
}
.value-icon-large[data-v-8432d582] {
  width: 25px;
  margin-right: 5px;
}
.payment-details[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-column[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.payment-item[data-v-8432d582] {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.customer-details[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customer-column[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.customer-item[data-v-8432d582] {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

/* 表格区域 */
.table-section[data-v-8432d582] {
  margin-top: 30px;
}
.section-header[data-v-8432d582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.section-tag[data-v-8432d582] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.table-container[data-v-8432d582] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-8432d582]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-8432d582]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}

/* 响应式设计 */
@media (max-width: 1400px) {
.stats-grid[data-v-8432d582] {
    grid-template-columns: repeat(3, 1fr);
}
.stat-card-wide[data-v-8432d582] {
    grid-column: span 3;
}
}
@media (max-width: 1200px) {
.stats-grid[data-v-8432d582] {
    grid-template-columns: repeat(2, 1fr);
}
.stat-card-wide[data-v-8432d582] {
    grid-column: span 2;
}
}
@media (max-width: 768px) {
.store-performance-container[data-v-8432d582] {
    padding: 10px;
}
.content-wrapper[data-v-8432d582] {
    padding: 15px;
}
.filter-container[data-v-8432d582] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
.stats-grid[data-v-8432d582] {
    grid-template-columns: 1fr;
}
.stat-card-wide[data-v-8432d582] {
    grid-column: span 1;
}
}
@charset "UTF-8";
.store-comparison-container[data-v-8416a680] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-8416a680] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-8416a680] {
  margin-bottom: 20px;
}
.page-title[data-v-8416a680] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-8416a680] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-8416a680] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-8416a680] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-8416a680] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-8416a680] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-8416a680]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-8416a680] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-8416a680] {
  width: 240px;
}
.query-btn[data-v-8416a680] {
  min-width: 80px;
}

/* 表格区域 */
.table-section[data-v-8416a680] {
  margin-top: 30px;
}
.section-header[data-v-8416a680] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title[data-v-8416a680] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.action-buttons[data-v-8416a680] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-8416a680] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.comparison-table[data-v-8416a680]  .total-row {
  background-color: #fefaf4 !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.comparison-table[data-v-8416a680]  .total-row td {
  background-color: #fefaf4 !important;
  font-weight: bold !important;
}
.comparison-table[data-v-8416a680]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.comparison-table[data-v-8416a680]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  table-layout: fixed !important;
}
.comparison-table[data-v-8416a680]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.comparison-table[data-v-8416a680]  .el-table th,
.comparison-table[data-v-8416a680]  .el-table td {
  padding: 8px 0 !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
.store-comparison-container[data-v-8416a680] {
    padding: 0;
}
.content-wrapper[data-v-8416a680] {
    padding: 15px;
}
.filter-container[data-v-8416a680] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
}
/* 报表表格抖动修复样式 */

/* 表格容器固定布局 */
.report-table-container {
  width: 100%;
  min-height: 400px; /* 确保最小高度，避免高度跳动 */
  position: relative;
}

/* 表格基础样式 */
.stable-table {
  width: 100% !important;
  table-layout: fixed !important; /* 固定表格布局，防止列宽重新计算 */
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Element UI 表格深度样式修复 */
.stable-table .el-table__header-wrapper {
  overflow: hidden !important;
}
.stable-table .el-table__body-wrapper {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* 表格列宽预设 - 根据内容类型调整 */
.stable-table .col-date {
  width: 100px !important;
  min-width: 100px !important;
}
.stable-table .col-name {
  width: 120px !important;
  min-width: 120px !important;
}
.stable-table .col-number {
  width: 80px !important;
  min-width: 80px !important;
}
.stable-table .col-money {
  width: 100px !important;
  min-width: 100px !important;
}
.stable-table .col-action {
  width: 60px !important;
  min-width: 60px !important;
}
.stable-table .col-medium {
  width: 150px !important;
  min-width: 150px !important;
}
.stable-table .col-large {
  width: 200px !important;
  min-width: 200px !important;
}

/* 单元格内容样式 */
.stable-table .el-table td,
.stable-table .el-table th {
  padding: 8px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* 头部样式固定 */
.stable-table .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.stable-table .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.stable-table .cell {
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Loading 状态样式 */
.table-loading-placeholder {
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
}

/* 防止表格重绘优化 */
.stable-table {
  contain: layout style paint !important;
  will-change: auto !important;
}

/* 表格行样式 */
.stable-table .warning-row {
  background-color: #faebd5 !important;
}
.stable-table .success-row {
  background-color: #d9f8b6 !important;
}

/* 响应式设计 - 保持稳定布局 */
@media (max-width: 1200px) {
.report-table-container {
    overflow-x: auto;
}
.stable-table {
    min-width: 800px; /* 确保表格最小宽度 */
}
}

/* 消除表格元素的transition，避免动画导致的抖动 */
.stable-table,
.stable-table *,
.stable-table *::before,
.stable-table *::after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 禁用 Element UI 表格的默认过渡效果 */
.el-table,
.el-table__body-wrapper,
.el-table__header-wrapper,
.el-table__body,
.el-table__row,
.el-table td,
.el-table th,
.el-table__cell,
.el-table__empty-block,
.el-table__empty-text {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 禁用 Element UI loading 动画 */
.el-loading-mask,
.el-loading-spinner,
.el-loading-text,
.el-loading-svg {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 禁用所有可能的过渡效果 */
.report-table-container .el-table__body tr,
.report-table-container .el-table__body tr td,
.report-table-container .el-table__header tr,
.report-table-container .el-table__header tr th {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 固定表格头部 */
.stable-table.fixed-header .el-table__header-wrapper {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background: #f2f2f2 !important;
}





















@charset "UTF-8";
.project-analysis-container[data-v-83fa777e] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-83fa777e] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-83fa777e] {
  margin-bottom: 20px;
}
.page-title[data-v-83fa777e] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-83fa777e] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-83fa777e] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-83fa777e] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-83fa777e] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-83fa777e]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-83fa777e] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-83fa777e] {
  width: 240px;
}
.query-btn[data-v-83fa777e] {
  min-width: 80px;
}

/* 统计区域 */
.statistics-section[data-v-83fa777e] {
  margin-bottom: 30px;
}
.stats-header[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  gap: 10px;
}
.section-title[data-v-83fa777e] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-83fa777e] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.stats-grid[data-v-83fa777e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.stat-card[data-v-83fa777e] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e9ecef;
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.stat-card-wide[data-v-83fa777e] {
  grid-column: span 1;
}
.card-header[data-v-83fa777e] {
  margin-bottom: 15px;
}
.card-title[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.card-name[data-v-83fa777e] {
  color: #409eff;
  font-weight: bold;
  font-size: 14px;
}
.card-content-wide[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.card-value-main[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 150px;
}
.value-text[data-v-83fa777e] {
  font-weight: bold;
  font-size: 24px;
  color: #333;
}
.value-unit[data-v-83fa777e] {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}
.category-details[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.category-item[data-v-83fa777e] {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

/* 表格区域 */
.table-section[data-v-83fa777e] {
  margin-top: 30px;
}
.section-header[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.action-buttons[data-v-83fa777e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.report-table-container[data-v-83fa777e] {
  width: 100%;
  max-width: 100%;
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 禁用loading动画 */
}
.report-table-container[data-v-83fa777e]  .el-loading-mask {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-83fa777e]  .el-loading-spinner {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.analysis-table[data-v-83fa777e] {
  /* 确保表格容器正确计算高度 */
  /* 确保表格主体可以滚动 */
  /* 确保表格行都能正确渲染 */
  /* 确保body-wrapper有足够的高度来显示所有行，包括合计行 */
  /* 确保合计行完整显示 */
  /* 确保表格底部有足够的空间显示合计行 */
  /* 确保表格不会超出容器 */
}
.analysis-table[data-v-83fa777e]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.analysis-table[data-v-83fa777e]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.analysis-table[data-v-83fa777e]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.analysis-table[data-v-83fa777e]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 480px !important;
  /* 禁用所有过渡和动画 */
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  /* 禁用内部元素的过渡和动画 */
}
.analysis-table[data-v-83fa777e]  .el-table * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.analysis-table[data-v-83fa777e]  .el-table__header-wrapper {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.analysis-table[data-v-83fa777e]  .el-table__body-wrapper {
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  /* 确保body-wrapper有明确的高度，以便正确显示滚动条 */
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  min-height: 0 !important;
}
.analysis-table[data-v-83fa777e]  .el-table__inner-wrapper {
  height: 480px !important;
}
.analysis-table[data-v-83fa777e]  .el-table__body {
  overflow: visible !important;
}
.analysis-table[data-v-83fa777e]  .el-table__body tbody tr {
  display: table-row !important;
}
.analysis-table[data-v-83fa777e]  .el-table__body-wrapper {
  height: auto !important;
  max-height: 425px !important;
  /* 确保合计行不被截断 */
  padding-bottom: 0 !important;
}
.analysis-table[data-v-83fa777e]  .el-table__body tbody tr.total-row {
  position: relative !important;
  z-index: 1 !important;
}
.analysis-table[data-v-83fa777e]  .el-table__body-wrapper::after {
  content: "";
  display: block;
  height: 1px;
  visibility: hidden;
}
.analysis-table[data-v-83fa777e]  .el-table__header,
.analysis-table[data-v-83fa777e]  .el-table__body {
  width: 100% !important;
  max-width: 100% !important;
}
.analysis-table[data-v-83fa777e]  .el-table__header-wrapper,
.analysis-table[data-v-83fa777e]  .el-table__body-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.analysis-table[data-v-83fa777e]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.analysis-table[data-v-83fa777e]  .el-table th,
.analysis-table[data-v-83fa777e]  .el-table td {
  padding: 8px 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.analysis-table[data-v-83fa777e]  .el-table th.is-leaf {
  border-bottom: 1px solid #dfe6ec !important;
}
.analysis-table[data-v-83fa777e]  .el-table th:not(.is-leaf) {
  border-bottom: 1px solid #dfe6ec !important;
  background-color: #e8f4fd !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
.project-analysis-container[data-v-83fa777e] {
    padding: 0;
}
.content-wrapper[data-v-83fa777e] {
    padding: 15px;
}
.filter-container[data-v-83fa777e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
.stats-grid[data-v-83fa777e] {
    grid-template-columns: 1fr;
}
}
.customer-flow-container[data-v-83de487c] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-83de487c] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-83de487c] {
  margin-bottom: 20px;
}
.page-title[data-v-83de487c] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-83de487c] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-83de487c] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-83de487c] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-83de487c] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-83de487c]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-83de487c] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-83de487c] {
  width: 240px;
}
.query-btn[data-v-83de487c] {
  min-width: 80px;
}
.statistics-section[data-v-83de487c] {
  margin-bottom: 30px;
}
.stats-header[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  gap: 10px;
}
.section-title[data-v-83de487c] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-83de487c] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.stats-grid[data-v-83de487c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.stat-card[data-v-83de487c] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e9ecef;
  min-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.stat-card.stat-card-wide[data-v-83de487c] {
  min-height: 250px;
}
.stat-card-small[data-v-83de487c] {
  grid-column: span 1;
}
.stat-card-wide[data-v-83de487c] {
  grid-column: span 1;
}
.card-header[data-v-83de487c] {
  margin-bottom: 15px;
}
.card-title[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-name[data-v-83de487c] {
  color: #409eff;
  font-weight: bold;
  font-size: 14px;
}
.card-content[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-content-small[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-content-wide[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-value-main[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 120px;
}
.value-text[data-v-83de487c] {
  font-weight: bold;
  font-size: 26px;
  color: #333;
}
.value-unit[data-v-83de487c] {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}
.card-details[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.detail-item[data-v-83de487c] {
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.source-list[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.source-item[data-v-83de487c] {
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.referrer-main[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  min-width: 150px;
}
.referrer-value[data-v-83de487c] {
  font-size: 26px;
  font-weight: bold;
  color: #333;
}
.referrer-list[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 200px;
  overflow-y: auto;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.referrer-item[data-v-83de487c] {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  min-width: 150px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.333% - 14px);
          flex: 0 0 calc(33.333% - 14px);
}
.no-data[data-v-83de487c] {
  font-size: 12px;
  color: #999;
}
.table-section[data-v-83de487c] {
  margin-top: 30px;
}
.section-header[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.action-buttons[data-v-83de487c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-83de487c] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.performance-table[data-v-83de487c]  .el-table thead,
.customer-table[data-v-83de487c]  .el-table thead,
.referrer-table[data-v-83de487c]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-83de487c]  .el-table,
.customer-table[data-v-83de487c]  .el-table,
.referrer-table[data-v-83de487c]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-83de487c]  .el-table .cell,
.customer-table[data-v-83de487c]  .el-table .cell,
.referrer-table[data-v-83de487c]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.performance-table[data-v-83de487c]  .el-table th:not(.is-leaf),
.customer-table[data-v-83de487c]  .el-table th:not(.is-leaf),
.referrer-table[data-v-83de487c]  .el-table th:not(.is-leaf) {
  background-color: #e8f4fd !important;
}
@media (max-width: 1400px) {
.stats-grid[data-v-83de487c] {
    grid-template-columns: repeat(3, 1fr);
}
.stat-card-wide[data-v-83de487c] {
    grid-column: span 3;
}
}
@media (max-width: 1200px) {
.stats-grid[data-v-83de487c] {
    grid-template-columns: repeat(2, 1fr);
}
.stat-card-wide[data-v-83de487c] {
    grid-column: span 2;
}
}
@media (max-width: 768px) {
.customer-flow-container[data-v-83de487c] {
    padding: 0;
}
.content-wrapper[data-v-83de487c] {
    padding: 15px;
}
.filter-container[data-v-83de487c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
.stats-grid[data-v-83de487c] {
    grid-template-columns: 1fr;
}
.stat-card-wide[data-v-83de487c] {
    grid-column: span 1;
}
}
@charset "UTF-8";
.performance-analysis-container[data-v-83c2197a] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-83c2197a] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-83c2197a] {
  margin-bottom: 20px;
}
.page-title[data-v-83c2197a] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-83c2197a] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-83c2197a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-83c2197a] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-83c2197a] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-83c2197a] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-83c2197a]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-83c2197a] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-83c2197a] {
  width: 240px;
}
.query-btn[data-v-83c2197a] {
  min-width: 80px;
}

/* 表格区域 */
.table-section[data-v-83c2197a] {
  margin-top: 30px;
}
.section-header[data-v-83c2197a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title[data-v-83c2197a] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.action-buttons[data-v-83c2197a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-83c2197a] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.performance-table[data-v-83c2197a]  .total-row {
  background-color: #fefaf4 !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-83c2197a]  .total-row td {
  background-color: #fefaf4 !important;
  font-weight: bold !important;
}
.performance-table[data-v-83c2197a]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-83c2197a]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-83c2197a]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.performance-table[data-v-83c2197a]  .el-table th,
.performance-table[data-v-83c2197a]  .el-table td {
  padding: 8px 0 !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
.performance-analysis-container[data-v-83c2197a] {
    padding: 0;
}
.content-wrapper[data-v-83c2197a] {
    padding: 15px;
}
.filter-container[data-v-83c2197a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
}
@charset "UTF-8";
.project-category-stats-container[data-v-83a5ea78] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-83a5ea78] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-83a5ea78] {
  margin-bottom: 20px;
}
.page-title[data-v-83a5ea78] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-83a5ea78] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-83a5ea78] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-83a5ea78] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-83a5ea78] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-83a5ea78] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-83a5ea78]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-83a5ea78] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-83a5ea78] {
  width: 240px;
}
.query-btn[data-v-83a5ea78] {
  min-width: 80px;
}

/* 表格区域 */
.table-section[data-v-83a5ea78] {
  margin-top: 30px;
}
.section-header[data-v-83a5ea78] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-83a5ea78] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-83a5ea78] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-83a5ea78] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-83a5ea78] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-83a5ea78] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.category-stats-table[data-v-83a5ea78]  .category-row {
  background-color: #faebd5 !important;
  font-weight: bold !important;
}
.category-stats-table[data-v-83a5ea78]  .category-row td {
  background-color: #faebd5 !important;
  font-weight: bold !important;
}
.category-stats-table[data-v-83a5ea78]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.category-stats-table[data-v-83a5ea78]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.category-stats-table[data-v-83a5ea78]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.category-stats-table[data-v-83a5ea78]  .el-table th,
.category-stats-table[data-v-83a5ea78]  .el-table td {
  padding: 8px 0 !important;
}
.category-stats-table[data-v-83a5ea78]  .el-table th.is-leaf {
  border-bottom: 1px solid #dfe6ec !important;
}
.category-stats-table[data-v-83a5ea78]  .el-table th:not(.is-leaf) {
  border-bottom: 1px solid #dfe6ec !important;
  background-color: #e8f4fd !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
.project-category-stats-container[data-v-83a5ea78] {
    padding: 0;
}
.content-wrapper[data-v-83a5ea78] {
    padding: 15px;
}
.filter-container[data-v-83a5ea78] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
}
@charset "UTF-8";
.project-sales-consumption-container[data-v-8389bb76] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-8389bb76] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-8389bb76] {
  margin-bottom: 20px;
}
.page-title[data-v-8389bb76] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-8389bb76] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-8389bb76] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-8389bb76] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-8389bb76] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-8389bb76] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-8389bb76]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-8389bb76] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-8389bb76] {
  width: 240px;
}
.query-btn[data-v-8389bb76] {
  min-width: 80px;
}

/* 表格区域 */
.table-section[data-v-8389bb76] {
  margin-top: 30px;
}
.section-header[data-v-8389bb76] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-8389bb76] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-8389bb76] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-8389bb76] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-8389bb76] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.report-table-container[data-v-8389bb76] {
  height: 500px;
  overflow: hidden;
}
.sales-consumption-table[data-v-8389bb76]  .warning-row {
  background-color: #f2f2f2 !important;
}
.sales-consumption-table[data-v-8389bb76]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.sales-consumption-table[data-v-8389bb76]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.sales-consumption-table[data-v-8389bb76]  .cell {
  font-weight: 500 !important;
}
.empty-state[data-v-8389bb76] {
  text-align: center;
  padding: 50px;
  color: #999;
}

/* 响应式设计 */
@media (max-width: 768px) {
.project-sales-consumption-container[data-v-8389bb76] {
    padding: 0;
}
.content-wrapper[data-v-8389bb76] {
    padding: 15px;
}
.filter-container[data-v-8389bb76] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
}
@charset "UTF-8";
.store-revenue-summary-container[data-v-1a665f00] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-1a665f00] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-1a665f00] {
  margin-bottom: 20px;
}
.page-title[data-v-1a665f00] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-1a665f00] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-1a665f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-1a665f00] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-1a665f00] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-1a665f00] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-1a665f00]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-1a665f00] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-1a665f00] {
  width: 240px;
}
.query-btn[data-v-1a665f00] {
  min-width: 80px;
}

/* 表格区域 */
.table-section[data-v-1a665f00] {
  margin-top: 30px;
}
.section-header[data-v-1a665f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-1a665f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-1a665f00] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-1a665f00] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-1a665f00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.report-table-container[data-v-1a665f00] {
  height: 500px;
  overflow: hidden;
}
.revenue-summary-table[data-v-1a665f00]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.revenue-summary-table[data-v-1a665f00]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.revenue-summary-table[data-v-1a665f00]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.revenue-summary-table[data-v-1a665f00]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.revenue-summary-table[data-v-1a665f00]  .cell {
  font-weight: 500 !important;
}
.empty-state[data-v-1a665f00] {
  text-align: center;
  padding: 50px;
  color: #999;
}

/* 响应式设计 */
@media (max-width: 768px) {
.store-revenue-summary-container[data-v-1a665f00] {
    padding: 0;
}
.content-wrapper[data-v-1a665f00] {
    padding: 15px;
}
.filter-container[data-v-1a665f00] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
}
.member-card-container[data-v-1a4a2ffe] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-1a4a2ffe] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-1a4a2ffe] {
  margin-bottom: 20px;
}
.page-title[data-v-1a4a2ffe] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-1a4a2ffe] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-1a4a2ffe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-1a4a2ffe] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-1a4a2ffe] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-1a4a2ffe] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-1a4a2ffe]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-1a4a2ffe] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-1a4a2ffe] {
  width: 240px;
}
.query-btn[data-v-1a4a2ffe] {
  min-width: 80px;
}
.table-section[data-v-1a4a2ffe] {
  margin-top: 30px;
}
.section-header[data-v-1a4a2ffe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.section-title-wrapper[data-v-1a4a2ffe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-1a4a2ffe] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-1a4a2ffe] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-1a4a2ffe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.table-container[data-v-1a4a2ffe] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-1a4a2ffe]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-1a4a2ffe]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.empty-state[data-v-1a4a2ffe] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.store-treatment-container[data-v-1a2e00fc] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-1a2e00fc] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.filter-container[data-v-1a2e00fc] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-1a2e00fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-1a2e00fc] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-1a2e00fc] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-1a2e00fc] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-1a2e00fc]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-1a2e00fc] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-1a2e00fc] {
  width: 240px;
}
.query-btn[data-v-1a2e00fc] {
  min-width: 80px;
}
.table-section[data-v-1a2e00fc] {
  margin-top: 30px;
}
.section-header[data-v-1a2e00fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  gap: 10px;
}
.section-title-wrapper[data-v-1a2e00fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-1a2e00fc] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-1a2e00fc] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-1a2e00fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.table-container[data-v-1a2e00fc] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-1a2e00fc]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-1a2e00fc]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.empty-state[data-v-1a2e00fc] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.treatment-package-sales-container[data-v-1a11d1fa] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-1a11d1fa] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.filter-container[data-v-1a11d1fa] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-1a11d1fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-1a11d1fa] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-1a11d1fa] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-1a11d1fa] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-1a11d1fa]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-1a11d1fa] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-1a11d1fa] {
  width: 240px;
}
.query-btn[data-v-1a11d1fa] {
  min-width: 80px;
}
.table-section[data-v-1a11d1fa] {
  margin-top: 30px;
}
.section-header[data-v-1a11d1fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  gap: 10px;
}
.section-title-wrapper[data-v-1a11d1fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-1a11d1fa] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-1a11d1fa] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-1a11d1fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.table-container[data-v-1a11d1fa] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-1a11d1fa]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-1a11d1fa]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.empty-state[data-v-1a11d1fa] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.combined-treatment-container[data-v-19f5a2f8] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-19f5a2f8] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-19f5a2f8] {
  margin-bottom: 20px;
}
.page-title[data-v-19f5a2f8] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-19f5a2f8] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-19f5a2f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-19f5a2f8] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-19f5a2f8] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-19f5a2f8] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-19f5a2f8]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-19f5a2f8] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-19f5a2f8] {
  width: 240px;
}
.query-btn[data-v-19f5a2f8] {
  min-width: 80px;
}
.table-section[data-v-19f5a2f8] {
  margin-top: 30px;
}
.section-header[data-v-19f5a2f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.section-title-wrapper[data-v-19f5a2f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-19f5a2f8] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-19f5a2f8] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-19f5a2f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-19f5a2f8] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-19f5a2f8]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-19f5a2f8]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.empty-state[data-v-19f5a2f8] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.treatment-consumption-container[data-v-19d973f6] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-19d973f6] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-19d973f6] {
  margin-bottom: 20px;
}
.page-title[data-v-19d973f6] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-19d973f6] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-19d973f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-19d973f6] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-19d973f6] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-19d973f6] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-19d973f6]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-19d973f6] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-19d973f6] {
  width: 240px;
}
.query-btn[data-v-19d973f6] {
  min-width: 80px;
}
.table-section[data-v-19d973f6] {
  margin-top: 30px;
}
.section-header[data-v-19d973f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.section-title-wrapper[data-v-19d973f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-19d973f6] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-19d973f6] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-19d973f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-19d973f6] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-19d973f6]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-19d973f6]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.empty-state[data-v-19d973f6] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.treatment-balance-container[data-v-19bd44f4] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-19bd44f4] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-19bd44f4] {
  margin-bottom: 20px;
}
.page-title[data-v-19bd44f4] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-19bd44f4] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-19bd44f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-19bd44f4] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-19bd44f4] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-19bd44f4] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-19bd44f4]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-19bd44f4] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-19bd44f4] {
  width: 240px;
}
.query-btn[data-v-19bd44f4] {
  min-width: 80px;
}
.table-section[data-v-19bd44f4] {
  margin-top: 30px;
}
.section-header[data-v-19bd44f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
.section-title-wrapper[data-v-19bd44f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-19bd44f4] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-19bd44f4] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-19bd44f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-19bd44f4] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  min-height: 460px;
}
.performance-table[data-v-19bd44f4]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-19bd44f4]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.empty-state[data-v-19bd44f4] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.cross-store-reconciliation-container[data-v-19a115f2] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-19a115f2] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-19a115f2] {
  margin-bottom: 20px;
}
.page-title[data-v-19a115f2] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-19a115f2] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-19a115f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-19a115f2] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-19a115f2] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-19a115f2] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-19a115f2]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-19a115f2] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-19a115f2] {
  width: 240px;
}
.query-btn[data-v-19a115f2] {
  min-width: 80px;
}
.table-section[data-v-19a115f2] {
  margin-top: 30px;
}
.section-header[data-v-19a115f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-19a115f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-19a115f2] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-19a115f2] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-19a115f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.report-table-container[data-v-19a115f2] {
  height: 500px;
  overflow: hidden;
}
[data-v-19a115f2] .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
[data-v-19a115f2] .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
[data-v-19a115f2] .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
[data-v-19a115f2] .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
[data-v-19a115f2] .cell {
  font-weight: 500 !important;
}
.empty-state[data-v-19a115f2] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.employee-performance-container[data-v-27b30bc1] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-27b30bc1] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-27b30bc1] {
  margin-bottom: 20px;
}
.page-title[data-v-27b30bc1] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-27b30bc1] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-27b30bc1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-27b30bc1] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-27b30bc1] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-27b30bc1] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-27b30bc1]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-27b30bc1] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-27b30bc1] {
  width: 240px;
}
.query-btn[data-v-27b30bc1] {
  min-width: 80px;
}
.table-section[data-v-27b30bc1] {
  margin-top: 30px;
}
.section-header[data-v-27b30bc1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-27b30bc1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-27b30bc1] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-27b30bc1] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-27b30bc1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-27b30bc1] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.performance-table[data-v-27b30bc1]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-27b30bc1]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.performance-table[data-v-27b30bc1]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-27b30bc1]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  table-layout: fixed !important;
}
.performance-table[data-v-27b30bc1]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.performance-table[data-v-27b30bc1]  .el-table th,
.performance-table[data-v-27b30bc1]  .el-table td {
  padding: 8px 0 !important;
}
.empty-state[data-v-27b30bc1] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.employee-commission-container[data-v-27c12342] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-27c12342] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-27c12342] {
  margin-bottom: 20px;
}
.page-title[data-v-27c12342] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-27c12342] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-27c12342] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-27c12342] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-27c12342] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-27c12342] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-27c12342]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-27c12342] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-27c12342] {
  width: 240px;
}
.query-btn[data-v-27c12342] {
  min-width: 80px;
}
.table-section[data-v-27c12342] {
  margin-top: 30px;
}
.section-header[data-v-27c12342] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-27c12342] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-27c12342] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-27c12342] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-27c12342] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-27c12342] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.performance-table[data-v-27c12342]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-27c12342]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.performance-table[data-v-27c12342]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-27c12342]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  table-layout: fixed !important;
}
.performance-table[data-v-27c12342]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.performance-table[data-v-27c12342]  .el-table th,
.performance-table[data-v-27c12342]  .el-table td {
  padding: 8px 0 !important;
}
.empty-state[data-v-27c12342] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.employee-performance-analysis-container[data-v-27cf3ac3] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-27cf3ac3] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-27cf3ac3] {
  margin-bottom: 20px;
}
.page-title[data-v-27cf3ac3] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-27cf3ac3] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-27cf3ac3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-27cf3ac3] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-27cf3ac3] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-27cf3ac3] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-27cf3ac3]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-27cf3ac3] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-27cf3ac3] {
  width: 240px;
}
.query-btn[data-v-27cf3ac3] {
  min-width: 80px;
}
.table-section[data-v-27cf3ac3] {
  margin-top: 30px;
}
.section-header[data-v-27cf3ac3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-27cf3ac3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-27cf3ac3] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-27cf3ac3] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-27cf3ac3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-27cf3ac3] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.performance-table[data-v-27cf3ac3]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-27cf3ac3]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.performance-table[data-v-27cf3ac3]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-27cf3ac3]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  table-layout: fixed !important;
}
.performance-table[data-v-27cf3ac3]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.performance-table[data-v-27cf3ac3]  .el-table th,
.performance-table[data-v-27cf3ac3]  .el-table td {
  padding: 8px 0 !important;
}
.empty-state[data-v-27cf3ac3] {
  text-align: center;
  padding: 50px;
  color: #999;
}
.employee-project-container[data-v-27dd5244] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-27dd5244] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-header[data-v-27dd5244] {
  margin-bottom: 20px;
}
.page-title[data-v-27dd5244] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.filter-container[data-v-27dd5244] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-27dd5244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-27dd5244] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-27dd5244] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-27dd5244] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-27dd5244]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-27dd5244] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-27dd5244] {
  width: 240px;
}
.query-btn[data-v-27dd5244] {
  min-width: 80px;
}
.table-section[data-v-27dd5244] {
  margin-top: 30px;
}
.section-header[data-v-27dd5244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-27dd5244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-27dd5244] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-27dd5244] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-27dd5244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.table-container[data-v-27dd5244] {
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
}
.performance-table[data-v-27dd5244]  .total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
}
.performance-table[data-v-27dd5244]  .total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
}
.performance-table[data-v-27dd5244]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-27dd5244]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.performance-table[data-v-27dd5244]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.performance-table[data-v-27dd5244]  .el-table th,
.performance-table[data-v-27dd5244]  .el-table td {
  padding: 8px 0 !important;
}
.empty-state[data-v-27dd5244] {
  text-align: center;
  padding: 50px;
  color: #999;
}
/* 报表表格抖动修复样式 */

/* 表格容器固定布局 */
.report-table-container {
  width: 100%;
  min-height: 400px; /* 确保最小高度，避免高度跳动 */
  position: relative;
}

/* 表格基础样式 */
.stable-table {
  width: 100% !important;
  table-layout: fixed !important; /* 固定表格布局，防止列宽重新计算 */
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Element UI 表格深度样式修复 */
.stable-table .el-table__header-wrapper {
  overflow: hidden !important;
}
.stable-table .el-table__body-wrapper {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* 表格列宽预设 - 根据内容类型调整 */
.stable-table .col-date {
  width: 100px !important;
  min-width: 100px !important;
}
.stable-table .col-name {
  width: 120px !important;
  min-width: 120px !important;
}
.stable-table .col-number {
  width: 80px !important;
  min-width: 80px !important;
}
.stable-table .col-money {
  width: 100px !important;
  min-width: 100px !important;
}
.stable-table .col-action {
  width: 60px !important;
  min-width: 60px !important;
}
.stable-table .col-medium {
  width: 150px !important;
  min-width: 150px !important;
}
.stable-table .col-large {
  width: 200px !important;
  min-width: 200px !important;
}

/* 单元格内容样式 */
.stable-table .el-table td,
.stable-table .el-table th {
  padding: 8px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* 头部样式固定 */
.stable-table .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.stable-table .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.stable-table .cell {
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Loading 状态样式 */
.table-loading-placeholder {
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
}

/* 防止表格重绘优化 */
.stable-table {
  contain: layout style paint !important;
  will-change: auto !important;
}

/* 表格行样式 */
.stable-table .warning-row {
  background-color: #faebd5 !important;
}
.stable-table .success-row {
  background-color: #d9f8b6 !important;
}

/* 响应式设计 - 保持稳定布局 */
@media (max-width: 1200px) {
.report-table-container {
    overflow-x: auto;
}
.stable-table {
    min-width: 800px; /* 确保表格最小宽度 */
}
}

/* 消除表格元素的transition，避免动画导致的抖动 */
.stable-table,
.stable-table *,
.stable-table *::before,
.stable-table *::after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 禁用 Element UI 表格的默认过渡效果 */
.el-table,
.el-table__body-wrapper,
.el-table__header-wrapper,
.el-table__body,
.el-table__row,
.el-table td,
.el-table th,
.el-table__cell,
.el-table__empty-block,
.el-table__empty-text {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 禁用 Element UI loading 动画 */
.el-loading-mask,
.el-loading-spinner,
.el-loading-text,
.el-loading-svg {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 禁用所有可能的过渡效果 */
.report-table-container .el-table__body tr,
.report-table-container .el-table__body tr td,
.report-table-container .el-table__header tr,
.report-table-container .el-table__header tr th {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

/* 固定表格头部 */
.stable-table.fixed-header .el-table__header-wrapper {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background: #f2f2f2 !important;
}





















.rightHeader[data-v-494f631a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
.headerTime {
    border: 1px solid #1078ff;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: none;
    margin-right: 10px;
span {
      padding: 5px 15px;
      border-right: 1px solid #1078ff;
      cursor: pointer;
}
.headerTimeActive {
      background-color: #1078ff;
      color: #fff;
}
}
}
.root[data-v-494f631a] {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[data-v-494f631a] .success-row {
  background-color: #fefaf4;
}

@charset "UTF-8";
.rightHeader[data-v-15d27bae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.rightHeader .headerTime[data-v-15d27bae] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.rightHeader .headerTime span[data-v-15d27bae] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
}
.rightHeader .headerTime .headerTimeActive[data-v-15d27bae] {
  background-color: #1078ff;
  color: #fff;
}
.root[data-v-15d27bae] {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.root[data-v-15d27bae]  .success-row {
  background-color: #fefaf4;
}
.root *[data-v-15d27bae]::-webkit-scrollbar {
  -webkit-transition: none !important;
  transition: none !important;
}
.report-table-container[data-v-15d27bae] {
  width: 100%;
  margin-bottom: 20px;
  height: 500px !important;
  /* 固定高度，避免动画 */
  min-height: 500px !important;
  /* 确保最小高度 */
  max-height: 500px !important;
  /* 确保最大高度 */
  background-color: #fff;
  /* 白色背景 */
  border: 1px solid #dfe6ec;
  /* 边框 */
  border-radius: 4px;
  /* 圆角 */
  overflow: hidden;
  /* 隐藏容器溢出，让滚动条在内部 */
  position: relative;
  /* 为loading定位 */
  /* 禁用loading动画 */
}
.report-table-container[data-v-15d27bae]  .el-loading-mask {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-loading-spinner {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table {
  width: 100% !important;
  min-width: 1300px;
  /* 禁用所有过渡和动画 */
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  /* 禁用内部元素的过渡和动画 */
}
.report-table-container[data-v-15d27bae]  .el-table * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__header-wrapper {
  overflow: hidden !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__body-wrapper {
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__body {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__row {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__body tr.total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__body tr.total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .el-table__header th,
.report-table-container[data-v-15d27bae]  .el-table .el-table__body td {
  text-align: center;
  padding: 8px 4px;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-15d27bae]  .el-table .col-money {
  text-align: center !important;
}
.report-table-container[data-v-15d27bae]  .el-table .col-date {
  text-align: center !important;
}
.root[data-v-7033fc66] {
  width: 100%;
  padding: 20px;
}
.root .rightHeader[data-v-7033fc66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.root .rightHeader .headerTime[data-v-7033fc66] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.root .rightHeader .headerTime span[data-v-7033fc66] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
}
.root .rightHeader .headerTime .headerTimeActive[data-v-7033fc66] {
  background-color: #1078ff;
  color: #fff;
}
.root .search-form[data-v-7033fc66] {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.root .header-section[data-v-7033fc66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.root .header-section .title-section[data-v-7033fc66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.root .header-section .title-section .title[data-v-7033fc66] {
  font-weight: bold;
  margin-right: 10px;
  font-size: 16px;
}
.root .header-section .title-section .tag[data-v-7033fc66] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.root .header-section .action-buttons[data-v-7033fc66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.root[data-v-7033fc66]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-7033fc66]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  table-layout: fixed !important;
}
.root[data-v-7033fc66]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.root[data-v-7033fc66]  .el-table th,
.root[data-v-7033fc66]  .el-table td {
  padding: 8px 0 !important;
}
.root[data-v-7033fc66]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-7033fc66]  .success-row {
  background-color: #fefaf4;
  font-weight: bold;
}
.root[data-v-7033fc66]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-7033fc66]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
@charset "UTF-8";
.root[data-v-7c9c5f16] {
  width: 100%;
}
.root .rightHeader[data-v-7c9c5f16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.root .rightHeader .headerTime[data-v-7c9c5f16] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.root .rightHeader .headerTime span[data-v-7c9c5f16] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.root .rightHeader .headerTime span[data-v-7c9c5f16]:hover {
  background-color: #e6f7ff;
}
.root .rightHeader .headerTime .headerTimeActive[data-v-7c9c5f16] {
  background-color: #1078ff;
  color: #fff;
}
.root[data-v-7c9c5f16]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-7c9c5f16]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-7c9c5f16]  .cell {
  font-weight: 500 !important;
}
.root[data-v-7c9c5f16]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-7c9c5f16]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-7c9c5f16]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-7c9c5f16]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.report-table-container[data-v-7c9c5f16] {
  position: relative;
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  /* 禁用loading动画 */
}
.report-table-container[data-v-7c9c5f16]  .el-loading-mask {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-loading-spinner {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table {
  height: 100% !important;
  min-width: 100%;
  /* 禁用所有过渡和动画 */
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  /* 禁用内部元素的过渡和动画 */
}
.report-table-container[data-v-7c9c5f16]  .el-table * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table__body-wrapper {
  height: calc(100% - 40px) !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table__header-wrapper {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table th {
  text-align: center !important;
  font-weight: bold !important;
  background-color: #f2f2f2 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table th.is-leaf {
  border-bottom: 1px solid #dfe6ec !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table th:not(.is-leaf) {
  border-bottom: 1px solid #dfe6ec !important;
  background-color: #e8f4fd !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table td {
  text-align: center !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table__body tr.total-row {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  border-top: 2px solid #dcdfe6 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table__body tr.total-row td {
  background-color: #f5f7fa !important;
  font-weight: bold !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table__body {
  min-width: 100%;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-7c9c5f16]  .el-table__header {
  min-width: 100%;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.root[data-v-2892b770] {
  width: 100%;
}
.root .rightHeader[data-v-2892b770] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.root .rightHeader .headerTime[data-v-2892b770] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.root .rightHeader .headerTime span[data-v-2892b770] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
}
.root .rightHeader .headerTime .headerTimeActive[data-v-2892b770] {
  background-color: #1078ff;
  color: #fff;
}
.root[data-v-2892b770]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-2892b770]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-2892b770]  .cell {
  font-weight: 500 !important;
}
.root[data-v-2892b770]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-2892b770]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-2892b770]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-2892b770]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-2892b770]  .el-dialog__close {
  font-size: 22px;
  color: #f00;
}
.rightHeader[data-v-627c827f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
.headerTime {
    border: 1px solid #1078ff;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: none;
    margin-right: 10px;
span {
      padding: 5px 15px;
      border-right: 1px solid #1078ff;
      cursor: pointer;
}
.headerTimeActive {
      background-color: #1078ff;
      color: #fff;
}
}
}
.root[data-v-627c827f] {
  width: 100%;
.report-table-container {
    height: 450px;
    overflow: hidden;
::v-deep .el-table {
      height: 100% !important;
.el-table__body-wrapper {
        height: calc(100% - 40px) !important;
        overflow-y: auto !important;
}
}
}
::v-deep .el-table thead {
    font-size: 12px !important;
    color: #000 !important;
}
::v-deep .el-table {
    font-size: 12px !important;
    color: #000 !important;
}
::v-deep .cell {
    font-weight: 500 !important;
}
::v-deep .warning-row {
    background-color: #f2f2f2;
}
::v-deep .success-row {
    background-color: #fefaf4;
}
::v-deep .el-icon-printer {
    color: #409eff;
    font-size: 16px;
}
::v-deep .el-icon-message {
    color: #409eff;
    font-size: 16px;
}
}
.report-table-container[data-v-627c827f] {
  width: 100%;
  overflow-x: auto;
}
[data-v-627c827f] .el-table {
  width: 100% !important;
  min-width: 100% !important;
}
[data-v-627c827f] .el-table__header-wrapper,[data-v-627c827f] .el-table__body-wrapper {
  width: 100% !important;
}
[data-v-627c827f] .el-table__header,[data-v-627c827f] .el-table__body {
  width: 100% !important;
}
[data-v-627c827f] .el-table .cell {
  white-space: nowrap;
}
[data-v-627c827f] .el-table__footer-wrapper {
  overflow-x: auto;
}
[data-v-627c827f] .el-table__footer {
  width: 100% !important;
}

.root[data-v-41121022] {
  width: 100%;
}
.root .rightHeader[data-v-41121022] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.root .rightHeader .headerTime[data-v-41121022] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.root .rightHeader .headerTime span[data-v-41121022] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
}
.root .rightHeader .headerTime .headerTimeActive[data-v-41121022] {
  background-color: #1078ff;
  color: #fff;
}
.root .report-table-container[data-v-41121022] {
  height: 460px;
  overflow: hidden;
  position: relative;
}
.root .report-table-container *[data-v-41121022] {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.root .report-table-container[data-v-41121022]  .el-table {
  height: 100% !important;
}
.root .report-table-container[data-v-41121022]  .el-table .el-table__header-wrapper,
.root .report-table-container[data-v-41121022]  .el-table .el-table__body-wrapper {
  width: 100% !important;
}
.root .report-table-container[data-v-41121022]  .el-table .el-table__header,
.root .report-table-container[data-v-41121022]  .el-table .el-table__body {
  width: 100% !important;
}
.root[data-v-41121022]  .warning-row {
  background-color: #faebd5 !important;
}
.root[data-v-41121022]  .success-row {
  background-color: #d9f8b6 !important;
}
.root[data-v-41121022]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-41121022]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
@charset "UTF-8";
.project-sales-consumption-container[data-v-41dbb6b2] {
  padding: 0;
  background-color: #f5f5f5;
  min-height: calc(100vh - 60px);
}
.content-wrapper[data-v-41dbb6b2] {
  background-color: #ffffff;
  border-radius: 0;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 页面标题 */
.page-header[data-v-41dbb6b2] {
  margin-bottom: 20px;
}
.page-title[data-v-41dbb6b2] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 筛选区域 */
.filter-container[data-v-41dbb6b2] {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-content[data-v-41dbb6b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.store-select-btn[data-v-41dbb6b2] {
  width: 160px;
  text-align: left;
}
.headerTime[data-v-41dbb6b2] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.headerTime span[data-v-41dbb6b2] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerTime span[data-v-41dbb6b2]:hover {
  background-color: #e6f2ff;
}
.headerTime .headerTimeActive[data-v-41dbb6b2] {
  background-color: #1078ff;
  color: #fff;
}
.date-picker[data-v-41dbb6b2] {
  width: 240px;
}
.query-btn[data-v-41dbb6b2] {
  min-width: 80px;
}

/* 表格区域 */
.table-section[data-v-41dbb6b2] {
  margin-top: 30px;
}
.section-header[data-v-41dbb6b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.section-title-wrapper[data-v-41dbb6b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section-title[data-v-41dbb6b2] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.section-tag[data-v-41dbb6b2] {
  font-size: 12px;
  padding: 3px 6px;
  background: #ff4949;
  border-radius: 2px;
  color: #fff;
}
.action-buttons[data-v-41dbb6b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.report-table-container[data-v-41dbb6b2] {
  width: 100%;
  max-width: 100%;
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  border: 1px solid #dfe6ec;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 禁用loading动画 */
}
.report-table-container[data-v-41dbb6b2]  .el-loading-mask {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.report-table-container[data-v-41dbb6b2]  .el-loading-spinner {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.sales-consumption-table[data-v-41dbb6b2] {
  /* 确保表格不会超出容器 */
}
.sales-consumption-table[data-v-41dbb6b2]  .warning-row {
  background-color: #f2f2f2 !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  /* 禁用所有过渡和动画 */
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  /* 禁用内部元素的过渡和动画 */
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table__header-wrapper {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table__body-wrapper {
  height: calc(100% - 40px) !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table__header,
.sales-consumption-table[data-v-41dbb6b2]  .el-table__body {
  width: 100% !important;
  max-width: 100% !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table__header-wrapper,
.sales-consumption-table[data-v-41dbb6b2]  .el-table__body-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table .cell {
  font-weight: 500 !important;
  text-align: center !important;
  padding: 8px 4px !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table th,
.sales-consumption-table[data-v-41dbb6b2]  .el-table td {
  padding: 8px 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table th.is-leaf {
  border-bottom: 1px solid #dfe6ec !important;
}
.sales-consumption-table[data-v-41dbb6b2]  .el-table th:not(.is-leaf) {
  border-bottom: 1px solid #dfe6ec !important;
  background-color: #e8f4fd !important;
}
.empty-state[data-v-41dbb6b2] {
  text-align: center;
  padding: 50px;
  color: #999;
}

/* 响应式设计 */
@media (max-width: 768px) {
.project-sales-consumption-container[data-v-41dbb6b2] {
    padding: 0;
}
.content-wrapper[data-v-41dbb6b2] {
    padding: 15px;
}
.filter-container[data-v-41dbb6b2] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
}
.rightHeader[data-v-14b422cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
.headerTime {
    border: 1px solid #1078ff;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: none;
    margin-right: 10px;
span {
      padding: 5px 15px;
      border-right: 1px solid #1078ff;
      cursor: pointer;
}
.headerTimeActive {
      background-color: #1078ff;
      color: #fff;
}
}
}
.root[data-v-14b422cc] {
  width: 100%;
::v-deep .el-table thead {
    font-size: 12px !important;
    color: #000 !important;
}
::v-deep .el-table {
    font-size: 12px !important;
    color: #000 !important;
}
::v-deep .cell {
    font-weight: 500 !important;
}
::v-deep .warning-row {
    background-color: #f2f2f2;
}
::v-deep .success-row {
    background-color: #fefaf4;
}
::v-deep .el-icon-printer {
    color: #409eff;
    font-size: 16px;
}
::v-deep .el-icon-message {
    color: #409eff;
    font-size: 16px;
}
}

@charset "UTF-8";
.root[data-v-515e13bc] {
  width: 100%;
}
.root[data-v-515e13bc]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-515e13bc]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-515e13bc]  .cell {
  font-weight: 500 !important;
}
.root[data-v-515e13bc]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-515e13bc]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-515e13bc]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-515e13bc]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}

/* 筛选组件样式 */
.rightHeader[data-v-515e13bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.headerTime[data-v-515e13bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.headerTime span[data-v-515e13bc] {
  padding: 5px 10px;
  margin-right: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 12px;
}
.headerTime span[data-v-515e13bc]:hover {
  background-color: #f5f5f5;
}
.headerTimeActive[data-v-515e13bc] {
  background-color: #409eff !important;
  color: white !important;
  border-color: #409eff !important;
}
[data-v-515e13bc] .el-dialog__close {
  font-size: 22px;
  color: #f00;
  margin-top: 5px;
}
.rightHeader[data-v-320a3100] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
.headerTime {
    border: 1px solid #1078ff;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: none;
    margin-right: 10px;
span {
      padding: 5px 15px;
      border-right: 1px solid #1078ff;
      cursor: pointer;
}
.headerTimeActive {
      background-color: #1078ff;
      color: #fff;
}
}
}
.report-table-container[data-v-320a3100] {
  width: 100%;
  overflow-x: auto;
}
[data-v-320a3100] .el-table {
  width: 100% !important;
  min-width: 100% !important;
}
[data-v-320a3100] .el-table .cell {
  white-space: nowrap;
}
[data-v-320a3100] .el-table__footer-wrapper {
  overflow-x: auto;
}
[data-v-320a3100] .el-table__footer {
  width: 100% !important;
}
[data-v-320a3100] .warning-row {
  background-color: #f2f2f2;
}
[data-v-320a3100] .success-row {
  background-color: #fefaf4;
}

.rightHeader[data-v-731b16e2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
.headerTime {
    border: 1px solid #1078ff;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: none;
    margin-right: 10px;
span {
      padding: 5px 15px;
      border-right: 1px solid #1078ff;
      cursor: pointer;
}
.headerTimeActive {
      background-color: #1078ff;
      color: #fff;
}
}
}
.root[data-v-731b16e2] {
  width: 100%;
::v-deep .el-table thead {
    font-size: 12px !important;
    color: #000 !important;
}
::v-deep .el-table {
    font-size: 12px !important;
    color: #000 !important;
}
::v-deep .cell {
    font-weight: 500 !important;
}
::v-deep .warning-row {
    background-color: #f2f2f2;
}
::v-deep .success-row {
    background-color: #fefaf4;
}
::v-deep .el-icon-printer {
    color: #409eff;
    font-size: 16px;
}
::v-deep .el-icon-message {
    color: #409eff;
    font-size: 16px;
}
}

@charset "UTF-8";
.root[data-v-690d505a] {
  width: 100%;
}
.root[data-v-690d505a]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-690d505a]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-690d505a]  .cell {
  font-weight: 500 !important;
}
.root[data-v-690d505a]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-690d505a]  .success-row {
  background-color: #fefaf4;
}

/* 筛选组件样式 */
.rightHeader[data-v-690d505a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.headerTime[data-v-690d505a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.headerTime span[data-v-690d505a] {
  padding: 5px 10px;
  margin-right: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 12px;
}
.headerTime span[data-v-690d505a]:hover {
  background-color: #f5f5f5;
}
.headerTimeActive[data-v-690d505a] {
  background-color: #409eff !important;
  color: white !important;
  border-color: #409eff !important;
}
[data-v-690d505a] .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
[data-v-690d505a] .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.rightHeader[data-v-93b51e72] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.headerTime[data-v-93b51e72] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  margin: 0 10px;
}
.headerTime span[data-v-93b51e72] {
  padding: 8px 12px;
  cursor: pointer;
  border-right: 1px solid #dcdfe6;
  font-size: 12px;
}
.headerTime span[data-v-93b51e72]:last-child {
  border-right: none;
}
.headerTimeActive[data-v-93b51e72] {
  background-color: #409eff;
  color: white;
}
.root[data-v-93b51e72] {
  width: 100%;
}
.root[data-v-93b51e72]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-93b51e72]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-93b51e72]  .cell {
  font-weight: 500 !important;
}
.root[data-v-93b51e72]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-93b51e72]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-93b51e72]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-93b51e72]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.rightHeader[data-v-6f36d784] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.rightHeader .headerTime[data-v-6f36d784] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.rightHeader .headerTime span[data-v-6f36d784] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
}
.rightHeader .headerTime .headerTimeActive[data-v-6f36d784] {
  background-color: #1078ff;
  color: #fff;
}
.root[data-v-6f36d784] {
  width: 100%;
}
.root .report-table-container[data-v-6f36d784] {
  height: 450px;
  overflow: hidden;
}
.root .report-table-container[data-v-6f36d784]  .el-table {
  height: 100% !important;
}
.root .report-table-container[data-v-6f36d784]  .el-table .el-table__body-wrapper {
  height: calc(100% - 40px) !important;
  overflow-y: auto !important;
}
.root[data-v-6f36d784]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-6f36d784]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-6f36d784]  .cell {
  font-weight: 500 !important;
}
.root[data-v-6f36d784]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-6f36d784]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-6f36d784]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-6f36d784]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-6f36d784]  .el-dialog__close {
  font-size: 22px;
  color: #f00;
  margin-top: 5px;
}
@charset "UTF-8";
.root[data-v-2b725756] {
  width: 100%;
}
.root .report-table-container[data-v-2b725756] {
  height: 450px;
  overflow: hidden;
}
.root .report-table-container[data-v-2b725756]  .el-table {
  height: 100% !important;
}
.root .report-table-container[data-v-2b725756]  .el-table .el-table__body-wrapper {
  height: calc(100% - 40px) !important;
  overflow-y: auto !important;
}
.root[data-v-2b725756]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-2b725756]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-2b725756]  .cell {
  font-weight: 500 !important;
}
.root[data-v-2b725756]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-2b725756]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-2b725756]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-2b725756]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}

/* 筛选组件样式 */
.rightHeader[data-v-2b725756] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.headerTime[data-v-2b725756] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.headerTime span[data-v-2b725756] {
  padding: 5px 10px;
  margin-right: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 12px;
}
.headerTime span[data-v-2b725756]:hover {
  background-color: #f5f5f5;
}
.headerTimeActive[data-v-2b725756] {
  background-color: #409eff !important;
  color: white !important;
  border-color: #409eff !important;
}
.root[data-v-7264b8b1] {
  width: 100%;
}
.root .report-table-container[data-v-7264b8b1] {
  height: 450px;
  overflow: hidden;
}
.root .report-table-container[data-v-7264b8b1]  .el-table {
  height: 100% !important;
}
.root .report-table-container[data-v-7264b8b1]  .el-table .el-table__body-wrapper {
  height: calc(100% - 40px) !important;
  overflow-y: auto !important;
}
.root[data-v-7264b8b1]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-7264b8b1]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-7264b8b1]  .cell {
  font-weight: 500 !important;
}
.root[data-v-7264b8b1]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-7264b8b1]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-7264b8b1]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-7264b8b1]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.rightHeader[data-v-7264b8b1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.headerTime[data-v-7264b8b1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  margin: 0 10px;
}
.headerTime span[data-v-7264b8b1] {
  padding: 8px 12px;
  cursor: pointer;
  border-right: 1px solid #dcdfe6;
  font-size: 12px;
}
.headerTime span[data-v-7264b8b1]:last-child {
  border-right: none;
}
.headerTimeActive[data-v-7264b8b1] {
  background-color: #409eff;
  color: white;
}
.report-table-container[data-v-7264b8b1] {
  width: 100%;
  overflow-x: auto;
}
.el-table[data-v-7264b8b1] {
  width: 100%;
  min-width: 1200px;
}
.el-table .warning-row[data-v-7264b8b1] {
  background: oldlace;
}
.el-table .success-row[data-v-7264b8b1] {
  background: #f0f9ff;
}
.el-table .el-table__footer-wrapper .el-table__footer[data-v-7264b8b1] {
  background-color: #f5f7fa;
  font-weight: bold;
}
.report[data-v-d5210508] {
  height: 100%;
}
.report .reportItem[data-v-d5210508] {
  margin: 30px 20px;
}
.report .reportItem .reportTitle[data-v-d5210508] {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-left: 10px;
}
.report .reportItem .reportContainer[data-v-d5210508] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report .reportItem .reportContainer .reportContainerItem[data-v-d5210508] {
  border: 1px solid rgba(187, 187, 187, 0.4);
  border-radius: 5px;
  height: 110px;
  width: 22%;
  margin-bottom: 20px;
  margin-right: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.report .storePerformance[data-v-d5210508] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 10px;
  height: 100%;
}
.report .storePerformance .left[data-v-d5210508] {
  width: 180px;
}
.report .storePerformance .left .leftList[data-v-d5210508] {
  font-size: 18px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.report .storePerformance .left .leftKanBan[data-v-d5210508] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report .storePerformance .left .leftKanBan .leftItem[data-v-d5210508] {
  padding: 8px 0;
  background: #f4f4f4;
  margin-bottom: 15px;
  width: 90%;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}
.report .storePerformance .left .leftKanBan .itemActive[data-v-d5210508] {
  background-color: #f9e5c8;
}
.report .storePerformance .left .hamburger[data-v-d5210508] {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  fill: #1078ff;
  cursor: pointer;
  position: absolute;
  top: -3px;
  right: 0;
}
.report .storePerformance .left .hamburger.is-active[data-v-d5210508] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.report .storePerformance .leftActive[data-v-d5210508] {
  width: 25px;
}
.report .storePerformance .right[data-v-d5210508] {
  width: calc(100% - 180px);
  margin: 10px 15px;
}
.report .storePerformance .right .rightMain[data-v-d5210508]  .el-card__body {
  padding: 10px 15px !important;
}
.report .storePerformance .rightActive[data-v-d5210508] {
  width: calc(100% - 25px);
}
@charset "UTF-8";
.root[data-v-77a42eb6] {
  width: 100%;
}
.root[data-v-77a42eb6]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-77a42eb6]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-77a42eb6]  .cell {
  font-weight: 500 !important;
}
.root[data-v-77a42eb6]  .warning-row {
  background-color: #f2f2f2;
}
.root[data-v-77a42eb6]  .success-row {
  background-color: #fefaf4;
}
.root[data-v-77a42eb6]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.root[data-v-77a42eb6]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}

/* 筛选组件样式 */
.rightHeader[data-v-77a42eb6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.headerTime[data-v-77a42eb6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.headerTime span[data-v-77a42eb6] {
  padding: 5px 10px;
  margin-right: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 12px;
}
.headerTime span[data-v-77a42eb6]:hover {
  background-color: #f5f5f5;
}
.headerTimeActive[data-v-77a42eb6] {
  background-color: #409eff !important;
  color: white !important;
  border-color: #409eff !important;
}
.report-table-container[data-v-77a42eb6] {
  height: 500px;
  overflow: hidden;
}
.rightHeader[data-v-1333f97b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.rightHeader .headerTime[data-v-1333f97b] {
  border: 1px solid #1078ff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: none;
  margin-right: 10px;
}
.rightHeader .headerTime span[data-v-1333f97b] {
  padding: 5px 15px;
  border-right: 1px solid #1078ff;
  cursor: pointer;
}
.rightHeader .headerTime .headerTimeActive[data-v-1333f97b] {
  background-color: #1078ff;
  color: #fff;
}
.root[data-v-1333f97b] {
  width: 100%;
}
.root[data-v-1333f97b]  .el-table thead {
  font-size: 12px !important;
  color: #000 !important;
}
.root[data-v-1333f97b]  .el-table {
  font-size: 12px !important;
  color: #000 !important;
}
.report-table-container[data-v-1333f97b] {
  height: 450px;
  overflow: hidden;
}
.report-table-container[data-v-1333f97b]  .el-table {
  height: 100% !important;
  overflow: hidden !important;
}
.report-table-container[data-v-1333f97b]  .el-table__body-wrapper {
  overflow-y: auto !important;
  max-height: calc(100% - 40px) !important;
}
.report-table-container[data-v-1333f97b]  .cell {
  font-weight: 500 !important;
}
.report-table-container[data-v-1333f97b]  .warning-row {
  background-color: #f2f2f2;
}
.report-table-container[data-v-1333f97b]  .success-row {
  background-color: #fefaf4;
}
.report-table-container[data-v-1333f97b]  .el-icon-printer {
  color: #409eff;
  font-size: 16px;
}
.report-table-container[data-v-1333f97b]  .el-icon-message {
  color: #409eff;
  font-size: 16px;
}
.filter-container[data-v-03a7196a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-03a7196a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filter-container[data-v-7a39c359] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-7a39c359] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.avatar-uploader[data-v-1ac306f3] {
  display: inline-block;
  text-align: center;
}
.avatar[data-v-1ac306f3] {
  width: 100px;
  height: 100px;
  display: block;
}
.avatar-uploader-icon[data-v-1ac306f3] {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.avatar-uploader-icon[data-v-1ac306f3]:hover {
  background: #fafafa;
}

.avatar-uploader[data-v-1b4bf9a0] {
  display: inline-block;
  text-align: center;
}
.avatar[data-v-1b4bf9a0] {
  width: 100px;
  height: 100px;
  display: block;
}
.avatar-uploader-icon[data-v-1b4bf9a0] {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.avatar-uploader-icon[data-v-1b4bf9a0]:hover {
  background: #fafafa;
}

.filter-container[data-v-0c1661c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-0c1661c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-card[data-v-45768113] {
  margin-bottom: 20px;
}

.filter-container[data-v-39fd758e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-39fd758e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box-card[data-v-39fd758e] {
  margin-bottom: 16px;
}
.avatar-uploader[data-v-39fd758e] {
  width: 100%;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.dialog-footer[data-v-39fd758e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  border-top: 1px solid #ebeef5;
}
.btn-rounded[data-v-39fd758e] {
  border-radius: 4px !important;
  padding: 4px 12px !important;
}

.btn-rounded[data-v-05bace13] {
  border-radius: 4px !important;
  padding: 4px 12px !important;
}
.avatar-uploader[data-v-05bace13] {
  width: 100%;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.dialog-footer[data-v-05bace13] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px;
  border-top: 1px solid #ebeef5;
}

.filter-container[data-v-f6a2deec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-f6a2deec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.drawer-content[data-v-f6b187ba] {
  padding: 20px;
}
.drawer-footer[data-v-f6b187ba] {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #ebeef5;
}
input[type="number"][data-v-f6b187ba]::-webkit-inner-spin-button,
input[type="number"][data-v-f6b187ba]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.is-required .el-form-item__label[data-v-245feae5]:before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
}
.w-full[data-v-245feae5] {
  width: 100%;
}
.el-input-number.is-disabled .el-input__inner[data-v-245feae5] {
  background-color: #f5f7fa;
  color: #606266;
}

.payment-dialog-content[data-v-3f88a0ba] {
  padding: 24px;
}
.el-radio-group[data-v-3f88a0ba] {
  width: 100%;
}
.el-radio__label[data-v-3f88a0ba] {
  font-size: 14px;
  color: #666;
}
.mb-6[data-v-3f88a0ba] {
  margin-bottom: 18px;
}
.font-medium[data-v-3f88a0ba] {
  font-weight: 500;
}
.text-red-500[data-v-3f88a0ba] {
  color: #f56c6c;
}

/* 适配 Element UI 2.0 样式 */
.el-dialog__footer[data-v-3f88a0ba] {
  border-top: 1px solid #ebeef5;
  padding: 14px 24px;
  text-align: right;
}
.el-button[data-v-3f88a0ba] {
  min-width: 80px;
}
.el-button--primary[data-v-3f88a0ba] {
  background-color: #409eff;
  border-color: #409eff;
}

.drawer-content[data-v-0ba57ceb] {
  padding: 20px;
}
.drawer-footer[data-v-0ba57ceb] {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #ebeef5;
}
input[type="number"][data-v-0ba57ceb]::-webkit-inner-spin-button,
input[type="number"][data-v-0ba57ceb]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rounded-button[data-v-0ba57ceb] {
  border-radius: 4px;
}

/* 表格行悬停效果 */
.el-table__row[data-v-c8ed1e82]:hover {
  background-color: #f5f7fa !important;
}

/* 卡片悬停效果 */
.el-card[data-v-c8ed1e82]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 按钮悬停效果 */
.el-button[data-v-c8ed1e82]:not(.is-disabled):hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* 表单输入框聚焦效果 */
.el-input__inner[data-v-c8ed1e82]:focus {
  border-color: #409eff;
  -webkit-box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* 下拉选择器样式优化 */
.el-select[data-v-c8ed1e82] {
  width: 120px;
}

/* 动画效果 */
.fade-in[data-v-c8ed1e82] {
  -webkit-animation: fadeIn-data-v-c8ed1e82 0.3s ease-in-out;
          animation: fadeIn-data-v-c8ed1e82 0.3s ease-in-out;
}
@-webkit-keyframes fadeIn-data-v-c8ed1e82 {
from { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}
}
@keyframes fadeIn-data-v-c8ed1e82 {
from { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}
}

/* 响应式布局 */
@media (max-width: 768px) {
.grid-cols-4[data-v-c8ed1e82] {
    grid-template-columns: repeat(2, 1fr);
}
.grid-cols-3[data-v-c8ed1e82] {
    grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 480px) {
.grid-cols-4[data-v-c8ed1e82] {
    grid-template-columns: repeat(1, 1fr);
}
}

/* 新增样式：弹窗内费用显示样式 */
.el-dialog .flex-col div[data-v-c8ed1e82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.el-dialog .text-gray-500[data-v-c8ed1e82] {
  min-width: 80px;
  text-align: right;
}
.el-dialog .font-medium[data-v-c8ed1e82] {
  color: #4a4a4a;
}
.copy-options .el-checkbox[data-v-c8ed1e82]{
  margin: 10px;
}

.el-dialog-div[data-v-1d2dae36]{
  padding-right: 0;
}
[data-v-1d2dae36] .el-dialog--center  .el-dialog__body{
  padding:0;
}
.el-dialog__footer[data-v-1d2dae36]{
  padding: 0;
}

.filter-container[data-v-19adb3b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-19adb3b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.query-container[data-v-19adb3b8] {
  margin-top: 10px;
}
.query-row[data-v-19adb3b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.filter-item[data-v-19adb3b8] {
  margin-right: 10px;
}
.field-label[data-v-19adb3b8] {
  margin-right: 5px;
  line-height: 36px;
  min-width: 80px;
  text-align: right;
  font-size: 14px;
}

/* 可选样式调整 */
.el-form-item__content[data-v-77202a53] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.el-radio-group[data-v-77202a53] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.filter-container[data-v-3371013e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-3371013e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@charset "UTF-8";

/* ==================== 全局覆盖 - 禁止页面滚动 ==================== */
[data-v-0f7fd101]:global(.app-main) {
  overflow: hidden !important;
}

/* ==================== 基础布局样式 - 仅表格滚动 ==================== */
.app-container[data-v-0f7fd101] {
  padding: 0;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 标题区域样式 ==================== */
.alert-title[data-v-0f7fd101] {
  margin: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #f8f9fa;
  padding: clamp(4px, 0.8vw, 6px) clamp(8px, 1.5vw, 12px);
  font-size: clamp(12px, 1.8vw, 14px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 筛选区域样式 - 固定顶部 ==================== */
.filter-container[data-v-0f7fd101] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(2px, 0.5vw, 4px) clamp(6px, 1vw, 12px);
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: clamp(2px, 0.5vw, 4px);
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: clamp(28px, 4vw, 36px);
}
.filter-container .header_form[data-v-0f7fd101] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2px, 0.5vw, 4px);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
}
.filter-container .header_form[data-v-0f7fd101]  .el-form-item {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-container .header_form[data-v-0f7fd101]  .el-form-item .el-form-item__label {
  font-size: clamp(10px, 1.4vw, 12px);
  color: #606266;
  padding-right: clamp(4px, 0.6vw, 8px);
  white-space: nowrap;
  line-height: clamp(20px, 2.8vw, 24px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-form-item .el-form-item__content {
  line-height: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input {
  width: clamp(120px, 18vw, 180px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-input .el-input__inner {
  height: clamp(20px, 2.8vw, 24px);
  line-height: clamp(20px, 2.8vw, 24px);
  font-size: clamp(10px, 1.4vw, 12px);
  padding: 0 clamp(6px, 1vw, 10px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-input .el-input__icon {
  line-height: clamp(20px, 2.8vw, 24px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-select {
  width: clamp(200px, 30vw, 300px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-select .el-input__inner {
  height: clamp(20px, 2.8vw, 24px);
  line-height: clamp(20px, 2.8vw, 24px);
  font-size: clamp(10px, 1.4vw, 12px);
  padding: 0 clamp(6px, 1vw, 10px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-select .el-input__suffix {
  right: clamp(4px, 0.6vw, 8px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-select .el-input__suffix .el-input__icon {
  line-height: clamp(20px, 2.8vw, 24px);
  font-size: clamp(10px, 1.4vw, 12px);
}
.filter-container .header_form[data-v-0f7fd101]  .el-button {
  height: clamp(20px, 2.8vw, 24px);
  line-height: clamp(20px, 2.8vw, 24px);
  padding: 0 clamp(8px, 1.2vw, 14px);
  font-size: clamp(10px, 1.4vw, 12px);
  margin: 0 clamp(2px, 0.4vw, 4px);
  white-space: nowrap;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button i {
  font-size: clamp(10px, 1.4vw, 12px);
  margin-right: clamp(2px, 0.3vw, 4px);
}
.filter-container .header_form .button-group[data-v-0f7fd101] {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2px, 0.4vw, 4px);
}

/* ==================== 表格包装器 - 可滚动区域 ==================== */
.table-wrapper[data-v-0f7fd101] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  background: #ffffff;
  margin-top: 0;
  position: relative;
}

/* ==================== 表格容器样式 ==================== */
.performance-table[data-v-0f7fd101] {
  margin: 0 !important;
  background: white;
  border-radius: 0;
  padding: 0;
  width: 100%;
}
.performance-table[data-v-0f7fd101]  .el-table {
  font-size: clamp(12px, 1.8vw, 14px);
  height: 100%;
  margin: 0 !important;
  width: 100%;
  /* 表头样式 */
  /* 表格行样式 - 减小行高 */
  /* 表格单元格样式 */
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th {
  font-size: clamp(12px, 1.8vw, 14px);
  font-weight: 600;
  padding: clamp(8px, 1.2vw, 12px);
  background-color: #f8f9fa;
  color: #333333;
  white-space: nowrap;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row {
  cursor: pointer;
  height: clamp(28px, 4vw, 36px);
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row:hover {
  background-color: #f5f7fa;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td {
  font-size: clamp(11px, 1.6vw, 13px);
  padding: clamp(4px, 0.8vw, 6px);
  white-space: nowrap;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(2px, 0.3vw, 4px);
  position: relative;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .addIcon {
  margin-left: clamp(4px, 0.6vw, 8px);
  color: #409eff;
  font-size: clamp(10px, 1.4vw, 12px);
  cursor: pointer;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .closeIcon {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: clamp(10px, 1.4vw, 12px);
  color: #f56c6c;
  cursor: pointer;
  z-index: 1;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: clamp(12px, 1.8vw, 16px);
  font-size: clamp(11px, 1.6vw, 13px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==================== 响应式断点优化 ==================== */

/* 小屏幕手机 (<= 375px) */
@media screen and (max-width: 375px) {
.filter-container[data-v-0f7fd101] {
    padding: 2px 4px;
    min-height: 24px;
}
.filter-container .header_form[data-v-0f7fd101] {
    gap: 2px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-form-item .el-form-item__label {
    font-size: 9px;
    padding-right: 2px;
    line-height: 18px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input {
    width: 80px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input .el-input__inner {
    height: 18px;
    line-height: 18px;
    font-size: 9px;
    padding: 0 4px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-select {
    width: 120px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-select .el-input__inner {
    height: 18px;
    line-height: 18px;
    font-size: 9px;
    padding: 0 4px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button {
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    font-size: 9px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button i {
    font-size: 9px;
    margin-right: 1px;
}
.performance-table[data-v-0f7fd101]  .el-table {
    font-size: 10px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th {
    font-size: 10px;
    padding: 4px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row {
    height: 24px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 9px;
    padding: 2px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .addIcon {
    font-size: 9px;
    margin-left: 4px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .closeIcon {
    font-size: 9px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell span {
    font-size: 9px;
    margin-left: 10px;
}
}

/* 中屏幕手机 (376px - 768px) */
@media screen and (min-width: 376px) and (max-width: 768px) {
.filter-container[data-v-0f7fd101] {
    padding: 3px 6px;
    min-height: 26px;
}
.filter-container .header_form[data-v-0f7fd101] {
    gap: 3px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-form-item .el-form-item__label {
    font-size: 10px;
    padding-right: 4px;
    line-height: 20px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input {
    width: 100px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input .el-input__inner {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    padding: 0 5px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-select {
    width: 150px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-select .el-input__inner {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    padding: 0 5px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button {
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 10px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button i {
    font-size: 10px;
    margin-right: 2px;
}
.performance-table[data-v-0f7fd101]  .el-table {
    font-size: 11px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th {
    font-size: 11px;
    padding: 6px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row {
    height: 26px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 10px;
    padding: 3px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .addIcon {
    font-size: 10px;
    margin-left: 6px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .closeIcon {
    font-size: 10px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell span {
    font-size: 10px;
    margin-left: 12px;
}
}

/* 平板 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.filter-container[data-v-0f7fd101] {
    padding: 4px 8px;
    min-height: 32px;
}
.filter-container .header_form[data-v-0f7fd101] {
    gap: 4px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-form-item .el-form-item__label {
    font-size: 11px;
    padding-right: 6px;
    line-height: 22px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input {
    width: 120px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input .el-input__inner {
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    padding: 0 8px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-select {
    width: 180px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-select .el-input__inner {
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    padding: 0 8px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 11px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button i {
    font-size: 11px;
    margin-right: 3px;
}
.performance-table[data-v-0f7fd101]  .el-table {
    font-size: 12px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th {
    font-size: 12px;
    padding: 8px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row {
    height: 30px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 11px;
    padding: 4px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .addIcon {
    font-size: 11px;
    margin-left: 8px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell .closeIcon {
    font-size: 11px;
}
.performance-table[data-v-0f7fd101]  .el-table .tab_col_cell span {
    font-size: 11px;
    margin-left: 14px;
}
}

/* 小高度屏幕 (<= 600px) */
@media screen and (max-height: 600px) {
.filter-container[data-v-0f7fd101] {
    min-height: 24px;
    padding: 2px 6px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th {
    padding: 4px 6px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row {
    height: 24px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td {
    padding: 2px 4px;
}
}

/* 横屏模式 */
@media screen and (orientation: landscape) and (max-height: 500px) {
.filter-container[data-v-0f7fd101] {
    min-height: 22px;
    padding: 2px 4px;
}
.performance-table[data-v-0f7fd101]  .el-table {
    font-size: 10px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__header-wrapper th {
    font-size: 10px;
    padding: 3px 4px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row {
    height: 22px;
}
.performance-table[data-v-0f7fd101]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 9px;
    padding: 2px 3px;
}
}

/* 超小屏幕 (<= 320px) */
@media screen and (max-width: 320px) {
.filter-container .header_form[data-v-0f7fd101]  .el-form-item__label {
    display: none;
}
.filter-container .header_form[data-v-0f7fd101]  .el-input,
.filter-container .header_form[data-v-0f7fd101]  .el-select {
    width: 70px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button {
    padding: 0 4px;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button span {
    display: none;
}
.filter-container .header_form[data-v-0f7fd101]  .el-button i {
    margin-right: 0;
}
}

/* iPhone SE / iPad 特殊适配 */
@media screen and (device-width: 375px) and (device-height: 667px), screen and (device-width: 414px) and (device-height: 896px) {
.filter-container[data-v-0f7fd101] {
    min-height: 26px;
}
}
.page_performance_config[data-v-3d958eb2] {
  padding: 20px;
  font-size: 14px;
}
.page_performance_config .fb[data-v-3d958eb2] {
  font-weight: bold;
  color: #000;
  font-size: 15px;
  margin-right: 10px;
}
.page_performance_config .top_item[data-v-3d958eb2] {
  margin: 20px 0;
  line-height: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page_performance_add[data-v-057db777] {
  padding: 20px;
}
.page_performance_add .el-form-item[data-v-057db777] {
  margin-bottom: 14px;
}
.page_performance_add .tab_col_cell[data-v-057db777] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_performance_add .addIcon[data-v-057db777] {
  margin-left: 10px;
  color: #409eff;
}
.page_performance_add .closeIcon[data-v-057db777] {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 12px;
  color: #f56c6c;
  cursor: pointer;
}
.page_performance_add .header_form[data-v-057db777] {
  border: 1px solid #dfe6ec;
  margin: 10px 0;
  padding-top: 14px;
  display: inline-block;
  width: 100%;
}
.page_salary_config[data-v-a898a0b0] {
  padding: 20px;
  font-size: 14px;
}
.page_salary_config .fb[data-v-a898a0b0] {
  font-weight: bold;
  color: #000;
  font-size: 15px;
  margin-right: 10px;
}
.page_salary_config .top_item[data-v-a898a0b0] {
  margin: 20px 0;
  line-height: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.document-page[data-v-2a608792] {
  padding: 0;
  background: #f8fafc;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 异常类型标签样式 */
.abnormal-type-tag[data-v-2a608792] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.type-department[data-v-2a608792] {
  background: #e6f7ff;
  color: #1890ff;
  border: 1px solid #91d5ff;
}
.type-amount[data-v-2a608792] {
  background: #fff7e6;
  color: #fa8c16;
  border: 1px solid #ffd591;
}
.type-income[data-v-2a608792] {
  background: #f6ffed;
  color: #52c41a;
  border: 1px solid #b7eb8f;
}
.type-assign[data-v-2a608792] {
  background: #f9f0ff;
  color: #722ed1;
  border: 1px solid #d3adf7;
}
.type-performance[data-v-2a608792] {
  background: #fff0f6;
  color: #eb2f96;
  border: 1px solid #ffadd2;
}
.type-commission[data-v-2a608792] {
  background: #fcffe6;
  color: #7cb305;
  border: 1px solid #eaff8f;
}
.type-payment[data-v-2a608792] {
  background: #e6fffb;
  color: #13c2c2;
  border: 1px solid #87e8de;
}
.type-default[data-v-2a608792] {
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
}

/* 金额样式 */
.amount[data-v-2a608792] {
  color: #e74c3c;
  font-weight: 600;
}

/* 操作按钮样式 */
.action-buttons[data-v-2a608792] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.action-buttons .el-button[data-v-2a608792] {
  padding: 4px 8px;
  font-size: 12px;
}

/* 分页样式 */
.pagination-container[data-v-2a608792] {
  padding: 16px;
  background: white;
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* 表格字体变小 */
.small-font-table .el-table th[data-v-2a608792] {
  font-size: 11px !important;
  padding: 6px 3px !important;
}
.small-font-table .el-table td[data-v-2a608792] {
  font-size: 11px !important;
  padding: 4px 3px !important;
}
.small-font-table .el-table .cell[data-v-2a608792] {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

/* 紧凑分段器样式 */
.compact-radio-group .el-radio-button[data-v-2a608792] {
  min-width: 60px;
}
.compact-radio-group .el-radio-button__inner[data-v-2a608792] {
  padding: 8px 12px;
  font-size: 12px;
}

.debt-page[data-v-896002d2] { background:#f5f7fa; min-height:100vh;
}
.filter-bar[data-v-896002d2] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; background:#fff; padding:10px 12px; border:1px solid #ebeef5; border-radius:6px; margin-top:10px;
}
.date-range[data-v-896002d2] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
.mx-2[data-v-896002d2] { margin: 0 8px;
}
.table-wrapper[data-v-896002d2] { margin-top:12px; background:#fff; border:1px solid #ebeef5; border-radius:8px; padding:8px 12px;
}
.table-header[data-v-896002d2] { background:#fafafa; font-weight:600;
}
.pagination-container[data-v-896002d2] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:12px 0;
}

.meituan-verify-page[data-v-8bdc07a6] { background:#f5f7fa; min-height:100vh;
}
.filter-bar[data-v-8bdc07a6] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; background:#fff; padding:10px 12px; border:1px solid #ebeef5; border-radius:6px; margin-top:10px;
}
.date-range[data-v-8bdc07a6] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
.mx-2[data-v-8bdc07a6] { margin: 0 8px;
}
.table-wrapper[data-v-8bdc07a6] { margin-top:12px; background:#fff; border:1px solid #ebeef5; border-radius:8px; padding:8px 12px;
}
.table-header[data-v-8bdc07a6] { background:#fafafa; font-weight:600;
}
.pagination-container[data-v-8bdc07a6] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:12px 0;
}

/* 根容器 - 分布式自适应布局 */
.pay-list-page[data-v-10ed88c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 筛选区域 */
.filter-container[data-v-10ed88c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-10ed88c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-10ed88c5] {
  margin: 0;
}

/* 固定按钮和输入框高度为 28px */
.pay-list-page[data-v-10ed88c5] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.pay-list-page[data-v-10ed88c5] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.pay-list-page[data-v-10ed88c5] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.pay-list-page[data-v-10ed88c5] .el-input__icon {
  line-height: 28px;
}
.pay-list-page[data-v-10ed88c5] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.pay-list-page[data-v-10ed88c5] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.pay-list-page[data-v-10ed88c5] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.pay-list-page[data-v-10ed88c5] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.pay-list-page[data-v-10ed88c5] .el-range-input {
  font-size: 12px;
}

/* 数据概览网格 */
.stats-grid[data-v-10ed88c5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.stat-card[data-v-10ed88c5] {
  background-color: #f5f7fa;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #ebeef5;
}
.stat-label[data-v-10ed88c5] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 8px;
}
.stat-value[data-v-10ed88c5] {
  font-size: 20px;
  font-weight: 600;
  color: #303133;
}
.stat-value.amount[data-v-10ed88c5] {
  color: var(--theme-color);
}
.stat-header[data-v-10ed88c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.stat-icon[data-v-10ed88c5] {
  font-size: 14px;
}
.stat-icon.wechat[data-v-10ed88c5] {
  color: #67c23a;
}
.stat-icon.alipay[data-v-10ed88c5] {
  color: var(--theme-color);
}
.stat-row[data-v-10ed88c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.stat-item[data-v-10ed88c5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.stat-sub-label[data-v-10ed88c5] {
  font-size: 11px;
  color: #909399;
  margin-bottom: 4px;
}
.stat-sub-value[data-v-10ed88c5] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}
.stat-sub-value.amount[data-v-10ed88c5] {
  color: var(--theme-color);
}

/* 表格区域 */
.table-wrapper[data-v-10ed88c5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.pay-list-page[data-v-10ed88c5] .el-table {
  font-size: 12px;
}
.pay-list-page[data-v-10ed88c5] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
.pay-list-page[data-v-10ed88c5] .el-table td {
  padding: 6px 0;
}
.pay-list-page[data-v-10ed88c5] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 展开内容样式 */
.expand-content[data-v-10ed88c5] {
  padding: 16px;
  background-color: #f8fafc;
}
.expand-title[data-v-10ed88c5] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin: 0 0 12px 0;
}
.detail-table[data-v-10ed88c5] {
  margin-top: 8px;
}

/* 状态单元格 */
.status-cell[data-v-10ed88c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/* 文字颜色 */
.text-green[data-v-10ed88c5] {
  color: #67c23a;
}
.text-orange[data-v-10ed88c5] {
  color: #e6a23c;
}
.font-medium[data-v-10ed88c5] {
  font-weight: 500;
}

/* 分页区域 */
.pagination-wrapper[data-v-10ed88c5] {
  margin-top: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.stats-grid[data-v-10ed88c5] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1200px) {
.pay-list-page[data-v-10ed88c5] {
    padding: 12px;
}
.stats-grid[data-v-10ed88c5] {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.stat-card[data-v-10ed88c5] {
    padding: 10px 12px;
}
.stat-value[data-v-10ed88c5] {
    font-size: 18px;
}
.filter-container .left-items[data-v-10ed88c5] {
    gap: 6px;
}
.filter-container .left-items .w-72[data-v-10ed88c5] {
    width: 220px !important;
}
.filter-container .left-items .w-32[data-v-10ed88c5] {
    width: 100px !important;
}
.filter-container .left-items .w-36[data-v-10ed88c5] {
    width: 110px !important;
}
.filter-container .left-items .w-44[data-v-10ed88c5] {
    width: 140px !important;
}
}
@media (max-width: 992px) {
.pay-list-page[data-v-10ed88c5] {
    padding: 8px;
}
.stats-grid[data-v-10ed88c5] {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.stat-card[data-v-10ed88c5] {
    padding: 8px 10px;
}
.stat-label[data-v-10ed88c5] {
    font-size: 11px;
}
.stat-value[data-v-10ed88c5] {
    font-size: 16px;
}
.stat-sub-label[data-v-10ed88c5] {
    font-size: 10px;
}
.stat-sub-value[data-v-10ed88c5] {
    font-size: 12px;
}
.filter-container[data-v-10ed88c5] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-10ed88c5] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
}
@media (max-width: 768px) {
.pay-list-page[data-v-10ed88c5] {
    padding: 6px;
    height: auto;
    min-height: 100%;
}
.filter-container[data-v-10ed88c5] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-10ed88c5] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-10ed88c5] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.stats-grid[data-v-10ed88c5] {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
.stat-card[data-v-10ed88c5] {
    padding: 6px 8px;
}
.stat-label[data-v-10ed88c5] {
    font-size: 10px;
    margin-bottom: 4px;
}
.stat-value[data-v-10ed88c5] {
    font-size: 14px;
}
.stat-header[data-v-10ed88c5] {
    margin-bottom: 4px;
}
.stat-icon[data-v-10ed88c5] {
    font-size: 12px;
}
.stat-row[data-v-10ed88c5] {
    gap: 6px;
}
.stat-sub-label[data-v-10ed88c5] {
    font-size: 9px;
    margin-bottom: 2px;
}
.stat-sub-value[data-v-10ed88c5] {
    font-size: 11px;
}
.table-wrapper[data-v-10ed88c5] {
    overflow-x: auto;
}
.pay-list-page[data-v-10ed88c5] .el-table {
    min-width: 800px;
}
}

/* 宽度工具类 */
.w-72[data-v-10ed88c5] {
  width: 288px !important;
}
.w-32[data-v-10ed88c5] {
  width: 128px !important;
}
.w-36[data-v-10ed88c5] {
  width: 144px !important;
}
.w-44[data-v-10ed88c5] {
  width: 176px !important;
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.pay-list-page[data-v-10ed88c5]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 日期选择器 */
.el-date-editor .el-range-input:focus {
    border-color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

html[data-v-0157fc21] {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@page{
  margin:0
}
html[data-v-0157fc21], body[data-v-0157fc21] {
  font-family: '宋体';
  font-size: 12px;
  max-width: 300px;
}
body[data-v-0157fc21], div[data-v-0157fc21], span[data-v-0157fc21], h1[data-v-0157fc21], h2[data-v-0157fc21], h3[data-v-0157fc21], h4[data-v-0157fc21], h5[data-v-0157fc21], h6[data-v-0157fc21], p[data-v-0157fc21], a[data-v-0157fc21], dl[data-v-0157fc21], dt[data-v-0157fc21], dd[data-v-0157fc21], ol[data-v-0157fc21], ul[data-v-0157fc21], li[data-v-0157fc21],
	tbody[data-v-0157fc21], tfoot[data-v-0157fc21], thead[data-v-0157fc21] {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  font: inherit;
  vertical-align: baseline;
}
p[data-v-0157fc21] {
  margin-bottom: 5px;
  line-height: 16px;
}
.hidden[data-v-0157fc21]{
  display:none !important;
  visibility:hidden !important;
}
@media print{
.print-hidden[data-v-0157fc21]{
    display:none !important;
}
}
.text-center[data-v-0157fc21] {
  text-align: center;
}
.table[data-v-0157fc21] {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
}
.table th[data-v-0157fc21] {
  border-bottom: 1px solid #ddd;
  vertical-align: bottom;
  padding: 8px;
  text-align: left;
}
.table td[data-v-0157fc21] {
  border: 0;
  padding: 8px;
  vertical-align: top;
}
.table th[data-v-0157fc21], .table td[data-v-0157fc21] {
  padding: 3px 0
}
.table .dsum_row[data-v-0157fc21] {
  border-bottom: 1px dashed #666;
}

[data-v-0157fc21] p {
  font-size: 12.5px;
}

/* 覆盖全局 app-main 的 overflow，防止页面滚动 */
[data-v-00375d37] .app-main {
  overflow: hidden !important;
  height: 100%;
}

/* ==================== 页面整体布局 - 使用flex布局确保分页固定在底部 ==================== */
.document-page[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 5px 0 5px;
  background: #f8fafc;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 详情弹窗打开时，固定body滚动条，避免抖动 */
body.el-popup-parent--hidden[data-v-00375d37] {
  overflow: hidden !important;
  padding-right: 0 !important;
}

/* 可编辑字段样式 */
.editable-field[data-v-00375d37] {
  cursor: pointer;
  position: relative;
  padding-right: 16px;
  font-size: 14px;
}

/* 移除hover动画效果，只保留小手光标 */
.editable-field[data-v-00375d37]:hover {
  /* 移除所有hover效果 */
}
.edit-icon[data-v-00375d37] {
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: var(--theme-color);
  opacity: 0;
  /* 移除transition动画 */
}
.editable-field:hover .edit-icon[data-v-00375d37] {
  opacity: 1;
}

/* 弹窗样式 */
.dialog-content[data-v-00375d37] {
  max-height: 400px;
  overflow-y: auto;
}
.search-area[data-v-00375d37] {
  margin-bottom: 16px;
}
.employee-list[data-v-00375d37] {
  max-height: 300px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.employee-item[data-v-00375d37] {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 0;
}
.employee-item[data-v-00375d37]:hover {
  border-color: var(--theme-color);
  background-color: var(--theme-color-light);
}
.employee-item.selected[data-v-00375d37] {
  border-color: var(--theme-color);
  background-color: var(--theme-color-light);
}
.employee-info[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.employee-name[data-v-00375d37] {
  font-weight: 600;
  color: #333;
}
.employee-department[data-v-00375d37] {
  color: #666;
  font-size: 12px;
  background-color: #f5f5f5;
  padding: 2px 6px;
  border-radius: 3px;
}

/* 员工选择弹窗样式 */
.staff-dialog-content[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.employee-list-container[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.employee-item-card[data-v-00375d37] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.employee-item-card[data-v-00375d37]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.employee-item-card.selected[data-v-00375d37] {
  background-color: #ecf5ff;
}
.filter-bar[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.left-group[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ==================== 筛选栏样式 - 按照tianmeiHistory样式 ==================== */
.filter-row[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* 固定按钮和输入框高度为 28px */
[data-v-00375d37] .filter-row {
.el-button {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 12px;
    white-space: nowrap;
[class*="el-icon-"] {
      font-size: 12px;
      margin-right: 4px;
}
}
.el-input__inner {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.el-input__icon {
    line-height: 28px;
}
.el-select .el-input__inner {
    height: 28px;
    line-height: 28px;
}
.el-date-editor .el-input__inner {
    height: 28px;
    line-height: 28px;
}
.el-date-editor--daterange.el-input__inner {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
}
.el-range-separator {
    line-height: 20px;
    font-size: 12px;
}
.el-range-input {
    font-size: 12px;
}
.el-radio-button__inner {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 12px;
}
.el-autocomplete .el-input__inner {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
}

/* 下拉菜单样式 */
[data-v-00375d37] .el-select-dropdown__item {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.4;
}
[data-v-00375d37] .el-select-dropdown {
  min-width: 120px;
}

/* 搜索框展开/折叠过渡动画 */
.search-input-expandable[data-v-00375d37] {
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
[data-v-00375d37] .search-input-expandable .el-input__inner {
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

/* 分段器展开/折叠样式 */
.date-range-wrapper[data-v-00375d37] {
  display: inline-block;
  cursor: pointer;
}
.date-range-btn[data-v-00375d37] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 日期选择器展开/折叠样式 */
.date-picker-wrapper[data-v-00375d37] {
  display: inline-block;
}
.date-picker-icon-btn[data-v-00375d37] {
  height: 28px;
  line-height: 26px;
  padding: 0 8px;
  font-size: 12px;
  width: 60px;
}
.date-range-icon-btn[data-v-00375d37] {
  height: 28px;
  line-height: 26px;
  padding: 0 8px;
  font-size: 12px;
  width: 60px;
}
.date-picker-expandable[data-v-00375d37] {
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
[data-v-00375d37] .date-picker-expandable .el-input__inner {
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

/* 下拉框选项样式 - 确保文字显示完整 */
[data-v-00375d37] .consume-type-dropdown .el-select-dropdown__item,[data-v-00375d37] .payment-method-dropdown .el-select-dropdown__item {
  font-size: 13px;
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
}
[data-v-00375d37] .consume-type-dropdown,[data-v-00375d37] .payment-method-dropdown {
  min-width: 260px !important;
}

/* 高级查询抽屉样式 */
[data-v-00375d37] .advanced-search-drawer {
.el-drawer__header {
    padding: 16px 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #ebeef5;
span {
      font-size: 16px;
      font-weight: 600;
      color: #303133;
}
}
.el-drawer__body {
    padding: 20px;
}
}
.advanced-search-content[data-v-00375d37] {
.filter-item {
    margin-bottom: 20px;
label {
      display: block;
      margin-bottom: 8px;
      font-size: 13px;
      color: #606266;
      font-weight: 500;
}
.el-select {
      width: 100%;
}
}
}

/* 会员搜索建议样式 */
[data-v-00375d37] .member-suggestion-item {
  padding: 4px 0;
.member-name {
    font-size: 12px;
    font-weight: 500;
    color: #303133;
}
.member-info {
    font-size: 11px;
    color: #606266;
    margin-top: 2px;
.member-phone,
    .member-no,
    .member-card-balance,
    .member-gift-balance,
    .member-tags {
      margin-right: 6px;
}
}
}

/* ==================== 响应式布局 - 筛选栏自适应设备 ==================== */

/* 超大屏幕 (>= 1400px): 宽松布局，元素间距更大 */
@media (min-width: 1400px) {
.filter-row[data-v-00375d37] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
> * {
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
}
[data-v-00375d37] .filter-row {
.el-select {
      width: 200px !important;
}
.el-date-picker-expandable {
      width: 260px !important;
}
}
}

/* 大屏幕 (1200px - 1399px): 单行显示，不换行 */
@media (min-width: 1200px) and (max-width: 1399px) {
.filter-row[data-v-00375d37] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
> * {
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
}
[data-v-00375d37] .filter-row {
.el-select {
      width: 180px !important;
}
.el-date-picker-expandable {
      width: 240px !important;
}
}
}

/* 中等屏幕 (992px - 1199px): 允许换行，调整宽度 */
@media (min-width: 992px) and (max-width: 1199px) {
.filter-row[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
> * {
      margin-bottom: 4px;
}
}
[data-v-00375d37] .filter-row {
.el-select {
      width: 150px !important;
}
.el-date-picker-expandable {
      width: 220px !important;
}
.search-input-expandable {
      width: 150px !important;
}
}
}

/* 小屏幕 (768px - 991px): 强制换行，两列布局 */
@media (min-width: 768px) and (max-width: 991px) {
.filter-row[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
> * {
      margin-bottom: 4px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 3px);
              flex: 0 0 calc(50% - 3px);
}
}
[data-v-00375d37] .filter-row {
.el-button {
      height: 26px;
      line-height: 24px;
      padding: 0 8px;
      font-size: 11px;
}
.el-select {
      width: 100% !important;
}
.el-input__inner,
    .el-select .el-input__inner,
    .el-autocomplete .el-input__inner {
      height: 26px;
      line-height: 26px;
      font-size: 11px;
}
.el-date-picker-expandable {
      width: 100% !important;
}
.el-radio-button__inner {
      height: 26px;
      line-height: 24px;
      padding: 0 8px;
      font-size: 11px;
}
.search-input-expandable {
      width: 100% !important;
}
}
.date-range-wrapper[data-v-00375d37],
  .date-picker-wrapper[data-v-00375d37] {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
}
}

/* 平板 (480px - 767px): 更紧凑的布局 */
@media (min-width: 480px) and (max-width: 767px) {
.filter-row[data-v-00375d37] {
    gap: 4px;
> * {
      margin-bottom: 4px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 2px);
              flex: 0 0 calc(50% - 2px);
}
}
[data-v-00375d37] .filter-row {
.el-button {
      height: 24px;
      line-height: 22px;
      padding: 0 6px;
      font-size: 10px;
[class*="el-icon-"] {
        font-size: 10px;
        margin-right: 2px;
}
}
.el-select {
      width: 100% !important;
}
.el-input__inner,
    .el-select .el-input__inner,
    .el-autocomplete .el-input__inner {
      height: 24px;
      line-height: 24px;
      font-size: 10px;
}
.el-input__icon {
      line-height: 24px;
      font-size: 10px;
}
.el-date-picker-expandable {
      width: 100% !important;
}
.el-range-separator {
      line-height: 18px;
      font-size: 10px;
}
.el-range-input {
      font-size: 10px;
}
.el-radio-button__inner {
      height: 24px;
      line-height: 22px;
      padding: 0 6px;
      font-size: 10px;
}
.search-input-expandable {
      width: 100% !important;
}
}
.date-range-wrapper[data-v-00375d37],
  .date-picker-wrapper[data-v-00375d37] {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
}

  /* 分段器按钮紧凑显示 */
.compact-radio-group[data-v-00375d37] {
.el-radio-button__inner {
      padding: 0 4px;
}
}
}

/* 手机 (< 480px): 最紧凑的单列布局 */
@media (max-width: 479px) {
.filter-row[data-v-00375d37] {
    gap: 4px;
> * {
      margin-bottom: 4px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
}
}
[data-v-00375d37] .filter-row {
.el-button {
      height: 24px;
      line-height: 22px;
      padding: 0 6px;
      font-size: 10px;
      width: 100%;
[class*="el-icon-"] {
        font-size: 10px;
        margin-right: 2px;
}
}
.el-select {
      width: 100% !important;
}
.el-input__inner,
    .el-select .el-input__inner,
    .el-autocomplete .el-input__inner {
      height: 24px;
      line-height: 24px;
      font-size: 10px;
}
.el-input__icon {
      line-height: 24px;
      font-size: 10px;
}
.el-date-picker-expandable {
      width: 100% !important;
}
.el-range-separator {
      line-height: 18px;
      font-size: 10px;
}
.el-range-input {
      font-size: 10px;
}
.el-radio-button__inner {
      height: 24px;
      line-height: 22px;
      padding: 0 6px;
      font-size: 10px;
}
.search-input-expandable {
      width: 100% !important;
}
}
.date-range-wrapper[data-v-00375d37],
  .date-picker-wrapper[data-v-00375d37] {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
}

  /* 分段器按钮紧凑显示 */
.compact-radio-group[data-v-00375d37] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
.el-radio-button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.el-radio-button__inner {
      padding: 0 4px;
      width: 100%;
}
}

  /* 统计栏适配 */
.document-page > .px-6[data-v-00375d37] {
    padding-left: 8px;
    padding-right: 8px;
}
.document-page > .px-6 > .flex[data-v-00375d37] {
    gap: 8px;
}
}

/* ==================== 单据明细弹窗响应式样式 ==================== */
@media (max-width: 1200px) {
.detail-wrapper[data-v-00375d37] {
    gap: 10px;
}
.detail-left[data-v-00375d37] {
    width: 260px;
    min-width: 240px;
    padding: 10px;
}
.detail-right[data-v-00375d37] {
    padding: 10px;
}
.dialog-title[data-v-00375d37] {
    font-size: 16px;
}
.nav-btn[data-v-00375d37] {
    width: 28px;
    height: 28px;
    font-size: 12px;
i {
      font-size: 12px;
}
}
}
@media (max-width: 992px) {
.detail-wrapper[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
    gap: 8px;
}
.detail-left[data-v-00375d37] {
    width: 100%;
    min-width: auto;
    max-width: none;
    border-right: none;
    border-bottom: 1px solid #ebeef5;
    padding: 8px 12px;
    max-height: 150px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.detail-right[data-v-00375d37] {
    padding: 8px;
    min-height: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.customer-header[data-v-00375d37] {
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.customer-avatar[data-v-00375d37] {
    width: 40px;
    height: 40px;
i {
      font-size: 20px;
}
}
.customer-basic-info[data-v-00375d37] {
.customer-name-section {
      margin-bottom: 2px;
.customer-name {
        font-size: 13px;
}
}
}
.customer-info[data-v-00375d37] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 16px;
.row {
      margin-bottom: 0;
}
}
.dept-performance-toggle-row[data-v-00375d37] {
    margin-top: 8px;
}
.summary[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 16px;
    padding: 8px 12px;
}
.actions[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
.el-button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 80px;
}
}
}
@media (max-width: 768px) {
.dialog-header[data-v-00375d37] {
    gap: 12px;
    padding: 0 12px;
}
.dialog-title[data-v-00375d37] {
    font-size: 15px;
    min-width: 100px;
}
.nav-btn[data-v-00375d37] {
    width: 26px;
    height: 26px;
    font-size: 11px;
i {
      font-size: 11px;
}
}
.detail-left[data-v-00375d37] {
    padding: 6px 10px;
    max-height: 130px;
}
.detail-right[data-v-00375d37] {
    padding: 6px;
    gap: 6px;
}
.customer-avatar[data-v-00375d37] {
    width: 36px;
    height: 36px;
i {
      font-size: 18px;
}
}
.customer-basic-info[data-v-00375d37] {
.customer-name-section {
.customer-name {
        font-size: 12px;
}
.gender-tag,
      .visit-tag,
      .cross-tag {
        font-size: 9px;
        height: 15px;
        line-height: 13px;
        padding: 0 3px;
}
}
.customer-phone {
      font-size: 10px;
}
}
.customer-info[data-v-00375d37] {
    gap: 3px 12px;
.row {
      font-size: 10px;
.label {
        width: 55px;
}
}
}
.summary[data-v-00375d37] {
    gap: 6px 12px;
    padding: 6px 10px;
    font-size: 11px;
.red {
      font-size: 12px;
}
}
.actions[data-v-00375d37] {
    gap: 6px;
.el-button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 70px;
      font-size: 11px;
      padding: 0 10px;
}
}
}
@media (max-width: 480px) {
.dialog-header[data-v-00375d37] {
    gap: 8px;
    padding: 0 8px;
}
.dialog-title[data-v-00375d37] {
    font-size: 14px;
    min-width: 80px;
}
.nav-btn[data-v-00375d37] {
    width: 24px;
    height: 24px;
    font-size: 10px;
i {
      font-size: 10px;
}
}
.detail-left[data-v-00375d37] {
    padding: 6px 8px;
    max-height: 120px;
}
.detail-right[data-v-00375d37] {
    padding: 6px;
    gap: 6px;
}
.customer-avatar[data-v-00375d37] {
    width: 32px;
    height: 32px;
i {
      font-size: 16px;
}
}
.customer-basic-info[data-v-00375d37] {
.customer-name-section {
      gap: 4px;
.customer-name {
        font-size: 11px;
}
.gender-tag,
      .visit-tag,
      .cross-tag {
        font-size: 8px;
        height: 14px;
        line-height: 12px;
        padding: 0 2px;
}
}
.customer-phone {
      font-size: 9px;
}
}
.customer-info[data-v-00375d37] {
    gap: 2px 10px;
.row {
      font-size: 9px;
.label {
        width: 50px;
}
}
}
.summary[data-v-00375d37] {
    gap: 4px 10px;
    padding: 6px 8px;
    font-size: 10px;
.red {
      font-size: 11px;
}
}
.actions[data-v-00375d37] {
    gap: 6px;
.el-button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 60px;
      font-size: 10px;
      padding: 0 8px;
      height: 26px;
}
}
}

/* 响应式下拉菜单 */
@media (max-width: 768px) {
[data-v-00375d37] .el-select-dropdown__item {
    padding: 4px 8px;
    font-size: 11px;
}
[data-v-00375d37] .el-select-dropdown {
    min-width: 100px;
}
}
@media (max-width: 480px) {
[data-v-00375d37] .el-select-dropdown__item {
    padding: 3px 6px;
    font-size: 10px;
}
[data-v-00375d37] .el-select-dropdown {
    min-width: 80px;
}
}

/* ==================== 单据明细弹窗响应式样式 ==================== */
@media (max-width: 1400px) {
.detail-right[data-v-00375d37] {
.el-table {
      font-size: 11px;
.el-table__header th {
        font-size: 11px;
        padding: 6px 2px;
}
.el-table__body td {
        font-size: 11px;
        padding: 4px 2px;
}
}
}
.summary[data-v-00375d37] {
    font-size: 12px;
    padding: 10px 12px;
.red {
      font-size: 13px;
}
}
}
@media (max-width: 1200px) {
.detail-right[data-v-00375d37] {
.el-table {
      font-size: 10px;
.el-table__header th {
        font-size: 10px;
        padding: 4px 2px;
}
.el-table__body td {
        font-size: 10px;
        padding: 3px 2px;
}
}
}
.summary[data-v-00375d37] {
    font-size: 11px;
    padding: 8px 10px;
    gap: 16px;
.red {
      font-size: 12px;
}
}
.actions[data-v-00375d37] {
.el-button {
      font-size: 12px;
      padding: 0 12px;
}
}
}
@media (max-width: 992px) {
.detail-right[data-v-00375d37] {
    padding: 8px;
.el-table {
      font-size: 11px;
}
}
.summary[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    font-size: 12px;
}
.actions[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
.el-button {
      font-size: 11px;
      padding: 0 10px;
      height: 26px;
}
}
}
.consume-content[data-v-00375d37] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px;
}
.consume-content.clickable[data-v-00375d37] { cursor: pointer;
}
.consume-item[data-v-00375d37] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; width: 100%; position: relative;
}
.consume-item .more-items[data-v-00375d37] { margin-left: auto;
}

/* 业务类型标签 - 圆形样式 */
.tag[data-v-00375d37] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  padding: 0;
}
.tag-project[data-v-00375d37] { background: #1890ff;
}
.tag-product[data-v-00375d37] { background: #f5222d;
}
.tag-package[data-v-00375d37] { background: #fa8c16;
}
.tag-recharge[data-v-00375d37] { background: #52c41a;
}
.tag-debt[data-v-00375d37] { background: #8c8c8c;
}
.item-name[data-v-00375d37] { background: #fafafa; padding: 2px 6px; border-radius: 3px;
}
.qty[data-v-00375d37] { margin-left: 4px; color: #999;
}
.amount[data-v-00375d37] { color: #e74c3c; font-weight: 600;
}
.customer-info-inline[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.customer-main-info[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.customer-name[data-v-00375d37] { font-weight: 500; margin-right: 4px;
}
.customer-phone-line[data-v-00375d37], .customer-card-line[data-v-00375d37] {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}
.customer-phone[data-v-00375d37] {
  color: #666;
}
.customer-card[data-v-00375d37] {
  color: #999;
}
.customer-card-no[data-v-00375d37] {
  color: #999;
  margin-left: 4px;
}

/* 性别标签 - 圆形样式 */
[data-v-00375d37] .gender-tag {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  line-height: 1 !important;
  min-width: 18px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
[data-v-00375d37] .gender-tag.male { background: #e6f7ff !important; color: #1890ff !important; border: 1px solid #91d5ff !important;
}
[data-v-00375d37] .gender-tag.female { background: #fff0f6 !important; color: #eb2f96 !important; border: 1px solid #ffadd2 !important;
}

/* 计次和跨店标签 - 圆形样式 */
[data-v-00375d37] .visit-tag,[data-v-00375d37] .cross-tag {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  line-height: 1 !important;
  min-width: 18px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.visit-tag[data-v-00375d37] { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f;
}
.cross-tag[data-v-00375d37] { background: #fff7e6; color: #fa8c16; border: 1px solid #ffd591;
}

/* 消费内容数量 - 圆形样式，显示在最右侧 */
.more-items[data-v-00375d37] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  background: #1890ff;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  border: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 单据明细弹窗布局 - 分布式自适应 ==================== */
.detail-wrapper[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  height: calc(100vh - 120px);
  overflow: hidden;
}
.detail-left[data-v-00375d37] {
  width: 280px;
  min-width: 260px;
  max-width: 320px;
  border-right: 1px solid #ebeef5;
  padding: 12px;
  overflow-y: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
&::-webkit-scrollbar {
    width: 4px;
}
&::-webkit-scrollbar-thumb {
    background-color: #c0c4cc;
    border-radius: 2px;
}
}

/* 小屏幕下隐藏左侧顾客信息，改为顶部显示 */
@media (max-width: 992px) {
.detail-wrapper[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100vh - 100px);
    gap: 8px;
}
.detail-left[data-v-00375d37] {
    width: 100%;
    min-width: auto;
    max-width: none;
    border-right: none;
    border-bottom: 1px solid #ebeef5;
    padding: 8px 12px;
    max-height: 150px;
    overflow-y: auto;
}
.customer-header[data-v-00375d37] {
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.customer-avatar[data-v-00375d37] {
    width: 40px;
    height: 40px;
i {
      font-size: 20px;
}
}
.customer-basic-info[data-v-00375d37] {
.customer-name-section {
      margin-bottom: 2px;
.customer-name {
        font-size: 13px;
}
}
}
.customer-info[data-v-00375d37] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 16px;
.row {
      margin-bottom: 0;
}
}
.dept-performance-toggle-row[data-v-00375d37] {
    margin-top: 8px;
}
}
.customer-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebeef5;
}
.customer-avatar[data-v-00375d37] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f5f7fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
i {
    font-size: 24px;
    color: #909399;
}
}
.customer-basic-info[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
.customer-name-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 4px;
.customer-name {
      font-size: 14px;
      font-weight: 600;
      color: #303133;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.gender-tag {
      font-size: 11px;
      padding: 0 4px;
      height: 18px;
      line-height: 16px;
      border-radius: 2px;
      white-space: nowrap;
&.male {
        background: #ecf5ff;
        color: #409eff;
}
&.female {
        background: #fdf6ec;
        color: #e6a23c;
}
}
.visit-tag,
    .cross-tag {
      font-size: 11px;
      padding: 0 4px;
      height: 18px;
      line-height: 16px;
      border-radius: 2px;
      white-space: nowrap;
}
.visit-tag {
      background: #f0f9ff;
      color: #67c23a;
}
.cross-tag {
      background: #fdf6ec;
      color: #e6a23c;
}
}
.customer-phone {
    font-size: 12px;
    color: #606266;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.customer-info[data-v-00375d37] {
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6px;
    font-size: 11px;
    white-space: nowrap;
.label {
      color: #909399;
      width: 60px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
span:not(.label) {
      color: #303133;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
}
.link {
      color: #409eff;
      cursor: pointer;
&:hover {
        text-decoration: underline;
}
}
}
}
.dept-performance-toggle-row[data-v-00375d37] {
  margin-top: 12px;
.dept-toggle-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
.dept-performance-eye-icon {
      font-size: 14px;
      color: #909399;
      cursor: pointer;
&:hover {
        color: #409eff;
}
}
.dept-performance-open-btn {
      font-size: 12px;
      padding: 0;
      height: auto;
}
}
}
.customer-phone[data-v-00375d37] {
  color: #666;
  font-size: 14px;
}
.customer-info[data-v-00375d37] { margin-top: 8px;
}
.customer-info .row[data-v-00375d37] { margin-top: 6px; font-size: 14px; color:#555;
}
.customer-info .row .label[data-v-00375d37] { color:#888; margin-right: 6px; font-size: 14px;
}
.customer-info .row .link[data-v-00375d37] { color:#409EFF; cursor: pointer; font-size: 14px;
}
.customer-info .row span[data-v-00375d37]:not(.label):not(.link) { font-size: 14px;
}

/* ==================== 右侧明细区域 - 分布式自适应布局 ==================== */
.detail-right[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 12px;
  min-width: 0;
  gap: 12px;
  /* 表格区域 - 自适应占据剩余空间 */
.el-table {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto;
&::-webkit-scrollbar {
      width: 6px;
      height: 6px;
}
&::-webkit-scrollbar-thumb {
      background-color: #c0c4cc;
      border-radius: 3px;
}
&::-webkit-scrollbar-track {
      background-color: #f5f7fa;
}
}
}

/* 小屏幕下右侧区域优化 */
@media (max-width: 992px) {
.detail-right[data-v-00375d37] {
    padding: 8px;
    gap: 8px;
    min-height: 0;
}
.summary[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 16px;
    padding: 8px 12px;
    font-size: 12px;
.red {
      font-size: 13px;
}
}
.actions[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
.el-button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 80px;
}
}
}

/* 手机屏幕下进一步优化 */
@media (max-width: 768px) {
.detail-right[data-v-00375d37] {
    padding: 6px;
    gap: 6px;
}
.summary[data-v-00375d37] {
    gap: 6px 12px;
    padding: 6px 10px;
    font-size: 11px;
.red {
      font-size: 12px;
}
}
.actions[data-v-00375d37] {
    gap: 6px;
.el-button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 70px;
      font-size: 11px;
      padding: 0 10px;
}
}
}

/* 汇总区域 - 固定高度 */
.summary[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
.red {
    color: #e74c3c;
    font-weight: 600;
    font-size: 14px;
}
}

/* 操作按钮区域 - 固定高度 */
.actions[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 8px;
.el-button {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
}
}

/* ==================== 表格区域样式优化 ==================== */
.detail-right .el-table[data-v-00375d37] {
  font-size: 11px;
.el-table__header {
th {
      background: #f5f7fa;
      color: #606266;
      font-weight: 600;
      font-size: 11px;
      padding: 4px 2px;
      white-space: nowrap;
      height: 28px;
}
}
.el-table__body {
td {
      padding: 2px 2px;
      font-size: 11px;
      white-space: nowrap;
      height: 24px;
}
}
  /* 指定列文字样式 */
.assign-type-text {
    font-size: 11px;
}
  /* 数字字段右对齐 */
.cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
  /* 可编辑字段样式 */
.editable-field {
    cursor: pointer;
    color: #409eff;
    white-space: nowrap;
&:hover {
      text-decoration: underline;
}
}
  /* 金额蓝色 */
.payment-amount-blue {
    color: #1890ff;
    font-weight: 500;
}
  /* 员工名称 */
.employee-name-text {
    font-size: 12px;
    color: #303133;
    white-space: nowrap;
}
.employee-level-text {
    font-size: 11px;
    color: #909399;
    white-space: nowrap;
}
}

/* 单据明细弹窗样式优化 */
.detail-dialog .el-dialog__header[data-v-00375d37] {
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
  background: #f8f9fa;
}

/* ==================== 弹窗头部样式 ==================== */
.dialog-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  width: 100%;
  padding: 0 16px;
}
.dialog-title[data-v-00375d37] {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  text-align: center;
  min-width: 120px;
  white-space: nowrap;
}
.nav-btn[data-v-00375d37] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 14px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
i {
    font-size: 14px;
}
&:hover:not(:disabled) {
    background: #ecf5ff;
    border-color: #409eff;
    color: #409eff;
}
&:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 2px solid #409eff;
  color: #409eff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-btn[data-v-00375d37]:hover:not(:disabled) {
  background: #409eff;
  color: #fff;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.nav-btn[data-v-00375d37]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #c0c4cc;
  color: #c0c4cc;
}

/* 弹窗内容字体增大 */
.detail-dialog .el-dialog__body[data-v-00375d37] {
  font-size: 16px;
  line-height: 1.6;
  /* 固定滚动条，避免内容变化时滚动条显示/隐藏导致抖动 */
  overflow-y: scroll !important;
  scrollbar-gutter: stable;
}

/* ==================== 详情弹窗表格样式 ==================== */
[data-v-00375d37] .detail-dialog .el-table {
  font-size: 14px;
th {
    font-weight: 600;
    color: #606266;
    background-color: #f8fafc;
    padding: 8px 0;
    font-size: 14px;
.cell {
      line-height: 1.4;
      white-space: nowrap;
}
}
td {
    padding: 6px 0;
    font-size: 14px;
.cell {
      line-height: 1.4;
      white-space: nowrap;
}
}
.el-button {
    font-size: 14px;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
}
.el-tag {
    font-size: 12px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
}
}

/* 顾客信息字体统一为14px */
.customer-info .name[data-v-00375d37] {
  font-size: 14px !important;
  font-weight: 600;
}
.customer-info .phone[data-v-00375d37] {
  font-size: 14px !important;
}
.customer-info .row[data-v-00375d37] {
  font-size: 14px !important;
}
.customer-info .row .label[data-v-00375d37] {
  font-size: 14px !important;
}

/* 汇总信息字体增大 */
.summary[data-v-00375d37] {
  font-size: 16px;
  font-weight: 500;
}
.summary .red[data-v-00375d37] {
  font-size: 20px;
  font-weight: 600;
}

/* 关闭按钮样式 */
.close-btn[data-v-00375d37] {
  font-size: 18px;
  padding: 14px 28px;
  font-weight: 700;
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close-btn[data-v-00375d37]:hover {
  background: #f78989;
  border-color: #f78989;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3);
          box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3);
}

/* 操作按钮样式 */
.actions .el-button[data-v-00375d37] {
  font-size: 16px;
  padding: 12px 20px;
  font-weight: 600;
}
.actions .el-button[data-v-00375d37]:not(.close-btn) {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}
.actions .el-button[data-v-00375d37]:not(.close-btn):hover {
  background: #409eff;
  color: #fff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* 表格操作列图标增大 */
.el-table .delete-icon[data-v-00375d37] {
  font-size: 20px;
  color: #f56c6c;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.el-table .delete-icon[data-v-00375d37]:hover {
  color: #f78989;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* 数字键盘样式 */
.confirm-dialog[data-v-00375d37] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3000 !important; /* 【修复】提高层级，确保显示在单据明细弹窗（detail-dialog）之上 */
}
.confirm-dialog .dialog-content[data-v-00375d37] {
  background: white;
  border-radius: 8px;
  padding: 20px;
  width: 320px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.confirm-dialog .dialog-header[data-v-00375d37] {
  text-align: center;
  margin-bottom: 15px;
}
.confirm-dialog .dialog-header h3[data-v-00375d37] {
  margin: 0 0 8px 0;
  font-size: 18px;
  color: #333;
}
.confirm-dialog .original-amount[data-v-00375d37] {
  font-size: 14px;
  color: #666;
}
.confirm-dialog .amount-display[data-v-00375d37] {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 15px 0;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.confirm-dialog .numpad[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.confirm-dialog .numpad-row[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.confirm-dialog .numpad-btn[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: white;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.confirm-dialog .numpad-btn[data-v-00375d37]:hover {
  background: #f5f5f5;
  border-color: #ccc;
}
.confirm-dialog .numpad-btn[data-v-00375d37]:active {
  background: #e6e6e6;
}
.confirm-dialog .function-btn[data-v-00375d37] {
  background: #f8f9fa;
  color: #666;
}
.confirm-dialog .zero-btn[data-v-00375d37] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.confirm-dialog .confirm-btn[data-v-00375d37] {
  background: #409eff;
  color: white;
  border-color: #409eff;
}
.confirm-dialog .confirm-btn[data-v-00375d37]:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}
.confirm-dialog .confirm-btn[data-v-00375d37]:disabled {
  background: #c0c4cc;
  border-color: #c0c4cc;
  cursor: not-allowed;
}

/* 可编辑字段样式优化 */
.editable-field[data-v-00375d37] {
  cursor: pointer;
  position: relative;
  padding-right: 16px;
  font-size: 14px;
}

/* 可编辑字段的链接样式（蓝色） */
.link.editable-field[data-v-00375d37],
.editable-field.link[data-v-00375d37] {
  color: #409EFF;
}

/* 移除hover动画效果，只保留小手光标 */
.editable-field[data-v-00375d37]:hover {
  /* 移除所有hover效果 */
}
.edit-icon[data-v-00375d37] {
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #409eff;
  opacity: 0;
  /* 移除transition动画 */
}
.editable-field:hover .edit-icon[data-v-00375d37] {
  opacity: 1;
}

/* 服务员工字段样式 */
.service-employee-field[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.add-employee-icon[data-v-00375d37] {
  font-size: 14px;
  color: #67c23a;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.add-employee-icon[data-v-00375d37]:hover {
  background-color: #f0f9ff;
  color: #409eff;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.add-employee-text[data-v-00375d37] {
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  white-space: nowrap;
}

/* 员工行样式 */
.employee-row-content[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 4px 8px;
  border-radius: 4px;
}
.employee-name[data-v-00375d37] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-weight: 500;
  color: #409eff;
  cursor: pointer;
  /* 移除transition动画 */
  padding: 2px 4px;
  border-radius: 3px;
  white-space: nowrap;
}

/* 移除hover动画效果，只保留小手光标 */
.employee-name[data-v-00375d37]:hover {
  /* 移除所有hover效果 */
}
.employee-name.editable-field[data-v-00375d37] {
  position: relative;
}
.employee-name.editable-field[data-v-00375d37]:hover {
  /* 移除所有hover效果 */
}

/* 员工业绩和提成字段样式 - 蓝色表示可编辑 */
.employee-performance-field[data-v-00375d37],
.employee-commission-field[data-v-00375d37] {
  color: #409EFF;
  cursor: pointer;
}
.employee-performance-field[data-v-00375d37]:hover,
.employee-commission-field[data-v-00375d37]:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 客数和项目数字段样式 - 蓝色表示可编辑 */
.customer-count-field[data-v-00375d37],
.project-count-field[data-v-00375d37] {
  color: #409EFF;
  cursor: pointer;
}
.customer-count-field[data-v-00375d37]:hover,
.project-count-field[data-v-00375d37]:hover {
  color: #66b1ff;
  text-decoration: underline;
}
.remove-employee-icon[data-v-00375d37] {
  font-size: 14px;
  color: #f56c6c;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.7;
}
.remove-employee-icon[data-v-00375d37]:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.employee-row-placeholder[data-v-00375d37] {
  color: #c0c4cc;
  font-style: italic;
}

/* 员工行的表格行样式 */
.el-table .el-table__row .employee-row-content[data-v-00375d37] {
  margin: 0;
}

/* 表格字体变小 */

/* ==================== 表格样式 - 按照projectList样式 ==================== */
[data-v-00375d37] .small-font-table {
  font-size: 12px;
th {
    font-weight: 600;
    color: #606266;
    background-color: #f8fafc;
    padding: 8px 0;
    font-size: 12px;
.cell {
      line-height: 1.4;
      white-space: nowrap;
}
}
td {
    padding: 6px 0;
    font-size: 12px;
.cell {
      line-height: 1.4;
      white-space: nowrap;
}
}
.el-button {
    font-size: 12px;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
}
.el-tag {
    font-size: 12px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
}
}

/* ==================== 单据明细弹窗表格样式 - 按照projectList样式 ==================== */
[data-v-00375d37] .detail-dialog .small-font-table {
  font-size: 14px;
th {
    font-weight: 600;
    color: #606266;
    background-color: #f8fafc;
    padding: 8px 0;
    font-size: 14px;
.cell {
      line-height: 1.4;
      white-space: nowrap;
}
}
td {
    padding: 6px 0;
    font-size: 14px;
.cell {
      line-height: 1.4;
      white-space: nowrap;
}
}
.el-button {
    font-size: 14px;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
}
.el-tag {
    font-size: 12px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
}
}

/* 支付金额显示样式 */
.payment-amount[data-v-00375d37] {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

/* 单据明细弹窗内的支付金额字体 */
.detail-dialog .payment-amount[data-v-00375d37] {
  font-size: 16px;
}

/* 单据明细弹窗内的支付状态字体 */
.detail-dialog .payment-status[data-v-00375d37] {
  font-size: 12px;
}

/* 单据明细弹窗内的入账字段字体 */
.detail-dialog .income-field[data-v-00375d37] {
  font-size: 16px;
}

/* 入账金额字段样式 */
.income-container[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.income-field[data-v-00375d37] {
  cursor: pointer;
}
.income-field[data-v-00375d37]:hover {
  background-color: #f0f7ff;
  border-radius: 2px;
  padding: 2px 4px;
  margin: -2px -4px;
}

/* 入账金额弹窗样式 */
.income-keyboard-dialog[data-v-00375d37] {
  width: 450px !important;
  max-width: 90vw;
  min-height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.income-keyboard-dialog .dialog-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.income-keyboard-dialog .dialog-header h3[data-v-00375d37] {
  margin: 0;
  font-size: 22px;
  color: #333;
  font-weight: 600;
}
.income-keyboard-dialog .close-icon[data-v-00375d37] {
  font-size: 20px;
  color: #999;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 6px;
  border-radius: 50%;
}
.income-keyboard-dialog .close-icon[data-v-00375d37]:hover {
  background-color: #f5f5f5;
  color: #666;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.income-keyboard-dialog .original-amount[data-v-00375d37] {
  font-size: 16px;
  color: #666;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 500;
}
.income-keyboard-dialog .amount-display[data-v-00375d37] {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin: 25px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 2px solid #e6e6e6;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  will-change: contents;
  contain: layout style;
}
.income-keyboard-dialog .numpad[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.income-keyboard-dialog .numpad-row[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  height: 55px;
}
.income-keyboard-dialog .numpad-btn[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: white;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-weight: 500;
}
.income-keyboard-dialog .numpad-btn[data-v-00375d37]:hover {
  background: #f5f5f5;
  border-color: #ccc;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
          box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.income-keyboard-dialog .numpad-btn[data-v-00375d37]:active {
  background: #e6e6e6;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.income-keyboard-dialog .function-btn[data-v-00375d37] {
  background: #f8f9fa;
  color: #666;
  font-size: 16px;
}
.income-keyboard-dialog .zero-btn[data-v-00375d37] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.income-keyboard-dialog .confirm-btn[data-v-00375d37] {
  background: #409eff;
  color: white;
  border-color: #409eff;
  font-size: 18px;
  font-weight: 600;
}
.income-keyboard-dialog .confirm-btn[data-v-00375d37]:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.income-keyboard-dialog .confirm-btn[data-v-00375d37]:disabled {
  background: #c0c4cc;
  border-color: #c0c4cc;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 查看签名弹窗样式 */

/* 查看签名弹窗 - 自适应设备 */
.view-signature-dialog .el-dialog[data-v-00375d37] {
  max-width: 800px;
  margin-top: 5vh !important;
}
.view-signature-dialog .el-dialog__body[data-v-00375d37] {
  padding: 20px;
}
.signature-view-dialog[data-v-00375d37] {
  text-align: center;
}
.signature-image-container[data-v-00375d37] {
  margin-bottom: 16px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 16px;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 200px;
}
.signature-image[data-v-00375d37] {
  max-width: 100%;
  max-height: 50vh;
  border-radius: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}
.no-signature[data-v-00375d37] {
  color: #999;
  font-size: 14px;
  padding: 30px 0;
}

/* 底部信息栏 - 一行显示 */
.signature-info-bar[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f8f9fa;
  padding: 10px 16px;
  border-radius: 6px;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.signature-info-bar .info-item[data-v-00375d37] {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.signature-info-bar .info-label[data-v-00375d37] {
  color: #999;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.signature-info-bar .info-value[data-v-00375d37] {
  color: #333;
  font-weight: 500;
}
.signature-info-bar .close-btn-inline[data-v-00375d37] {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 旧样式保留兼容 */
.signature-info[data-v-00375d37] {
  text-align: left;
  background: #f8f9fa;
  padding: 12px 16px;
  border-radius: 6px;
}
.info-item[data-v-00375d37] {
  margin-bottom: 8px;
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.info-item[data-v-00375d37]:last-child {
  margin-bottom: 0;
}
.info-label[data-v-00375d37] {
  color: #999;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.info-value[data-v-00375d37] {
  color: #333;
  font-weight: 500;
}

/* 查看签名弹窗响应式适配 */
@media (max-width: 768px) {
.view-signature-dialog .el-dialog[data-v-00375d37] {
    width: 95% !important;
    margin-top: 3vh !important;
}
.view-signature-dialog .el-dialog__body[data-v-00375d37] {
    padding: 15px;
}
.signature-image-container[data-v-00375d37] {
    padding: 12px;
    min-height: 150px;
}
.signature-image[data-v-00375d37] {
    max-height: 40vh;
}
.no-signature[data-v-00375d37] {
    font-size: 13px;
    padding: 20px 0;
}
.signature-info[data-v-00375d37] {
    padding: 10px 12px;
}
.info-item[data-v-00375d37] {
    font-size: 13px;
    margin-bottom: 6px;
}
.signature-info-bar[data-v-00375d37] {
    padding: 8px 12px;
    gap: 15px;
}
.signature-info-bar .info-item[data-v-00375d37] {
    font-size: 13px;
}
}
@media (max-width: 480px) {
.view-signature-dialog .el-dialog[data-v-00375d37] {
    width: 98% !important;
    margin-top: 2vh !important;
}
.view-signature-dialog .el-dialog__body[data-v-00375d37] {
    padding: 12px;
}
.signature-image-container[data-v-00375d37] {
    padding: 8px;
    min-height: 120px;
    margin-bottom: 12px;
}
.signature-image[data-v-00375d37] {
    max-height: 35vh;
}
.no-signature[data-v-00375d37] {
    font-size: 12px;
    padding: 15px 0;
}
.signature-info[data-v-00375d37] {
    padding: 10px;
}
.info-item[data-v-00375d37] {
    font-size: 12px;
    margin-bottom: 4px;
}
.info-label[data-v-00375d37] {
    font-size: 11px;
}
.info-value[data-v-00375d37] {
    font-size: 12px;
}
.signature-info-bar[data-v-00375d37] {
    padding: 8px 10px;
    gap: 10px;
}
.signature-info-bar .info-item[data-v-00375d37] {
    font-size: 12px;
}
.signature-info-bar .info-label[data-v-00375d37] {
    font-size: 11px;
}
.signature-info-bar .info-value[data-v-00375d37] {
    font-size: 12px;
}
}

/* 支付状态样式 */

/* 消费金额行内显示 - 所有元素在同一行 */
.payment-item-inline[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  white-space: nowrap;
}
.payment-item-inline .amount-text[data-v-00375d37] {
  font-size: 12px;
  color: #e74c3c;
  font-weight: 600;
}
.payment-item-inline .payment-tag[data-v-00375d37] {
  font-size: 10px;
  padding: 0 4px;
  border-radius: 10px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  height: 16px;
  line-height: 14px;
}
.payment-item-inline .payment-count[data-v-00375d37] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 600;
  background: #1890ff;
  color: #fff;
}
.amount-container[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
}
.payment-amounts[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}
.payment-item[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.amount[data-v-00375d37] {
  font-size: 12px;
  color: #e74c3c;
  font-weight: 600;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-status[data-v-00375d37] {
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 2px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  white-space: nowrap;
  line-height: 1.2;
}
.status-paid[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.status-partial[data-v-00375d37] {
  background: #fff7e6;
  color: #fa8c16;
  border-color: #ffd591;
}
.status-cash[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.status-wechat[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.status-alipay[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.status-unionpay[data-v-00375d37] {
  background: #f0f5ff;
  color: #2f54eb;
  border-color: #adc6ff;
}
.status-meituan[data-v-00375d37] {
  background: #fff0f6;
  color: #eb2f96;
  border-color: #ffadd2;
}
.status-douyin[data-v-00375d37] {
  background: #f0f5ff;
  color: #2f54eb;
  border-color: #adc6ff;
}
.status-card[data-v-00375d37] {
  background: #f9f0ff;
  color: #722ed1;
  border-color: #d3adf7;
}
.status-gift[data-v-00375d37] {
  background: #fff7e6;
  color: #fa8c16;
  border-color: #ffd591;
}
.status-free[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.status-debt[data-v-00375d37] {
  background: #f5f5f5;
  color: #8c8c8c;
  border-color: #d9d9d9;
}
.status-default[data-v-00375d37] {
  background: #f5f5f5;
  color: #666;
  border-color: #ddd;
}

/* 支付方式汇总区域样式 */
.payment-summary-item[data-v-00375d37] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 4px;
}
.payment-summary-item .payment-status[data-v-00375d37] {
  margin-right: 2px;
}
.payment-summary-item .payment-amount[data-v-00375d37] {
  font-size: 12px;
  color: #e74c3c;
  font-weight: 600;
  margin-left: 2px;
}

/* 支付状态在下方显示样式 */
.payment-status-below[data-v-00375d37] {
  font-size: 12px;
  padding: 1px 4px;
  border-radius: 2px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
  margin-top: 2px;
}
.payment-status-below.status-paid[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.payment-status-below.status-partial[data-v-00375d37] {
  background: #fff7e6;
  color: #fa8c16;
  border-color: #ffd591;
}
.payment-status-below.status-cash[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.payment-status-below.status-wechat[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.payment-status-below.status-alipay[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.payment-status-below.status-unionpay[data-v-00375d37] {
  background: #f0f5ff;
  color: #2f54eb;
  border-color: #adc6ff;
}
.payment-status-below.status-meituan[data-v-00375d37] {
  background: #fff2e8;
  color: #fa541c;
  border-color: #ffbb96;
}
.payment-status-below.status-douyin[data-v-00375d37] {
  background: #f9f0ff;
  color: #722ed1;
  border-color: #d3adf7;
}
.payment-status-below.status-card[data-v-00375d37] {
  background: #fff0f6;
  color: #eb2f96;
  border-color: #ffadd2;
}
.payment-status-below.status-gift[data-v-00375d37] {
  background: #fcffe6;
  color: #7cb305;
  border-color: #eaff8f;
}
.payment-status-below.status-free[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.payment-status-below.status-debt[data-v-00375d37] {
  background: #fff2e8;
  color: #fa541c;
  border-color: #ffbb96;
}
.payment-status-below.status-more[data-v-00375d37] {
  background: #f5f5f5;
  color: #666;
  border-color: #ddd;
}

/* 支付状态容器样式 */
.payment-statuses-below[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1px;
}

/* 水平排列的支付项样式 */

/* 支付金额和支付方式水平排列 - 确保在一行显示 */
.payment-item-horizontal[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}

/* 支付状态水平排列样式 */
.payment-statuses-inline[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 支付方式标签 - 圆角矩形 */
.payment-status-inline[data-v-00375d37] {
  font-size: 10px;
  padding: 0 4px;
  border-radius: 10px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  white-space: nowrap;
  line-height: 1.2;
  height: 16px;
  line-height: 14px;
}

/* 支付方式数量 - 圆形 */
.payment-status-inline.status-count[data-v-00375d37] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  padding: 0;
  font-size: 9px;
  font-weight: 600;
  background: #909399;
  color: #fff;
  border: none;
}
.payment-status-inline.status-paid[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.payment-status-inline.status-partial[data-v-00375d37] {
  background: #fff7e6;
  color: #fa8c16;
  border-color: #ffd591;
}
.payment-status-inline.status-cash[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.payment-status-inline.status-wechat[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.payment-status-inline.status-alipay[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.payment-status-inline.status-unionpay[data-v-00375d37] {
  background: #f0f5ff;
  color: #2f54eb;
  border-color: #adc6ff;
}
.payment-status-inline.status-meituan[data-v-00375d37] {
  background: #fff2e8;
  color: #fa541c;
  border-color: #ffbb96;
}
.payment-status-inline.status-douyin[data-v-00375d37] {
  background: #f9f0ff;
  color: #722ed1;
  border-color: #d3adf7;
}
.payment-status-inline.status-card[data-v-00375d37] {
  background: #fff0f6;
  color: #eb2f96;
  border-color: #ffadd2;
}
.payment-status-inline.status-gift[data-v-00375d37] {
  background: #fcffe6;
  color: #7cb305;
  border-color: #eaff8f;
}
.payment-status-inline.status-free[data-v-00375d37] {
  background: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.payment-status-inline.status-debt[data-v-00375d37] {
  background: #fff2e8;
  color: #fa541c;
  border-color: #ffbb96;
}
.payment-status-inline.status-more[data-v-00375d37] {
  background: #f5f5f5;
  color: #666;
  border-color: #ddd;
}

/* 支付方式相关样式 */
.payment-amount-container[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.payment-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.add-payment-icon[data-v-00375d37] {
  font-size: 16px;
  color: #67c23a;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 4px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.add-payment-icon[data-v-00375d37]:hover {
  background-color: #f0f9ff;
  color: #409eff;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.payment-amount[data-v-00375d37] {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-methods[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.payment-status[data-v-00375d37] {
  font-size: 12px;
  padding: 1px 4px;
  border-radius: 2px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 50px;
  text-align: center;
  line-height: 1.2;
}
.payment-status.editable-field[data-v-00375d37] {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.payment-status.editable-field[data-v-00375d37]:hover {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.payment-status.additional-payment[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}
.payment-status.additional-payment[data-v-00375d37] {
  background: #e6f7ff;
  color: #1890ff;
  border-color: #91d5ff;
}

/* 支付金额显示样式 */
.payment-amounts[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment-amount[data-v-00375d37] {
  font-size: 14px;
  color: #409EFF;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px 4px;
  border-radius: 3px;
}
.payment-amount[data-v-00375d37]:hover {
  background: #f0f9ff;
  color: #66b1ff;
}
.payment-amount.payment-amount-blue[data-v-00375d37] {
  color: #409EFF;
}
.payment-amount.payment-amount-blue[data-v-00375d37]:hover {
  background: #f0f9ff;
  color: #66b1ff;
}
.payment-amount.additional-payment-amount[data-v-00375d37] {
  color: #1890ff;
  font-size: 13px;
  margin-top: 4px;
}
.payment-amount.additional-payment-amount[data-v-00375d37]:hover {
  background: #f0f9ff;
  color: #096dd9;
}

/* 空支付方式提示样式 */
.empty-payment[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.add-payment-hint[data-v-00375d37] {
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 3px;
  border: 1px dashed #dcdfe6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.add-payment-hint[data-v-00375d37]:hover {
  color: #409EFF;
  border-color: #409EFF;
  background-color: #f0f9ff;
}

/* 支付方式标签样式 - 背景色 #f5f5f5 */
.payment-status-tag[data-v-00375d37] {
  margin-left: 4px;
  cursor: pointer;
  font-size: 12px;
  background-color: #f5f5f5 !important;
  border: none !important;
  color: inherit !important;
  padding: 2px 6px !important;
}
.payment-status-tag.editable-field[data-v-00375d37]:hover {
  opacity: 0.8;
  background-color: #e8e8e8 !important;
}

/* el-tag 背景色设置 */
.payment-status-tag.el-tag[data-v-00375d37] {
  background-color: #f5f5f5 !important;
  border: none !important;
  color: inherit !important;
}
.payment-status-tag.el-tag--plain[data-v-00375d37] {
  background-color: #f5f5f5 !important;
  border: none !important;
  color: inherit !important;
}

/* 重新计算按钮样式 */
.recalculate-btn[data-v-00375d37] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
}
.recalculate-btn[data-v-00375d37]:hover {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
          box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
}

/* 支付方式弹窗样式 */
.payment-method-dialog[data-v-00375d37] {
  padding: 10px 0;
}

/* 部门业绩样式 */
.dept-performance-row[data-v-00375d37] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e4e7ed;
}
.dept-performance-container[data-v-00375d37] {
  width: 100%;
}
.dept-performance-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.dept-performance-title[data-v-00375d37] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  margin-right: 8px;
}
.dept-performance-info-icon[data-v-00375d37] {
  color: #909399;
  font-size: 14px;
  cursor: help;
  margin-right: 8px;
}
.dept-performance-edit-icon[data-v-00375d37] {
  color: #409eff;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px;
  border-radius: 2px;
}
.dept-performance-edit-icon[data-v-00375d37]:hover {
  color: #66b1ff;
  background-color: #f0f9ff;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  cursor: pointer;
}
.dept-performance-total[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding: 8px 12px;
  background: #f5f7fa;
  border-radius: 4px;
}
.dept-performance-total-label[data-v-00375d37] {
  font-size: 14px;
  color: #606266;
  margin-right: 8px;
}
.dept-performance-total-amount[data-v-00375d37] {
  font-size: 16px;
  font-weight: 600;
  color: #f56c6c;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dept-performance-eye-icon[data-v-00375d37] {
  color: #909399;
  font-size: 16px;
  cursor: pointer;
}

/* 部门业绩入口样式（隐藏入口，用于调试/排查时打开） */
.dept-performance-toggle-row[data-v-00375d37] {
  margin-top: 8px;
}
.dept-toggle-wrapper[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #606266;
}
.dept-performance-eye-icon[data-v-00375d37]:hover {
  color: #409eff;
}
.dept-toggle-text[data-v-00375d37] {
  cursor: pointer;
  font-size: 12px;
  color: #909399;
}
.dept-performance-open-btn[data-v-00375d37] {
  padding: 0;
  font-size: 12px;
  color: #409eff;
}
.dept-performance-list[data-v-00375d37] {
  margin-bottom: 12px;
}
.dept-performance-item[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
}
.dept-performance-item.dept-item-green[data-v-00375d37] {
  background: #f0f9ff;
}
.dept-performance-item.dept-item-beige[data-v-00375d37] {
  background: #fef3e2;
}
.dept-performance-item.dept-item-pink[data-v-00375d37] {
  background: #fce7f3;
}
.dept-performance-checkbox[data-v-00375d37] {
  margin-right: 12px;
}
.dept-performance-info[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 12px;
}
.dept-performance-name[data-v-00375d37] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
}
.dept-performance-item.dept-item-green .dept-performance-name[data-v-00375d37] {
  background: #b3e5fc;
}
.dept-performance-item.dept-item-beige .dept-performance-name[data-v-00375d37] {
  background: #ffe0b2;
}
.dept-performance-item.dept-item-pink .dept-performance-name[data-v-00375d37] {
  background: #f8bbd0;
}
.dept-performance-ratio[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #606266;
  margin-top: 4px;
}
.dept-performance-ratio span[data-v-00375d37]:first-child {
  margin-right: 8px;
}
.dept-performance-ratio-value[data-v-00375d37] {
  margin-right: 8px;
  font-weight: 500;
  color: #303133;
}
.dept-performance-ratio-input[data-v-00375d37] {
  width: 100px;
  margin-right: 8px;
}
.dept-performance-slider-icon[data-v-00375d37] {
  color: #409eff;
  font-size: 14px;
  cursor: pointer;
  margin-left: 4px;
}
.dept-performance-amount[data-v-00375d37] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  min-width: 100px;
  text-align: right;
}
.dept-performance-actions[data-v-00375d37] {
  margin-top: 12px;
  text-align: right;
}

/* 部门业绩编辑弹窗样式 */
.dept-performance-edit-dialog[data-v-00375d37] {
  padding: 10px 0;
}
.dept-edit-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e4e7ed;
}
.dept-edit-total[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dept-edit-total-label[data-v-00375d37] {
  font-size: 14px;
  color: #606266;
  margin-right: 8px;
}
.dept-edit-total-amount[data-v-00375d37] {
  font-size: 18px;
  font-weight: 600;
  color: #f56c6c;
}
.dept-edit-list[data-v-00375d37] {
  max-height: 500px;
  overflow-y: auto;
}
.dept-edit-item[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
  gap: 16px;
}
.dept-edit-name[data-v-00375d37] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  padding: 4px 12px;
  border-radius: 4px;
  white-space: nowrap;
  min-width: 120px;
}
.dept-edit-item.dept-item-green .dept-edit-name[data-v-00375d37] {
  background: #b3e5fc;
}
.dept-edit-item.dept-item-beige .dept-edit-name[data-v-00375d37] {
  background: #ffe0b2;
}
.dept-edit-item.dept-item-pink .dept-edit-name[data-v-00375d37] {
  background: #f8bbd0;
}
.dept-edit-progress-wrapper[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 8px;
}
.dept-edit-percentage-display[data-v-00375d37] {
  font-size: 14px;
  font-weight: 600;
  color: #409eff;
  text-align: center;
  min-height: 20px;
  line-height: 20px;
}
.dept-edit-slider[data-v-00375d37] {
  width: 100%;
  margin: 0;
}

/* 优化滑块样式 */
.dept-edit-slider .el-slider__runway[data-v-00375d37] {
  height: 6px;
  background-color: #e4e7ed;
  border-radius: 3px;
}
.dept-edit-slider .el-slider__bar[data-v-00375d37] {
  height: 6px;
  background-color: #409eff;
  border-radius: 3px;
}
.dept-edit-slider .el-slider__button[data-v-00375d37] {
  width: 16px;
  height: 16px;
  border: 2px solid #409eff;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.dept-edit-slider .el-slider__button[data-v-00375d37]:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.4);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.4);
}
.dept-edit-slider .el-slider__button-wrapper[data-v-00375d37] {
  width: 20px;
  height: 20px;
  top: -7px;
}
.dept-edit-slider .el-slider__stop[data-v-00375d37] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c4cc;
}
.dept-edit-amount[data-v-00375d37] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  min-width: 100px;
  text-align: right;
}
.dept-total-percentage[data-v-00375d37] {
  margin-top: 10px;
  text-align: right;
  color: #606266;
  font-size: 12px;
}
.dept-total-percentage-over[data-v-00375d37] {
  color: #f56c6c !important;
  font-weight: bold;
}

/* 员工支付方式样式 */
.employee-performance-wrapper[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.payment-method-toggle-wrapper[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2px;
}
.payment-method-eye-icon[data-v-00375d37] {
  color: #909399;
  font-size: 14px;
  cursor: pointer;
}
.payment-method-eye-icon[data-v-00375d37]:hover {
  color: #409eff;
}
.payment-method-text[data-v-00375d37] {
  cursor: pointer;
  font-size: 12px;
  color: #409eff;
}
.payment-method-text[data-v-00375d37]:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 员工支付方式分摊弹窗样式 */
.employee-payment-method-dialog[data-v-00375d37] {
  padding: 10px 0;
}
.employee-payment-header[data-v-00375d37] {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4e7ed;
}
.employee-payment-info[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.employee-payment-name[data-v-00375d37] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.employee-payment-total[data-v-00375d37] {
  font-size: 18px;
  font-weight: 600;
  color: #f56c6c;
}
.employee-payment-list[data-v-00375d37] {
  max-height: 500px;
  overflow-y: auto;
}

/* 确保支付方式弹窗显示在正确层级 */
.el-dialog__wrapper .el-dialog[data-v-00375d37] {
  z-index: 2001 !important;
}
.payment-method-dialog .el-form-item[data-v-00375d37] {
  margin-bottom: 20px;
}
.payment-method-dialog .el-form-item__label[data-v-00375d37] {
  font-weight: 600;
  color: #333;
}

/* 禁用的支付方式选项样式 */
.el-select-dropdown__item.disabled-option[data-v-00375d37] {
  color: #c0c4cc !important;
  background-color: #f5f7fa !important;
  cursor: not-allowed !important;
}
.el-select-dropdown__item.disabled-option[data-v-00375d37]:hover {
  background-color: #f5f7fa !important;
  color: #c0c4cc !important;
}

/* 紧凑分段器样式 - 使用 ::v-deep 穿透组件 */
[data-v-00375d37] .compact-radio-group {
.el-radio-button {
    min-width: 60px;
}
.el-radio-button__inner {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 12px;
}
}

/* 筛选行不换行 */
.filter-row[data-v-00375d37] {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  white-space: nowrap;
  gap: 2px !important;
  margin-bottom: 4px !important;
  padding: 0 !important;
}
.filter-row > *[data-v-00375d37] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* 覆盖Element UI组件默认间距 */
.filter-row .el-button[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row .el-select[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row .el-date-editor[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row .el-radio-group[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row .el-radio-button[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row .store-select-button[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row .el-autocomplete[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* 确保筛选行中的所有元素都紧挨着显示 */
.filter-row > div[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.filter-row > button[data-v-00375d37] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* 响应式样式：适应不同屏幕尺寸 */
@media (max-width: 1200px) {
.filter-row[data-v-00375d37] {
    font-size: 13px;
}
.filter-row .el-button[data-v-00375d37] {
    width: 140px !important;
    font-size: 12px;
}
.filter-row .el-date-editor[data-v-00375d37] {
    width: 200px !important;
    font-size: 12px;
}
.filter-row .el-select[data-v-00375d37] {
    width: 100px !important;
    font-size: 12px;
}
}
@media (max-width: 992px) {
.filter-row[data-v-00375d37] {
    font-size: 12px;
}
.filter-row .el-button[data-v-00375d37] {
    width: 120px !important;
    font-size: 11px;
}
.filter-row .el-date-editor[data-v-00375d37] {
    width: 180px !important;
    font-size: 11px;
}
.filter-row .el-select[data-v-00375d37] {
    width: 90px !important;
    font-size: 11px;
}
.filter-row .compact-radio-group .el-radio-button__inner[data-v-00375d37] {
    padding: 6px 8px;
    font-size: 11px;
}
}
@media (max-width: 768px) {
.filter-row[data-v-00375d37] {
    font-size: 11px;
}
.filter-row .el-button[data-v-00375d37] {
    width: 100px !important;
    font-size: 10px;
}
.filter-row .el-date-editor[data-v-00375d37] {
    width: 160px !important;
    font-size: 10px;
}
.filter-row .el-select[data-v-00375d37] {
    width: 80px !important;
    font-size: 10px;
}
.filter-row .compact-radio-group .el-radio-button__inner[data-v-00375d37] {
    padding: 5px 6px;
    font-size: 10px;
}
}
@media (max-width: 480px) {
.filter-row[data-v-00375d37] {
    font-size: 10px;
}
.filter-row .el-button[data-v-00375d37] {
    width: 90px !important;
    font-size: 9px;
}
.filter-row .el-date-editor[data-v-00375d37] {
    width: 140px !important;
    font-size: 9px;
}
.filter-row .el-select[data-v-00375d37] {
    width: 70px !important;
    font-size: 9px;
}
.filter-row .compact-radio-group .el-radio-button__inner[data-v-00375d37] {
    padding: 4px 5px;
    font-size: 9px;
}
}

/* ==================== 分页容器 - 固定在底部 ==================== */
.pagination-container[data-v-00375d37] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: white;
  height: 44px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid #ebeef5;
}
.pagination-component[data-v-00375d37] {
  margin: 0;
}

/* 减少分页组件内部元素的高度 */
[data-v-00375d37] .pagination-container .el-pagination {
  padding: 0;
}
[data-v-00375d37] .pagination-container .el-pagination .el-pagination__sizes,[data-v-00375d37] .pagination-container .el-pagination .el-pagination__jump {
  margin: 0;
  line-height: 28px;
}
[data-v-00375d37] .pagination-container .el-pagination button,[data-v-00375d37] .pagination-container .el-pagination .el-pager li {
  height: 28px;
  line-height: 28px;
  min-width: 28px;
}
.pagination-component .el-pagination__total[data-v-00375d37] {
  display: none;
}

/* 搜索框图标居中 */
[data-v-00375d37] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

/* 员工信息显示样式 */
.staff-info[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.staff-item[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px;
}
.staff-name[data-v-00375d37] {
  color: #303133;
}
.staff-grade[data-v-00375d37] {
  color: #909399;
  font-size: 12px;
}
.more-staff[data-v-00375d37] {
  color: #909399;
  font-size: 12px;
  margin-top: 2px;
}

/* ==================== 签名弹窗样式 - 分布式自适应 ==================== */

/* 全屏弹窗样式 */
.full-screen-dialog .el-dialog[data-v-00375d37] {
  margin-top: 2vh !important;
  margin-bottom: 2vh !important;
  height: 96vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.full-screen-dialog .el-dialog__body[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 20px;
}
.full-screen-dialog .el-dialog__footer[data-v-00375d37] {
  padding: 10px 20px 20px;
}
.signature-popup-content[data-v-00375d37] {
  height: calc(96vh - 140px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  padding: 0 16px;
  gap: 12px;
}

/* 会员信息头部 - 固定高度 */
.member-header[data-v-00375d37] {
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  border-radius: 6px;
  padding: 12px 16px;
  color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.member-info[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  gap: 16px;
}
.member-name[data-v-00375d37] {
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 服务点评 - 内联显示在会员信息右侧 */
.service-rating-inline[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
.el-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.el-radio-button__inner {
    font-size: 12px;
    padding: 6px 12px;
    white-space: nowrap;
}
}
.member-balances[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  font-size: 13px;
  white-space: nowrap;
}
.balance-item[data-v-00375d37] {
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
}

/* 区块标题 - 统一字体 */
.section-title[data-v-00375d37] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 2px solid #409eff;
  white-space: nowrap;
}

/* 消费项目列表 - 每行5个 */
.consumption-items[data-v-00375d37] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-height: none;
  overflow-y: visible;
}
.items-list[data-v-00375d37] {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.consumption-item[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e9ecef;
  white-space: nowrap;
}
.item-name[data-v-00375d37] {
  color: #495057;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 6px;
}
.item-amount[data-v-00375d37] {
  color: #f56c6c;
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
}

/* 签字区域 - 自适应占据剩余空间 */
.signature-section[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 500px;
}
.signature-area[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  width: 100%;
  min-height: 500px;
  position: relative;
}
.signature-canvas[data-v-00375d37] {
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}
.signature-hint[data-v-00375d37] {
  text-align: center;
  color: #909399;
  font-size: 11px;
  margin-top: 6px;
  white-space: nowrap;
}

/* 服务点评 - 固定高度 */
.service-rating[data-v-00375d37] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rating-options[data-v-00375d37] {
  text-align: center;
}
.rating-options .el-radio-group[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.rating-options .el-radio-button[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100px;
  min-width: 60px;
}
.rating-options .el-radio-button__inner[data-v-00375d37] {
  font-size: 12px;
  padding: 8px 12px;
  white-space: nowrap;
}

/* 底部按钮区域 - 居中显示，宽度加大 */
.popup-footer[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.popup-footer .footer-btn[data-v-00375d37] {
  font-size: 13px;
  padding: 0 32px;
  height: 36px;
  min-width: 120px;
  white-space: nowrap;
}

/* vue-signature-pad 样式覆盖 */
.signature-canvas[data-v-00375d37] .signature-pad {
  width: 100% !important;
  height: 100% !important;
  border-radius: 4px;
  display: block;
}
.signature-canvas[data-v-00375d37] .signature-pad canvas {
  border-radius: 4px;
  cursor: crosshair !important;
  -ms-touch-action: none !important;
      touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  pointer-events: auto !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.signature-hint[data-v-00375d37] {
  text-align: center;
  color: #909399;
  font-size: 12px;
}
.service-rating[data-v-00375d37] {
  margin-bottom: 20px;
}
.rating-options[data-v-00375d37] {
  text-align: center;
}
.rating-options .el-radio-group[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rating-options .el-radio-button[data-v-00375d37] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 120px;
}

/* ==================== 签名弹窗响应式样式 ==================== */
@media (max-width: 1200px) {
.signature-popup-content[data-v-00375d37] {
    padding: 0 12px;
    gap: 10px;
}
.member-header[data-v-00375d37] {
    padding: 10px 12px;
}
.member-name[data-v-00375d37] {
    font-size: 15px;
}
.section-title[data-v-00375d37] {
    font-size: 13px;
    margin-bottom: 6px;
}
.signature-area[data-v-00375d37] {
    min-height: 400px;
}
.rating-options .el-radio-button__inner[data-v-00375d37] {
    font-size: 11px;
    padding: 6px 10px;
}
}
@media (max-width: 992px) {
.signature-dialog .el-dialog[data-v-00375d37] {
    width: 95% !important;
}
.signature-popup-content[data-v-00375d37] {
    max-height: 80vh;
}
.member-info[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.member-balances[data-v-00375d37] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 12px;
    width: 100%;
}
.signature-area[data-v-00375d37] {
    min-height: 350px;
}
.popup-footer[data-v-00375d37] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
}
.popup-footer .footer-btn[data-v-00375d37] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 100px;
    max-width: 150px;
    font-size: 12px;
    padding: 0 24px;
    height: 34px;
}
.service-rating-inline .el-radio-button__inner[data-v-00375d37] {
    font-size: 11px;
    padding: 5px 10px;
}
.items-list[data-v-00375d37] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.signature-popup-content[data-v-00375d37] {
    padding: 0 10px;
    gap: 8px;
}
.member-header[data-v-00375d37] {
    padding: 8px 12px;
}
.member-name[data-v-00375d37] {
    font-size: 14px;
}
.member-balances[data-v-00375d37] {
    font-size: 12px;
    gap: 8px;
}
.member-info[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.service-rating-inline[data-v-00375d37] {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.section-title[data-v-00375d37] {
    font-size: 12px;
    padding-bottom: 4px;
}
.consumption-item[data-v-00375d37] {
    padding: 4px 0;
}
.item-name[data-v-00375d37],
  .item-amount[data-v-00375d37] {
    font-size: 12px;
}
.signature-area[data-v-00375d37] {
    min-height: 300px;
}
.signature-hint[data-v-00375d37] {
    font-size: 10px;
}
.rating-options .el-radio-group[data-v-00375d37] {
    gap: 6px;
}
.rating-options .el-radio-button__inner[data-v-00375d37] {
    font-size: 10px;
    padding: 6px 8px;
}
.popup-footer[data-v-00375d37] {
    padding-top: 12px;
    gap: 10px;
}
.popup-footer .footer-btn[data-v-00375d37] {
    font-size: 12px;
    height: 32px;
    padding: 0 20px;
    min-width: 90px;
}
.items-list[data-v-00375d37] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.signature-dialog .el-dialog[data-v-00375d37] {
    width: 98% !important;
    margin: 10px auto;
}
.signature-popup-content[data-v-00375d37] {
    padding: 0 8px;
}
.member-balances[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.balance-item[data-v-00375d37] {
    text-align: center;
    padding: 2px 6px;
}
.signature-area[data-v-00375d37] {
    min-height: 200px;
}
.popup-footer .footer-btn[data-v-00375d37] {
    font-size: 11px;
    height: 30px;
    padding: 0 16px;
    min-width: 80px;
}
.items-list[data-v-00375d37] {
    grid-template-columns: 1fr;
}
.popup-footer .el-button[data-v-00375d37] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 70px;
    font-size: 10px;
    padding: 0 8px;
}
}

/* 会员联想搜索结果样式 */
.member-suggestion-item[data-v-00375d37] {
  padding: 8px 0;
  line-height: 1.5;
}
.member-suggestion-item .member-name[data-v-00375d37] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 4px;
}
.member-suggestion-item .member-info[data-v-00375d37] {
  font-size: 12px;
  color: #909399;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.member-suggestion-item .member-info .member-phone[data-v-00375d37] {
  color: #67C23A;
}
.member-suggestion-item .member-info .member-no[data-v-00375d37] {
  color: #E6A23C;
}
.member-suggestion-item .member-info .member-cards[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.member-suggestion-item .member-info .member-card-balance[data-v-00375d37] {
  color: #409EFF;
  font-weight: 500;
}
.member-suggestion-item .member-info .member-gift-balance[data-v-00375d37] {
  color: #F56C6C;
  font-weight: 500;
}
.member-suggestion-item .member-info .member-tags[data-v-00375d37] {
  color: #909399;
  background: #F5F7FA;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
}
@media (max-width: 480px) {
.signature-dialog .el-dialog[data-v-00375d37] {
    width: 98% !important;
    margin: 10px auto;
}
.signature-popup-content[data-v-00375d37] {
    padding: 0 10px;
}
.rating-options .el-radio-group[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.rating-options .el-radio-button[data-v-00375d37] {
    max-width: none;
}
.signature-area[data-v-00375d37] {
    height: 400px;
}
}

/* ==================== 新版签名弹窗样式 ==================== */
.signature-popup-overlay[data-v-00375d37] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  padding: 20px;
}
.signature-popup[data-v-00375d37] {
  background: white;
  width: 100%;
  max-width: 900px;
  height: 90vh;
  max-height: 700px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.signature-header[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 16px;
  border-bottom: 2px solid #e8e8e8;
  background: #fafafa;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.header-left[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 300px;
}
.signature-header h3[data-v-00375d37] {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.signature-header .consumption-items[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #666;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.signature-header .item-list-wrapper[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.signature-header .consumption-title[data-v-00375d37] {
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.signature-header .item-list[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.signature-header .item[data-v-00375d37] {
  padding: 4px 8px;
  background: #f0f8ff;
  border-radius: 4px;
  border: 1px solid #d9e7ff;
  font-size: 12px;
  white-space: nowrap;
}
.signature-header .member-info[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #666;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.signature-header .member-name[data-v-00375d37] {
  font-weight: bold;
  color: #1890ff;
  font-size: 14px;
}
.signature-content[data-v-00375d37] {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  overflow: hidden;
}
.signature-area[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.signature-canvas[data-v-00375d37] {
  border: 2px dashed #ddd;
  border-radius: 6px;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-height: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.signature-controls[data-v-00375d37] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.signature-btn[data-v-00375d37] {
  padding: 8px 16px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 160px;
  white-space: nowrap;
  height: 40px;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.signature-btn.clear[data-v-00375d37] {
  border-color: #ff4d4f;
  color: #ff4d4f;
}
.signature-btn.clear[data-v-00375d37]:hover {
  background: #ff4d4f;
  color: white;
}
.signature-btn.later[data-v-00375d37] {
  border-color: #faad14;
  color: #faad14;
}
.signature-btn.later[data-v-00375d37]:hover {
  background: #faad14;
  color: white;
}
.signature-btn.confirm[data-v-00375d37] {
  border-color: #52c41a;
  color: #52c41a;
}
.signature-btn.confirm[data-v-00375d37]:hover {
  background: #52c41a;
  color: white;
}

/* vue-signature-pad 样式覆盖 */
.signature-canvas[data-v-00375d37] .signature-pad {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.signature-canvas[data-v-00375d37] .signature-pad canvas {
  border-radius: 6px;
  cursor: crosshair;
  -ms-touch-action: none;
      touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}

/* 响应式适配 */
@media (max-width: 768px) {
.signature-popup-overlay[data-v-00375d37] {
    padding: 10px;
}
.signature-popup[data-v-00375d37] {
    height: 95vh;
    max-height: none;
}
.signature-header[data-v-00375d37] {
    padding: 10px 12px;
    min-height: 50px;
}
.signature-header h3[data-v-00375d37] {
    font-size: 16px;
}
.header-left[data-v-00375d37] {
    min-width: 200px;
}
.signature-header .consumption-items[data-v-00375d37] {
    gap: 8px;
    font-size: 12px;
}
.signature-content[data-v-00375d37] {
    padding: 15px;
    gap: 15px;
}
.signature-area[data-v-00375d37] {
    min-height: 0;
}
.signature-canvas[data-v-00375d37] {
    min-height: 0;
}
.signature-controls[data-v-00375d37] {
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.signature-btn[data-v-00375d37] {
    padding: 6px 10px;
    font-size: 13px;
    min-width: 0;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 36px;
}
}
@media (max-width: 480px) {
.signature-header h3[data-v-00375d37] {
    font-size: 16px;
}
.signature-header .consumption-title[data-v-00375d37] {
    font-size: 12px;
}
.signature-header .item[data-v-00375d37] {
    font-size: 10px;
}
.signature-header .member-info[data-v-00375d37] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3px;
}
.signature-area[data-v-00375d37] {
    min-height: 0;
}
.signature-canvas[data-v-00375d37] {
    min-height: 0;
}
.signature-controls[data-v-00375d37] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.signature-btn[data-v-00375d37] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.333% - 6px);
            flex: 1 1 calc(33.333% - 6px);
    min-width: 80px;
    max-width: none;
    padding: 6px 8px;
    font-size: 12px;
    height: 36px;
}
}

/* 竖屏适配 */
@media (orientation: portrait) and (max-height: 1200px) {
.signature-controls[data-v-00375d37] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.signature-btn[data-v-00375d37] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 90px;
    max-width: 140px;
    padding: 6px 12px;
    font-size: 13px;
    height: 38px;
}
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.document-page[data-v-00375d37]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 单选按钮组 */
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
            box-shadow: -1px 0 0 0 var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 日期选择器 */
.el-date-editor .el-range-input:focus {
    border-color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
}

/* 全局防止滚动条显示/隐藏导致的抖动 */
body {
  scrollbar-gutter: stable;
}

/* 详情弹窗打开时，防止body滚动条变化 */
body.el-popup-parent--hidden {
  padding-right: 0 !important;
  overflow: hidden !important;
}

/* 详情弹窗body固定滚动条，避免内容变化时滚动条显示/隐藏导致抖动 */
.detail-dialog .el-dialog__body {
  overflow-y: scroll !important;
  scrollbar-gutter: stable;
}

.douyin-verify-page[data-v-673faa57] { background:#f5f7fa; min-height:100vh;
}
.filter-bar[data-v-673faa57] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; background:#fff; padding:10px 12px; border:1px solid #ebeef5; border-radius:6px; margin-top:10px;
}
.date-range[data-v-673faa57] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
.mx-2[data-v-673faa57] { margin: 0 8px;
}
.table-wrapper[data-v-673faa57] { margin-top:12px; background:#fff; border:1px solid #ebeef5; border-radius:8px; padding:8px 12px;
}
.table-header[data-v-673faa57] { background:#fafafa; font-weight:600;
}
.pagination-container[data-v-673faa57] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:12px 0;
}

@charset "UTF-8";

/* ==================== 基础布局 ==================== */
.app-container[data-v-c7e4c154] {
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 筛选区域 ==================== */
.filter-section[data-v-c7e4c154] {
  background-color: #ffffff;
  border-bottom: 1px solid #e4e7ed;
  padding: 16px 0;
  margin-bottom: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-row[data-v-c7e4c154] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 12px;
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 4px;
}
.filter-group[data-v-c7e4c154] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-c7e4c154] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-c7e4c154]  .el-input__inner,
.filter-item[data-v-c7e4c154]  .el-input__icon {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
}
.search-input[data-v-c7e4c154] {
  width: 220px;
}
.reset-btn[data-v-c7e4c154] {
  font-size: 13px;
  padding: 8px 16px;
  height: 32px;
}

/* ==================== 统计区域 ==================== */
.statistics-section[data-v-c7e4c154] {
  background-color: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  padding: 16px 20px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.stat-item[data-v-c7e4c154] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.stat-label[data-v-c7e4c154] {
  font-size: 13px;
  color: #606266;
}
.stat-value[data-v-c7e4c154] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.stat-red[data-v-c7e4c154] {
  color: #f56c6c;
}
.stat-blue[data-v-c7e4c154] {
  color: #409eff;
}
.stat-green[data-v-c7e4c154] {
  color: #67c23a;
}
.stat-purple[data-v-c7e4c154] {
  color: #8e44ad;
}

/* ==================== 表格区域 ==================== */
.table-section[data-v-c7e4c154] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 表格样式 - 与projectList保持一致 ==================== */
[data-v-c7e4c154] .el-table {
  font-size: 12px !important;
  width: 100% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* 表格内操作按钮样式 */
  /* 表格内状态标签样式 */
}
[data-v-c7e4c154] .el-table th {
  font-weight: 600 !important;
  color: #606266 !important;
  background-color: #f8fafc !important;
  padding: 8px 4px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
[data-v-c7e4c154] .el-table td {
  padding: 6px 4px !important;
  font-size: 12px !important;
}
[data-v-c7e4c154] .el-table .cell {
  line-height: 1.4 !important;
  white-space: nowrap !important;
  padding: 0 4px !important;
}
[data-v-c7e4c154] .el-table .el-button {
  font-size: 12px !important;
  padding: 0 8px !important;
  height: 26px !important;
  line-height: 26px !important;
  margin: 0 2px !important;
}
[data-v-c7e4c154] .el-table .el-button i {
  font-size: 11px !important;
  margin-right: 3px !important;
}
[data-v-c7e4c154] .el-table .el-tag {
  font-size: 12px !important;
  padding: 0 8px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.amount-red[data-v-c7e4c154] {
  color: #f56c6c;
  font-weight: 500;
}

/* ==================== 分页区域 ==================== */
.pagination-container[data-v-c7e4c154] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  border-top: 1px solid #e4e7ed;
  background-color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.pagination-total[data-v-c7e4c154] {
  font-size: 13px;
  color: #606266;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
[data-v-c7e4c154] .el-pagination {
  font-size: 13px;
}
[data-v-c7e4c154] .el-pagination .el-pagination__total,[data-v-c7e4c154] .el-pagination .el-pagination__sizes,[data-v-c7e4c154] .el-pagination .el-pagination__jump {
  font-size: 13px;
}
[data-v-c7e4c154] .el-pagination .el-pager li {
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
}
[data-v-c7e4c154] .el-pagination .btn-prev,[data-v-c7e4c154] .el-pagination .btn-next {
  min-width: 28px;
  height: 28px;
  line-height: 28px;
}
[data-v-c7e4c154] .el-pagination .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
}

/* ==================== 签名弹窗 ==================== */
.signature-container[data-v-c7e4c154] {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.signature-image[data-v-c7e4c154] {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-v-c7e4c154] .el-dialog {
  border-radius: 8px;
}
[data-v-c7e4c154] .el-dialog .el-dialog__header {
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
}
[data-v-c7e4c154] .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
[data-v-c7e4c154] .el-dialog .el-dialog__body {
  padding: 20px;
}
[data-v-c7e4c154] .el-dialog .el-dialog__footer {
  padding: 12px 20px;
  border-top: 1px solid #e4e7ed;
}

/* ==================== 响应式布局 ==================== */

/* 大屏幕 (>= 1440px) */
@media screen and (min-width: 1440px) {
.filter-row[data-v-c7e4c154] {
    gap: 16px;
}
.filter-group[data-v-c7e4c154] {
    gap: 10px;
}
}

/* 中等屏幕 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.filter-row[data-v-c7e4c154] {
    gap: 12px;
}
}

/* 小屏幕 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.filter-row[data-v-c7e4c154] {
    gap: 10px;
}
.statistics-section[data-v-c7e4c154] {
    gap: 24px;
}
}

/* 平板 (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.app-container[data-v-c7e4c154] {
    padding: 12px 16px;
}
.filter-section[data-v-c7e4c154] {
    padding: 12px 0;
}
.filter-row[data-v-c7e4c154] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.filter-group[data-v-c7e4c154] {
    gap: 8px;
}
.statistics-section[data-v-c7e4c154] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    padding: 12px 16px;
}
.stat-label[data-v-c7e4c154],
.stat-value[data-v-c7e4c154] {
    font-size: 12px;
}
[data-v-c7e4c154] .el-table {
    font-size: 11px !important;
}
[data-v-c7e4c154] .el-table th,[data-v-c7e4c154] .el-table td {
    padding: 6px 2px !important;
}
}

/* 手机 (< 768px) */
@media screen and (max-width: 767px) {
.app-container[data-v-c7e4c154] {
    padding: 10px 12px;
}
.filter-section[data-v-c7e4c154] {
    padding: 10px 0;
}
.filter-row[data-v-c7e4c154] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.filter-group[data-v-c7e4c154] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-item[data-v-c7e4c154] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 140px;
}
.search-input[data-v-c7e4c154] {
    width: 100%;
}
.statistics-section[data-v-c7e4c154] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 12px;
}
.stat-item[data-v-c7e4c154] {
    width: 100%;
}
.pagination-container[data-v-c7e4c154] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
[data-v-c7e4c154] .el-table {
    font-size: 11px !important;
}
[data-v-c7e4c154] .el-table th,[data-v-c7e4c154] .el-table td {
    padding: 4px 2px !important;
}
[data-v-c7e4c154] .el-table .el-button {
    font-size: 11px !important;
    padding: 0 6px !important;
    height: 24px !important;
    line-height: 24px !important;
}
}

/* 小手机 (< 480px) */
@media screen and (max-width: 479px) {
.filter-group[data-v-c7e4c154] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
}
.filter-item[data-v-c7e4c154] {
    width: 100%;
}
}
.el-button[data-v-6f9e51da] {
  height: 36px;
}
.masonry-grid[data-v-6f9e51da] {
  display: grid;
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
}
.app-container[data-v-6f9e51da] {
  height: 100%;
}

/* 图片上传相关样式 */
.upload-container[data-v-6f9e51da] {
  width: 100%;
}
.upload-container .el-upload--picture-card[data-v-6f9e51da] {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.upload-container .el-upload-list--picture-card .el-upload-list__item[data-v-6f9e51da] {
  width: 100px;
  height: 100px;
}

.category-tree-container[data-v-74773fce] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-right: 1px solid #e4e7ed;
}
.category-header[data-v-74773fce] {
  padding: 15px;
  border-bottom: 1px solid #e4e7ed;
}
.category-tree-content[data-v-74773fce] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 10px;
}
.custom-tree-node[data-v-74773fce] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}
.custom-tree-node .node-label[data-v-74773fce] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-tree-node .node-actions[data-v-74773fce] {
  display: none;
}
.custom-tree-node .node-actions .el-button[data-v-74773fce] {
  padding: 0 5px;
}
.custom-tree-node:hover .node-actions[data-v-74773fce] {
  display: inline-block;
}
[data-v-74773fce] .el-tree-node__content {
  height: 36px;
}
[data-v-74773fce] .el-tree-node__content:hover {
  background-color: #f5f7fa;
}
[data-v-74773fce] .el-tree-node.is-current > .el-tree-node__content {
  background-color: #ecf5ff;
  color: #409eff;
}
@charset "UTF-8";
.material-container[data-v-26a985cd] {
  height: 100%;
  padding: 0;
}
.material-layout[data-v-26a985cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.left-sidebar[data-v-26a985cd] {
  width: 250px;
  height: 100%;
  overflow: hidden;
}
.right-content[data-v-26a985cd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f7fa;
  padding: 20px;
}
.toolbar[data-v-26a985cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  background: #fff;
  padding: 15px;
  border-radius: 4px;
}
.toolbar .toolbar-left[data-v-26a985cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.toolbar .toolbar-right[data-v-26a985cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.image-content[data-v-26a985cd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
.image-grid[data-v-26a985cd] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px;
}
.image-item[data-v-26a985cd] {
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.image-item[data-v-26a985cd]:hover {
  border-color: #409eff;
}
.image-item.selected[data-v-26a985cd] {
  border-color: #409eff;
  background: #ecf5ff;
}
.image-item .image-wrapper[data-v-26a985cd] {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: #f5f7fa;
  border-radius: 4px;
  overflow: hidden;
}
.image-item .image-wrapper img[data-v-26a985cd] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-item .image-wrapper .image-overlay[data-v-26a985cd] {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
}
.image-item:hover .image-overlay[data-v-26a985cd] {
  display: block;
}
.image-item .image-name[data-v-26a985cd] {
  margin-top: 8px;
  font-size: 12px;
  color: #606266;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image-list .list-image[data-v-26a985cd] {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.pagination-container[data-v-26a985cd] {
  margin-top: 0;
  padding: 10px 0;
  text-align: right;
  border-top: 1px solid #ebeef5;
}
.pagination-container[data-v-26a985cd]  .el-pagination {
  font-size: 12px;
}
.pagination-container[data-v-26a985cd]  .el-pagination .el-pagination__total {
  font-size: 12px;
}
.pagination-container[data-v-26a985cd]  .el-pagination .el-pager li {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  min-width: 26px;
}
.pagination-container[data-v-26a985cd]  .el-pagination .btn-prev,
.pagination-container[data-v-26a985cd]  .el-pagination .btn-next {
  height: 26px;
  line-height: 26px;
  min-width: 26px;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.left-sidebar[data-v-26a985cd] {
    width: 200px;
}
.toolbar[data-v-26a985cd] {
    padding: 8px 10px;
}
.toolbar .toolbar-right .el-input[data-v-26a985cd] {
    width: 160px;
}
.image-grid[data-v-26a985cd] {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 16px;
}
}
@media screen and (max-width: 992px) {
.left-sidebar[data-v-26a985cd] {
    width: 180px;
}
.right-content[data-v-26a985cd] {
    padding: 10px;
}
.toolbar[data-v-26a985cd] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.toolbar .toolbar-left[data-v-26a985cd],
.toolbar .toolbar-right[data-v-26a985cd] {
    width: 100%;
}
.toolbar .toolbar-right[data-v-26a985cd] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.image-content[data-v-26a985cd] {
    padding: 16px;
}
.image-grid[data-v-26a985cd] {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 14px;
}
}
@media screen and (max-width: 768px) {
.material-layout[data-v-26a985cd] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.left-sidebar[data-v-26a985cd] {
    width: 100%;
    height: 200px;
    border-right: none;
    border-bottom: 1px solid #ebeef5;
}
.right-content[data-v-26a985cd] {
    padding: 8px;
}
.toolbar[data-v-26a985cd] {
    padding: 8px;
    margin-bottom: 8px;
}
.toolbar .toolbar-left .el-button[data-v-26a985cd] {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 11px;
}
.toolbar .toolbar-left .el-button i[data-v-26a985cd] {
    font-size: 11px;
}
.toolbar .toolbar-right[data-v-26a985cd] {
    gap: 6px;
}
.toolbar .toolbar-right .el-input[data-v-26a985cd] {
    width: 140px;
}
.toolbar .toolbar-right .el-input .el-input__inner[data-v-26a985cd] {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}
.toolbar .toolbar-right .el-button-group .el-button[data-v-26a985cd] {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
}
.toolbar .toolbar-right .el-button-group .el-button i[data-v-26a985cd] {
    font-size: 11px;
}
.image-content[data-v-26a985cd] {
    padding: 12px;
}
.image-grid[data-v-26a985cd] {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
}
.image-item .image-name[data-v-26a985cd] {
    font-size: 11px;
    margin-top: 6px;
}
.image-list .list-image[data-v-26a985cd] {
    width: 60px;
    height: 60px;
}
}
@media screen and (max-width: 480px) {
.toolbar .toolbar-left[data-v-26a985cd] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.toolbar .toolbar-right[data-v-26a985cd] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.toolbar .toolbar-right .el-input[data-v-26a985cd] {
    width: 100%;
    margin-bottom: 6px;
}
.image-grid[data-v-26a985cd] {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 10px;
}
.image-item .image-wrapper .image-overlay[data-v-26a985cd] {
    display: block;
    top: 3px;
    right: 3px;
}
.image-item .image-name[data-v-26a985cd] {
    font-size: 10px;
}
}
.app-container[data-v-eb37050c] {
  background-color: #f9fafb;
}
.product-table[data-v-eb37050c], .order-table[data-v-eb37050c] {
  --el-table-header-bg-color: #f3f4f6;
  --el-table-border-color: #e5e7eb;
  --el-table-header-text-color: #374151;
  --el-table-text-color: #4b5563;
}
.product-table[data-v-eb37050c] th.el-table__cell, .order-table[data-v-eb37050c] th.el-table__cell {
  font-weight: 600;
}
.product-table[data-v-eb37050c] .el-table__body td.el-table__cell, .order-table[data-v-eb37050c] .el-table__body td.el-table__cell {
  padding: 12px;
}
.product-table[data-v-eb37050c] .el-image-viewer__wrapper {
  background-color: rgba(0, 0, 0, 0.8);
}

/* 订单表格样式优化 */
.order-table[data-v-eb37050c] .el-button--small {
  padding: 6px 12px;
}
.order-table[data-v-eb37050c] .el-tag {
  border-radius: 4px;
}

.filter-container[data-v-34665690] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-34665690] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.el-card[data-v-dd50e732] {
  border-radius: 8px;
}
.el-table[data-v-dd50e732] {
  border-radius: 8px;
  overflow: hidden;
}

.level-selection[data-v-23e3a9a9] {
  max-height: 400px;
  overflow-y: auto;
}
.level-group[data-v-23e3a9a9] {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.level-title[data-v-23e3a9a9] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #333;
}
.level-group .el-checkbox-group[data-v-23e3a9a9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.level-group .el-checkbox[data-v-23e3a9a9] {
  margin-right: 0;
}
.level-header[data-v-23e3a9a9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.level-header .level-title[data-v-23e3a9a9] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
}

.grade-info[data-v-66e67127] {
  line-height: 1.5;
}
.filter-container[data-v-66e67127] {
  border-bottom: 1px solid #e4e7ed;
  padding-bottom: 16px;
}
.flex[data-v-66e67127] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.items-center[data-v-66e67127] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mr-4[data-v-66e67127] {
  margin-right: 16px;
}
.mb-4[data-v-66e67127] {
  margin-bottom: 16px;
}

/* 抽屉样式 */
.edit-staff-drawer[data-v-079df9ec] .el-drawer__body {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.edit-staff-drawer[data-v-079df9ec] .el-drawer__header {
  margin-bottom: 0;
  padding: 20px;
  border-bottom: 1px solid #ebeef5;
}

/* 表单样式 */
.edit-staff-drawer .el-form[data-v-079df9ec] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* 减小表单项间距 */
.edit-staff-drawer .el-form-item[data-v-079df9ec] {
  margin-bottom: 12px;
}

/* 减小行间距 */
.edit-staff-drawer .el-row[data-v-079df9ec] {
  margin-bottom: 0;
}
.edit-staff-drawer .el-col[data-v-079df9ec] {
  padding-top: 0;
  padding-bottom: 0;
}

/* 底部按钮区域 */
.drawer-footer[data-v-079df9ec] {
  padding: 15px 0 0 0;
  text-align: right;
  border-top: 1px solid #ebeef5;
  margin-top: 10px;
}
.level-selection[data-v-079df9ec] {
  max-height: 400px;
  overflow-y: auto;
}
.level-header[data-v-079df9ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebeef5;
}
.level-group[data-v-079df9ec] {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.level-title[data-v-079df9ec] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #333;
}
.level-group .el-radio-group[data-v-079df9ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.level-group .el-radio[data-v-079df9ec] {
  margin-right: 0;
}

/* 抽屉样式 */
.qrcode-drawer[data-v-e214630c] .el-drawer__body {
  padding: 20px;
  overflow-y: auto;
}
.qr-content[data-v-e214630c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 120px);
  gap: 24px;
}
.qr-left[data-v-e214630c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #eee;
  padding-right: 24px;
}
.qr-image[data-v-e214630c] {
  width: 160px;
  height: 160px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin-bottom: 16px;
}
.qr-tip[data-v-e214630c] {
  margin: 16px 0 8px;
  color: #666;
  font-size: 14px;
}
.qr-subtitle[data-v-e214630c] {
  margin: 0 0 32px;
  color: #999;
  font-size: 12px;
}
.qr-instructions[data-v-e214630c] {
  width: 100%;
}
.instructions-title[data-v-e214630c] {
  margin-bottom: 16px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.instruction-list[data-v-e214630c] {
  margin-bottom: 32px;
}
.instruction-item[data-v-e214630c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}
.bullet[data-v-e214630c] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #409EFF;
  margin-right: 8px;
  margin-top: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-preview[data-v-e214630c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.preview-header[data-v-e214630c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.preview-header h3[data-v-e214630c] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.preview-form[data-v-e214630c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 12px;
  background: #fafafa;
}
.store-info[data-v-e214630c] {
  margin-bottom: 10px;
}

/* 减小表单项间距 */
.preview-form .el-form-item[data-v-e214630c] {
  margin-bottom: 10px;
}

/* 减小行间距 */
.preview-form .el-row[data-v-e214630c] {
  margin-bottom: 0;
}
.preview-form .el-col[data-v-e214630c] {
  padding-top: 0;
  padding-bottom: 0;
}
.store-name[data-v-e214630c] {
  font-weight: 500;
  color: #333;
}
.level-selection[data-v-e214630c] {
  max-height: 400px;
  overflow-y: auto;
}
.level-header[data-v-e214630c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebeef5;
}
.level-header .level-title[data-v-e214630c] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
}
.level-group[data-v-e214630c] {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.level-title[data-v-e214630c] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #333;
}
.level-group .el-radio-group[data-v-e214630c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.level-group .el-radio[data-v-e214630c] {
  margin-right: 0;
}

/* 响应式样式 */
@media (max-width: 768px) {
.qr-content[data-v-e214630c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: 16px;
}
.qr-left[data-v-e214630c] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding-right: 0;
    padding-bottom: 16px;
}
.qr-image[data-v-e214630c] {
    width: 150px;
    height: 150px;
}
}
@media (min-width: 769px) and (max-width: 1200px) {
.qr-left[data-v-e214630c] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
}
}

/* ==================== 页面根元素 ==================== */
.staff-page[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  overflow: hidden;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 强制覆盖全局 app-container 样式 */
.app-container.staff-page[data-v-319bc93c] {
  padding: 10px 5px 0 5px !important;
  margin: 0 !important;
  background: #fff;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  height: 100% !important;
}

/* 确保 staff-page 内部所有直接子元素也没有外边距 */
.app-container.staff-page > *[data-v-319bc93c] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 表格包装器 - 占据剩余空间 ==================== */
.table-wrapper[data-v-319bc93c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}

/* ==================== 搜索工具栏区域 - 优化为单行自适应 ==================== */
.search-toolbar-container[data-v-319bc93c] {
  padding: 8px 5px;
  background: #fff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 !important;
}
.search-toolbar[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  min-height: 28px;
  white-space: nowrap;
}

/* 左侧筛选区域 */
.search-toolbar-left[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* 右侧按钮区域 */
.search-toolbar-right[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 门店选择按钮 - 固定高度28px */
.store-select-btn[data-v-319bc93c] {
  width: 130px;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.store-select-btn .el-icon-arrow-down[data-v-319bc93c] {
  font-size: 12px;
  margin-left: 4px;
}

/* 搜索输入框 - 固定高度28px */
.search-input[data-v-319bc93c] {
  width: 180px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-input[data-v-319bc93c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 30px;
  font-size: 12px;
}
.search-input[data-v-319bc93c] .el-input__prefix {
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.search-input[data-v-319bc93c] .el-icon-search {
  font-size: 13px;
}

/* 状态单选按钮组 - 固定高度28px */
.status-radio-group[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.status-radio-group[data-v-319bc93c] .el-radio-button__inner {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}

/* 操作按钮 - 固定高度28px */
.action-btn[data-v-319bc93c] {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-btn i[data-v-319bc93c] {
  font-size: 12px;
}

/* 批量操作下拉 */
.batch-dropdown[data-v-319bc93c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 选中条数提示样式 ==================== */
.selection-info[data-v-319bc93c] {
  padding: 4px 16px;
  font-size: 12px;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 28px;
}
.selection-content[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.selection-text[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.total-count[data-v-319bc93c] {
  color: var(--theme-color);
  font-weight: bold;
}
.selection-count[data-v-319bc93c] {
  color: #e6a23c;
  font-weight: bold;
}
.select-all-link[data-v-319bc93c] {
  color: var(--theme-color);
  cursor: pointer;
  text-decoration: underline;
}
.select-all-link[data-v-319bc93c]:hover {
  color: var(--theme-color-dark);
}

/* ==================== 表格区域样式 ==================== */
.staff-table-container[data-v-319bc93c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.staff-table-container.no-shadow[data-v-319bc93c] {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 表格样式优化 */
.staff-table-container[data-v-319bc93c] .el-table {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.staff-table-container[data-v-319bc93c] .el-table th {
  padding: 6px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.staff-table-container[data-v-319bc93c] .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
.staff-table-container[data-v-319bc93c] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
}

/* 表格列内容不换行 */
.staff-table-container[data-v-319bc93c] .el-table .cell,
.staff-table-container[data-v-319bc93c] .el-table th > .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 链接文字样式 - 姓名列固定蓝色 */
.link-text[data-v-319bc93c] {
  color: #409EFF;
  cursor: pointer;
  font-size: 12px;
}
.link-text[data-v-319bc93c]:hover {
  text-decoration: underline;
}

/* 员工级别信息 */
.grade-info[data-v-319bc93c] {
  font-size: 12px;
  line-height: 1.4;
}
.grade-info > div[data-v-319bc93c] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 状态标签 */
.staff-table-container[data-v-319bc93c] .el-tag {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* ==================== 分页组件样式 - 固定在底部 ==================== */
.staff-page[data-v-319bc93c] .pagination-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination {
  font-size: 12px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination__total,
.staff-page[data-v-319bc93c] .pagination-container .el-pagination__jump {
  font-size: 12px;
  margin: 0 8px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination .el-select .el-input {
  width: 90px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination .el-select .el-input__inner {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination button,
.staff-page[data-v-319bc93c] .pagination-container .el-pagination span:not([class*="suffix"]) {
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  font-size: 12px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination__editor {
  height: 24px;
  line-height: 24px;
  padding: 0 4px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination__editor.el-input {
  width: 40px;
}
.staff-page[data-v-319bc93c] .pagination-container .el-pagination__editor.el-input .el-input__inner {
  height: 24px;
  line-height: 24px;
  padding: 0 2px;
  font-size: 12px;
}

/* ==================== 员工详情弹窗样式 ==================== */
.staff-detail[data-v-319bc93c] {
  padding: 12px;
}
.detail-header[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.detail-title[data-v-319bc93c] {
  font-weight: 500;
  color: var(--theme-color);
  font-size: 13px;
}
.close-icon[data-v-319bc93c] {
  cursor: pointer;
  color: #999;
  font-size: 14px;
}
.close-icon[data-v-319bc93c]:hover {
  color: #666;
}
.detail-content[data-v-319bc93c] {
  font-size: 12px;
}
.detail-item[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  line-height: 1.4;
}
.label[data-v-319bc93c] {
  color: #999;
  width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
}
.value[data-v-319bc93c] {
  color: #333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.value-with-action[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.password-input[data-v-319bc93c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.password-input[data-v-319bc93c] .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.password-edit-area[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.password-actions[data-v-319bc93c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 6px;
  gap: 6px;
}
.action-buttons[data-v-319bc93c] {
  margin-left: 4px;
}
.action-buttons .el-button[data-v-319bc93c] {
  padding: 0;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.search-toolbar-left[data-v-319bc93c] {
    gap: 12px;
}
.search-toolbar-right[data-v-319bc93c] {
    gap: 10px;
}
.store-select-btn[data-v-319bc93c] {
    width: 140px;
}
.search-input[data-v-319bc93c] {
    width: 200px;
}
.status-radio-group[data-v-319bc93c] .el-radio-button__inner {
    padding: 0 16px;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.search-toolbar-left[data-v-319bc93c] {
    gap: 8px;
}
.search-toolbar-right[data-v-319bc93c] {
    gap: 8px;
}
.store-select-btn[data-v-319bc93c] {
    width: 130px;
}
.search-input[data-v-319bc93c] {
    width: 180px;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.search-toolbar-left[data-v-319bc93c] {
    gap: 6px;
}
.search-toolbar-right[data-v-319bc93c] {
    gap: 6px;
}
.store-select-btn[data-v-319bc93c] {
    width: 120px;
}
.search-input[data-v-319bc93c] {
    width: 160px;
}
.status-radio-group[data-v-319bc93c] .el-radio-button__inner {
    padding: 0 10px;
}
.action-btn[data-v-319bc93c] {
    padding: 0 8px;
}
}

/* 平板屏幕（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
.search-toolbar[data-v-319bc93c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.search-toolbar-left[data-v-319bc93c] {
    width: 100%;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.search-toolbar-right[data-v-319bc93c] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 6px;
}
.store-select-btn[data-v-319bc93c] {
    width: 120px;
}
.search-input[data-v-319bc93c] {
    width: 160px;
}
}

/* 手机屏幕（< 768px） */
@media (max-width: 767px) {
.search-toolbar-container[data-v-319bc93c] {
    padding: 8px 12px;
}
.search-toolbar[data-v-319bc93c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
}
.search-toolbar-left[data-v-319bc93c] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.search-toolbar-right[data-v-319bc93c] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.store-select-btn[data-v-319bc93c] {
    width: 100%;
}
.search-input[data-v-319bc93c] {
    width: 100%;
    min-width: 140px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.status-radio-group[data-v-319bc93c] {
    width: 100%;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.status-radio-group[data-v-319bc93c] .el-radio-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.status-radio-group[data-v-319bc93c] .el-radio-button__inner {
    width: 100%;
    padding: 0 8px;
    font-size: 11px;
}
.action-btn[data-v-319bc93c] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.selection-info[data-v-319bc93c] {
    height: auto;
    padding: 6px 12px;
    font-size: 11px;
}
.selection-content[data-v-319bc93c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
}
}

/* ==================== 工具类 ==================== */
.cursor-pointer[data-v-319bc93c] {
  cursor: pointer;
}
.underline[data-v-319bc93c] {
  text-decoration: underline;
}
.text-orange-500[data-v-319bc93c] {
  color: #e6a23c;
}
.text-blue-500[data-v-319bc93c] {
  color: var(--theme-color);
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-319bc93c] {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 单选按钮组 */
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    -webkit-box-shadow: -1px 0 0 0 var(--theme-color);
            box-shadow: -1px 0 0 0 var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

.filter-container[data-v-240839de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ==================== 页面根元素 ==================== */
.grade-page[data-v-1eccbf64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 10px 5px 0 5px !important;
  margin: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 头部区域 ==================== */
.grade-header[data-v-1eccbf64] {
  padding: 12px 16px;
  background-color: #fff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header-content[data-v-1eccbf64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  min-height: 28px;
  white-space: nowrap;
}
.page-title[data-v-1eccbf64] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin: 0;
  white-space: nowrap;
}
.header-actions[data-v-1eccbf64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 操作按钮 - 固定高度28px */
.action-btn[data-v-1eccbf64] {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn i[data-v-1eccbf64] {
  font-size: 12px;
}

/* ==================== 表格容器 ==================== */
.grade-table-container[data-v-1eccbf64] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 表格样式 ==================== */
.grade-table[data-v-1eccbf64] {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.grade-table[data-v-1eccbf64] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.grade-table[data-v-1eccbf64] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.grade-table[data-v-1eccbf64] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
}

/* 表格列内容不换行 */
.grade-table[data-v-1eccbf64] .el-table .cell,
.grade-table[data-v-1eccbf64] .el-table th > .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 表格操作按钮 - 固定高度24px */
.table-action-btn[data-v-1eccbf64] {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.table-action-btn i[data-v-1eccbf64] {
  font-size: 11px;
}

/* 标签样式 */
.grade-table[data-v-1eccbf64] .el-tag {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* ==================== 分页组件样式 ==================== */
.grade-page[data-v-1eccbf64] .pagination-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.header-content[data-v-1eccbf64] {
    gap: 16px;
}
.header-actions[data-v-1eccbf64] {
    gap: 10px;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.header-content[data-v-1eccbf64] {
    gap: 12px;
}
.header-actions[data-v-1eccbf64] {
    gap: 8px;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.header-content[data-v-1eccbf64] {
    gap: 10px;
}
.header-actions[data-v-1eccbf64] {
    gap: 6px;
}
.action-btn[data-v-1eccbf64] {
    padding: 0 10px;
}
}

/* 平板屏幕（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
.header-content[data-v-1eccbf64] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.header-actions[data-v-1eccbf64] {
    gap: 6px;
}
.action-btn[data-v-1eccbf64] {
    padding: 0 8px;
    font-size: 11px;
}
}

/* 手机屏幕（< 768px） */
@media (max-width: 767px) {
.grade-header[data-v-1eccbf64] {
    padding: 8px 12px;
}
.header-content[data-v-1eccbf64] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
}
.page-title[data-v-1eccbf64] {
    font-size: 14px;
}
.header-actions[data-v-1eccbf64] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.action-btn[data-v-1eccbf64] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 120px;
}
.grade-table[data-v-1eccbf64] .el-table__header-wrapper th,
  .grade-table[data-v-1eccbf64] .el-table__body-wrapper td {
    padding: 6px 0;
    font-size: 11px;
}
.grade-table[data-v-1eccbf64] .el-table .cell {
    padding: 0 4px;
}
}

/* 级别名称样式 - 黑色 */
.grade-name[data-v-1eccbf64] {
  color: #303133;
  font-weight: 500;
}

/* ==================== 全局主题颜色覆盖 ==================== */
.grade-page[data-v-1eccbf64]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 - 边框主题色，背景透明 */
.el-table__body tr.current-row > td {
    background-color: transparent !important;
    border-top: 2px solid var(--theme-color) !important;
    border-bottom: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:first-child {
    border-left: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:last-child {
    border-right: 2px solid var(--theme-color) !important;
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

/* ==================== 抽屉样式 ==================== */
.stock-in-drawer[data-v-56592c93] .el-drawer__header {
  padding: 12px 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.stock-in-drawer[data-v-56592c93] .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.stock-in-drawer[data-v-56592c93] .el-drawer__body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 60vh;
  overflow: hidden;
}

/* ==================== 抽屉内容区域 ==================== */
.drawer-content[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 明确左右布局：左侧商品列表、右侧入库单 */
.drawer-body[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  padding: 16px;
}

/* ==================== 左侧面板（商品列表） ==================== */
.left-panel[data-v-56592c93] {
  width: 45%;
  min-width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.panel-header[data-v-56592c93] {
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-input[data-v-56592c93] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 搜索框左侧图标垂直居中 */
.search-input[data-v-56592c93] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  left: 8px;
}
.search-input[data-v-56592c93] .el-input__prefix .el-input__icon {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel-body[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

/* 分类和商品左右布局 */
.category-product-wrapper[data-v-56592c93] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  gap: 0;
}

/* 左侧分类按钮栏 */
.category-sidebar[data-v-56592c93] {
  width: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  padding-right: 2px;
}
.category-btn[data-v-56592c93] {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.5px;
  padding: 6px 2px;
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  cursor: pointer;
  font-size: 11px;
  color: #606266;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.category-btn[data-v-56592c93]:hover {
  background-color: #ecf5ff;
  border-color: #409eff;
  color: #409eff;
}
.category-btn.active[data-v-56592c93] {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
}

/* 右侧商品表格 */
.product-table-wrapper[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.product-table[data-v-56592c93] {
  font-size: 12px;
  height: 100%;
}
.empty-tip[data-v-56592c93] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: #909399;
  font-size: 13px;
}
.product-table[data-v-56592c93] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.product-table[data-v-56592c93] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.product-table[data-v-56592c93] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
}
.expand-content[data-v-56592c93] {
  padding: 8px 12px;
}
.sub-table[data-v-56592c93] {
  font-size: 12px;
}
.sub-table[data-v-56592c93] .el-table__header-wrapper th {
  padding: 6px 0;
  font-size: 11px;
  background-color: #fafafa;
}
.sub-table[data-v-56592c93] .el-table__body-wrapper td {
  padding: 6px 0;
  font-size: 11px;
}
.add-btn[data-v-56592c93] {
  height: 24px;
  width: 24px;
  padding: 0;
  font-size: 12px;
}

/* 商品名称链接样式 */
.product-name-link[data-v-56592c93] {
  color: #409EFF;
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}
.product-name-link[data-v-56592c93]:hover {
  color: #66b1ff;
}

/* ==================== 右侧面板（入库单） ==================== */
.right-panel[data-v-56592c93] {
  width: 55%;
  min-width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* ==================== 入库单卡片 - 高端立体设计 ==================== */
.order-card[data-v-56592c93] {
  position: relative;
  border-radius: 12px;
  padding: 16px;
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  /* 多层阴影创造立体感 */
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.03),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.03),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  /* 边框使用渐变 */
  border: 1px solid transparent;
  background-clip: padding-box;
}

/* 卡片顶部高光效果 */
.order-card[data-v-56592c93]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.8)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}

/* 卡片内边距装饰线 */
.order-card[data-v-56592c93]::after {
  content: '';
  position: absolute;
  top: 50px;
  left: 16px;
  right: 16px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e8e8e8), color-stop(80%, #e8e8e8), to(transparent));
  background: linear-gradient(90deg, transparent, #e8e8e8 20%, #e8e8e8 80%, transparent);
  pointer-events: none;
}
.card-title[data-v-56592c93] {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1a1a1a;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* 文字渐变效果 */
  background: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 字母间距增加高级感 */
  letter-spacing: 0.5px;
  /* 左侧装饰条 */
  padding-left: 12px;
  position: relative;
}

/* 标题左侧装饰条 */
.card-title[data-v-56592c93]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#409eff), to(#66b1ff));
  background: linear-gradient(180deg, #409eff 0%, #66b1ff 100%);
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}

/* 标题右侧装饰 */
.card-title[data-v-56592c93]::after {
  content: 'INBOUND';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  font-weight: 500;
  color: #c0c4cc;
  letter-spacing: 2px;
  background: none;
  -webkit-text-fill-color: #c0c4cc;
}

/* ==================== 入库单表格区域 ==================== */
.order-table-wrapper[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.02),
    0 1px 2px rgba(0, 0, 0, 0.01);
          box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.02),
    0 1px 2px rgba(0, 0, 0, 0.01);
  border: 1px solid #f0f0f0;
  margin-left: 5px;
  margin-right: 5px;
}

/* 表格整体样式 */
.order-table[data-v-56592c93] {
  font-size: 12px;
}

/* 表格头部样式 */
.order-table[data-v-56592c93] .el-table__header-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), to(#f5f7fa));
  background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
}
.order-table[data-v-56592c93] .el-table__header-wrapper th {
  background: transparent;
  color: #606266;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #ebeef5;
  padding: 4px 0;
  height: 28px;
  line-height: 28px;
}
.order-table[data-v-56592c93] .el-table__header-wrapper .cell {
  line-height: 20px;
}

/* 表格行样式 */
.order-table[data-v-56592c93] .el-table__body-wrapper tr {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.order-table[data-v-56592c93] .el-table__body-wrapper tr:hover {
  background: -webkit-gradient(linear, left top, right top, from(#f5f7fa), to(#ffffff));
  background: linear-gradient(90deg, #f5f7fa 0%, #ffffff 100%);
  -webkit-box-shadow: inset 0 1px 0 #ebeef5, inset 0 -1px 0 #ebeef5;
          box-shadow: inset 0 1px 0 #ebeef5, inset 0 -1px 0 #ebeef5;
}

/* 表格单元格样式 */
.order-table[data-v-56592c93] .el-table__body-wrapper td {
  border-bottom: 1px solid #f0f0f0;
}

/* 表格底部统计区域 */
.order-table[data-v-56592c93] .el-table__footer-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f7fa), to(#fafbfc));
  background: linear-gradient(180deg, #f5f7fa 0%, #fafbfc 100%);
  border-top: 1px solid #ebeef5;
}

/* 合并的表格样式 */
.order-table[data-v-56592c93] {
  font-size: 12px;
  height: 100%;
}
.order-table[data-v-56592c93] .el-table__header-wrapper th {
  padding: 4px 0;
  font-size: 11px;
  font-weight: 600;
  color: #606266;
  background-color: #f5f7fa;
  height: 28px;
  line-height: 28px;
}
.order-table[data-v-56592c93] .el-table__header-wrapper .cell {
  line-height: 20px;
}
.order-table[data-v-56592c93] .el-table__body-wrapper td {
  padding: 6px 0;
  font-size: 12px;
}
.order-table[data-v-56592c93] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
}
.quantity-input[data-v-56592c93],
.price-input[data-v-56592c93] {
  width: 90px;
}
.quantity-input[data-v-56592c93] .el-input__inner,
.price-input[data-v-56592c93] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}
.amount-text[data-v-56592c93] {
  font-weight: 600;
  color: #f56c6c;
}

/* 商品名称单元格 - 包含删除图标 */
.product-name-cell[data-v-56592c93] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
.delete-icon-btn[data-v-56592c93] {
  padding: 0;
  font-size: 14px;
  color: #f56c6c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
  margin-left: 5px;
  height: 20px;
  width: 20px;
}
.delete-icon-btn[data-v-56592c93]:hover {
  color: #f78989;
}
.product-name-text[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 表单字段 ==================== */
.form-fields[data-v-56592c93] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid #ebeef5;
  padding-top: 12px;
}
.form-item[data-v-56592c93] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.form-item[data-v-56592c93]:last-child {
  margin-bottom: 0;
}
.form-label[data-v-56592c93] {
  width: 90px;
  font-size: 12px;
  color: #606266;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-label.required[data-v-56592c93]::before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
}
.form-value[data-v-56592c93] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.form-value.highlight[data-v-56592c93] {
  color: #f56c6c;
}
.type-select[data-v-56592c93] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.type-select[data-v-56592c93] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.remark-input[data-v-56592c93] .el-textarea__inner {
  font-size: 12px;
}

/* ==================== 抽屉底部 ==================== */
.drawer-footer[data-v-56592c93] {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.drawer-footer .el-button[data-v-56592c93] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.stock-in-drawer[data-v-56592c93] .el-drawer {
    width: 80% !important;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.stock-in-drawer[data-v-56592c93] .el-drawer {
    width: 80% !important;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.stock-in-drawer[data-v-56592c93] .el-drawer {
    width: 85% !important;
}
}

/* 平板屏幕（768px - 991px）仍保持左商品右入库单，仅缩小面板最小宽度 */
@media (min-width: 768px) and (max-width: 991px) {
.stock-in-drawer[data-v-56592c93] .el-drawer {
    width: 100% !important;
}
.drawer-body[data-v-56592c93] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px;
}
.left-panel[data-v-56592c93] {
    width: 42%;
    min-width: 220px;
}
.right-panel[data-v-56592c93] {
    width: 58%;
    min-width: 260px;
}
}

/* 仅手机窄屏（< 768px）改为上下布局：上商品列表，下入库单 */
@media (max-width: 767px) {
.stock-in-drawer[data-v-56592c93] .el-drawer {
    width: 100% !important;
}
.stock-in-drawer[data-v-56592c93] .el-drawer__header {
    padding: 10px 12px;
}
.drawer-body[data-v-56592c93] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px;
    gap: 8px;
}
.left-panel[data-v-56592c93],
  .right-panel[data-v-56592c93] {
    width: 100%;
    min-width: 0;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 200px;
}
.left-panel[data-v-56592c93] {
    margin-bottom: 0;
}
.panel-header[data-v-56592c93] {
    margin-bottom: 8px;
}
.order-card[data-v-56592c93] {
    padding: 12px;
    border-radius: 8px;
    -webkit-box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.02),
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 4px 8px rgba(0, 0, 0, 0.03);
            box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.02),
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 4px 8px rgba(0, 0, 0, 0.03);
}
.order-card[data-v-56592c93]::after {
    top: 42px;
    left: 12px;
    right: 12px;
}
.card-title[data-v-56592c93] {
    font-size: 14px;
    margin-bottom: 16px;
    padding-left: 10px;
}
.card-title[data-v-56592c93]::before {
    width: 3px;
    height: 14px;
}
.card-title[data-v-56592c93]::after {
    font-size: 9px;
    letter-spacing: 1px;
}
.form-fields[data-v-56592c93] {
    padding-top: 8px;
}
.form-item[data-v-56592c93] {
    margin-bottom: 8px;
}
.form-label[data-v-56592c93] {
    width: 80px;
    font-size: 11px;
}
.form-value[data-v-56592c93] {
    font-size: 13px;
}
.drawer-footer[data-v-56592c93] {
    padding: 10px 12px;
}
.product-table[data-v-56592c93] .el-table__header-wrapper th,
  .product-table[data-v-56592c93] .el-table__body-wrapper td,
  .order-table[data-v-56592c93] .el-table__header-wrapper th,
  .order-table[data-v-56592c93] .el-table__body-wrapper td {
    padding: 6px 0;
    font-size: 11px;
}
.sub-table[data-v-56592c93] .el-table__header-wrapper th,
  .sub-table[data-v-56592c93] .el-table__body-wrapper td {
    padding: 4px 0;
    font-size: 10px;
}
.quantity-input[data-v-56592c93],
  .price-input[data-v-56592c93] {
    width: 100%;
}
.quantity-input[data-v-56592c93] .el-input__inner,
  .price-input[data-v-56592c93] .el-input__inner {
    height: 26px;
    line-height: 26px;
    padding-left: 4px;
    padding-right: 4px;
}

  /* 小屏幕下分类按钮水平显示 */
.category-product-wrapper[data-v-56592c93] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
}
.category-sidebar[data-v-56592c93] {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 4px;
    gap: 4px;
}
.category-btn[data-v-56592c93] {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-orientation: mixed;
    letter-spacing: 0;
    padding: 4px 8px;
    min-height: auto;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 11px;
    border-radius: 3px;
}
.product-table-wrapper[data-v-56592c93] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
}

/* 超小屏幕（< 480px） */
@media (max-width: 479px) {
.category-btn[data-v-56592c93] {
    padding: 4px 8px;
    font-size: 11px;
}

  /* 商品表格小屏幕适配 */
.product-table[data-v-56592c93] .el-table__header-wrapper th,
  .product-table[data-v-56592c93] .el-table__body-wrapper td {
    padding: 4px 2px;
    font-size: 10px;
}
.product-table[data-v-56592c93] .el-table .cell {
    padding: 0 2px;
}

  /* 入库单表格小屏幕适配 */
.order-table[data-v-56592c93] .el-table__header-wrapper th {
    padding: 2px 0;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
}
.order-table[data-v-56592c93] .el-table__header-wrapper .cell {
    line-height: 18px;
}
.order-table[data-v-56592c93] .el-table__body-wrapper td {
    padding: 4px 2px;
    font-size: 10px;
}
.order-table[data-v-56592c93] .el-table .cell {
    padding: 0 2px;
}
.delete-icon-btn[data-v-56592c93] {
    font-size: 12px;
    height: 16px;
    width: 16px;
    margin-left: 2px;
    margin-right: 2px;
}
.product-name-text[data-v-56592c93] {
    font-size: 11px;
}
}

/* 平板端入库单表格适配 */
@media (min-width: 768px) and (max-width: 991px) {
.order-table[data-v-56592c93] .el-table__header-wrapper th {
    padding: 4px 0;
    font-size: 10px;
    height: 26px;
    line-height: 26px;
}
.order-table[data-v-56592c93] .el-table__header-wrapper .cell {
    line-height: 18px;
}
.order-table[data-v-56592c93] .el-table__body-wrapper td {
    padding: 6px 4px;
    font-size: 11px;
}
}

/* 大屏幕入库单表格 */
@media (min-width: 1200px) {
.order-table[data-v-56592c93] .el-table__header-wrapper th,
  .order-table[data-v-56592c93] .el-table__body-wrapper td {
    padding: 8px 6px;
}
}

/* 表格列宽自适应 */
.order-table[data-v-56592c93] .el-table__body-wrapper .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 输入框在表格中的自适应 */
.order-table[data-v-56592c93] .el-input {
  width: 100%;
}
.order-table[data-v-56592c93] .el-input__inner {
  width: 100%;
  min-width: 60px;
}

.audit-content[data-v-23ce51cd] {
  padding: 20px;
}
.text-center[data-v-23ce51cd] {
  text-align: center;
}
.mb-20[data-v-23ce51cd] {
  margin-bottom: 20px;
}
.button-group[data-v-23ce51cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}

.detail-content[data-v-4fee6471] {
  padding: 20px;
}
.info-grid[data-v-4fee6471] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.info-item[data-v-4fee6471] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.info-label[data-v-4fee6471] {
  color: #909399;
  font-size: 14px;
  margin-bottom: 5px;
}
.info-value[data-v-4fee6471] {
  font-weight: 500;
}
.products-section[data-v-4fee6471] {
  margin-bottom: 30px;
}
.section-title[data-v-4fee6471] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.remark-section[data-v-4fee6471] {
  margin-top: 20px;
}
.remark-content[data-v-4fee6471] {
  background-color: #f5f7fa;
  padding: 15px;
  border-radius: 4px;
  min-height: 60px;
}

/* ==================== 页面根元素 ==================== */
.stock-in-page[data-v-92ea3d1c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 10px 5px 0 5px !important;
  margin: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 搜索筛选区域 ==================== */
.filter-container[data-v-92ea3d1c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 28px;
  white-space: nowrap;
}
.filter-left[data-v-92ea3d1c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}
.filter-right[data-v-92ea3d1c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-92ea3d1c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 全局按钮样式 - 固定高度28px（与goodAllot.vue保持一致） */
.stock-in-page[data-v-92ea3d1c] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stock-in-page[data-v-92ea3d1c] .el-button [class*="el-icon-"] {
  font-size: 12px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 搜索输入框 - 固定高度28px */
.search-input[data-v-92ea3d1c] {
  width: 180px;
}
.search-input[data-v-92ea3d1c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 30px;
  font-size: 12px;
}
.search-input[data-v-92ea3d1c] .el-input__prefix {
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.search-input[data-v-92ea3d1c] .el-icon-search {
  font-size: 13px;
}

/* 选择器 - 固定高度28px */
.type-select[data-v-92ea3d1c],
.status-select[data-v-92ea3d1c] {
  width: 110px;
}
.type-select[data-v-92ea3d1c] .el-input__inner,
.status-select[data-v-92ea3d1c] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 入库方式/审核状态 右侧下拉箭头垂直居中 */
.type-select[data-v-92ea3d1c] .el-input__suffix,
.status-select[data-v-92ea3d1c] .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.type-select[data-v-92ea3d1c] .el-input__suffix [class*="el-icon-"],
.status-select[data-v-92ea3d1c] .el-input__suffix [class*="el-icon-"] {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 操作按钮 - 固定高度28px */
.action-btn[data-v-92ea3d1c] {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn i[data-v-92ea3d1c] {
  font-size: 12px;
}

/* ==================== 表格区域 ==================== */
.stock-in-table[data-v-92ea3d1c] {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.stock-in-table[data-v-92ea3d1c] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.stock-in-table[data-v-92ea3d1c] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.stock-in-table[data-v-92ea3d1c] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
}

/* 表格列内容不换行 */
.stock-in-table[data-v-92ea3d1c] .el-table .cell,
.stock-in-table[data-v-92ea3d1c] .el-table th > .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 链接文字 */
.link-text[data-v-92ea3d1c] {
  color: var(--theme-color);
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}
.link-text[data-v-92ea3d1c]:hover {
  color: var(--theme-color-dark);
}

/* 状态标签 */
.status-tag[data-v-92ea3d1c] {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* 省略号 */
.ellipsis[data-v-92ea3d1c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 操作按钮样式 ==================== */
.action-buttons[data-v-92ea3d1c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  white-space: nowrap;
}
.table-action-btn[data-v-92ea3d1c] {
  height: 24px;
  padding: 0 6px;
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

/* ==================== 分页组件样式 ==================== */
.stock-in-page[data-v-92ea3d1c] .pagination-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.filter-left[data-v-92ea3d1c] {
    gap: 10px;
}
.filter-right[data-v-92ea3d1c] {
    gap: 10px;
}
.search-input[data-v-92ea3d1c] {
    width: 200px;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.filter-left[data-v-92ea3d1c] {
    gap: 8px;
}
.filter-right[data-v-92ea3d1c] {
    gap: 8px;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.filter-left[data-v-92ea3d1c] {
    gap: 6px;
}
.filter-right[data-v-92ea3d1c] {
    gap: 6px;
}
.search-input[data-v-92ea3d1c] {
    width: 160px;
}
.type-select[data-v-92ea3d1c],
  .status-select[data-v-92ea3d1c] {
    width: 100px;
}
.action-btn[data-v-92ea3d1c] {
    padding: 0 8px;
}
}

/* 平板屏幕（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
.filter-container[data-v-92ea3d1c] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-left[data-v-92ea3d1c] {
    width: 100%;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-right[data-v-92ea3d1c] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}

/* 手机屏幕（< 768px） */
@media (max-width: 767px) {
.filter-container[data-v-92ea3d1c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
    padding: 8px 12px;
}
.filter-left[data-v-92ea3d1c] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.filter-right[data-v-92ea3d1c] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.search-input[data-v-92ea3d1c],
  .type-select[data-v-92ea3d1c],
  .status-select[data-v-92ea3d1c] {
    width: 100%;
    min-width: 120px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
}

/* ==================== 全局主题颜色覆盖 ==================== */
.stock-in-page[data-v-92ea3d1c]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 - 边框主题色，背景透明 */
.el-table__body tr.current-row > td {
    background-color: transparent !important;
    border-top: 2px solid var(--theme-color) !important;
    border-bottom: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:first-child {
    border-left: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:last-child {
    border-right: 2px solid var(--theme-color) !important;
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

/* ==================== 抽屉样式 ==================== */
.stock-out-drawer[data-v-d42fc50a] .el-drawer__header {
  padding: 12px 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #ebeef5;
}
.stock-out-drawer[data-v-d42fc50a] .el-drawer__header span {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.stock-out-drawer[data-v-d42fc50a] .el-drawer__body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 60vh;
  overflow: hidden;
}

/* ==================== 抽屉内容区域 ==================== */
.drawer-content[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 明确左右布局：左侧商品列表、右侧出库单 */
.drawer-body[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  padding: 16px;
}

/* ==================== 左侧面板（商品列表） ==================== */
.left-panel[data-v-d42fc50a] {
  width: 45%;
  min-width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.panel-header[data-v-d42fc50a] {
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-input[data-v-d42fc50a] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 搜索框左侧图标垂直居中 */
.search-input[data-v-d42fc50a] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  left: 8px;
}
.search-input[data-v-d42fc50a] .el-input__prefix .el-input__icon {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel-body[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

/* 分类和商品左右布局 */
.category-product-wrapper[data-v-d42fc50a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  gap: 0;
}

/* 左侧分类按钮栏 */
.category-sidebar[data-v-d42fc50a] {
  width: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  padding-right: 2px;
}
.category-btn[data-v-d42fc50a] {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.5px;
  padding: 6px 2px;
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  cursor: pointer;
  font-size: 11px;
  color: #606266;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.category-btn[data-v-d42fc50a]:hover {
  background-color: #ecf5ff;
  border-color: #409eff;
  color: #409eff;
}
.category-btn.active[data-v-d42fc50a] {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
}

/* 右侧商品表格 */
.product-table-wrapper[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.product-table[data-v-d42fc50a] {
  font-size: 12px;
  height: 100%;
}
.empty-tip[data-v-d42fc50a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: #909399;
  font-size: 13px;
}

/* ==================== 右侧面板（出库单） ==================== */
.right-panel[data-v-d42fc50a] {
  width: 55%;
  min-width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* ==================== 出库单卡片 - 高端立体设计 ==================== */
.order-card[data-v-d42fc50a] {
  position: relative;
  border-radius: 12px;
  padding: 16px 5px;
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  /* 多层阴影创造立体感 */
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.03),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 4px 8px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.03),
    0 16px 32px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  /* 边框使用渐变 */
  border: 1px solid transparent;
  background-clip: padding-box;
}

/* 卡片顶部高光效果 */
.order-card[data-v-d42fc50a]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.8)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}

/* 卡片内边距装饰线 */
.order-card[data-v-d42fc50a]::after {
  content: '';
  position: absolute;
  top: 50px;
  left: 5px;
  right: 5px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e8e8e8), color-stop(80%, #e8e8e8), to(transparent));
  background: linear-gradient(90deg, transparent, #e8e8e8 20%, #e8e8e8 80%, transparent);
  pointer-events: none;
}
.card-title[data-v-d42fc50a] {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1a1a1a;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* 文字渐变效果 */
  background: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* 字母间距增加高级感 */
  letter-spacing: 0.5px;
  /* 左侧装饰条 */
  padding-left: 12px;
  position: relative;
}

/* 标题左侧装饰条 */
.card-title[data-v-d42fc50a]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6a23c), to(#ebb563));
  background: linear-gradient(180deg, #e6a23c 0%, #ebb563 100%);
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(230, 162, 60, 0.3);
          box-shadow: 0 2px 4px rgba(230, 162, 60, 0.3);
}

/* 标题右侧装饰 */
.card-title[data-v-d42fc50a]::after {
  content: 'OUTBOUND';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  font-weight: 500;
  color: #c0c4cc;
  letter-spacing: 2px;
  background: none;
  -webkit-text-fill-color: #c0c4cc;
}

/* ==================== 出库单表格区域 ==================== */
.order-table-wrapper[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.02),
    0 1px 2px rgba(0, 0, 0, 0.01);
          box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.02),
    0 1px 2px rgba(0, 0, 0, 0.01);
  border: 1px solid #f0f0f0;
  margin-left: 5px;
  margin-right: 5px;
}

/* 表格整体样式 */
.order-table[data-v-d42fc50a] {
  font-size: 12px;
  height: 100%;
}

/* 表格头部样式 */
.order-table[data-v-d42fc50a] .el-table__header-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), to(#f5f7fa));
  background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
}
.order-table[data-v-d42fc50a] .el-table__header-wrapper th {
  background: transparent;
  color: #606266;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #ebeef5;
  padding: 4px 0;
  height: 28px;
  line-height: 28px;
}
.order-table[data-v-d42fc50a] .el-table__header-wrapper .cell {
  line-height: 20px;
}

/* 表格行样式 */
.order-table[data-v-d42fc50a] .el-table__body-wrapper tr {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.order-table[data-v-d42fc50a] .el-table__body-wrapper tr:hover {
  background: -webkit-gradient(linear, left top, right top, from(#f5f7fa), to(#ffffff));
  background: linear-gradient(90deg, #f5f7fa 0%, #ffffff 100%);
  -webkit-box-shadow: inset 0 1px 0 #ebeef5, inset 0 -1px 0 #ebeef5;
          box-shadow: inset 0 1px 0 #ebeef5, inset 0 -1px 0 #ebeef5;
}

/* 表格单元格样式 */
.order-table[data-v-d42fc50a] .el-table__body-wrapper td {
  border-bottom: 1px solid #f0f0f0;
}

/* 表格底部统计区域 */
.order-table[data-v-d42fc50a] .el-table__footer-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f7fa), to(#fafbfc));
  background: linear-gradient(180deg, #f5f7fa 0%, #fafbfc 100%);
  border-top: 1px solid #ebeef5;
}

/* 合并的表格样式 */
.order-table[data-v-d42fc50a] {
  font-size: 12px;
  height: 100%;
}
.order-table[data-v-d42fc50a] .el-table__header-wrapper th {
  padding: 4px 0;
  font-size: 11px;
  font-weight: 600;
  color: #606266;
  background-color: #f5f7fa;
  height: 28px;
  line-height: 28px;
}
.order-table[data-v-d42fc50a] .el-table__header-wrapper .cell {
  line-height: 20px;
}
.order-table[data-v-d42fc50a] .el-table__body-wrapper td {
  padding: 6px 0;
  font-size: 12px;
}

/* 商品名称单元格 - 包含删除图标 */
.product-name-cell[data-v-d42fc50a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
.delete-icon-btn[data-v-d42fc50a] {
  padding: 0;
  font-size: 14px;
  color: #f56c6c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
  margin-left: 5px;
  height: 20px;
  width: 20px;
}
.delete-icon-btn[data-v-d42fc50a]:hover {
  color: #f78989;
}
.product-name-text[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quantity-input[data-v-d42fc50a],
.price-input[data-v-d42fc50a] {
  width: 90px;
}
.quantity-input[data-v-d42fc50a] .el-input__inner,
.price-input[data-v-d42fc50a] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}
.amount-text[data-v-d42fc50a] {
  font-weight: 600;
  color: #f56c6c;
}

/* ==================== 表单字段 ==================== */
.form-fields[data-v-d42fc50a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid #ebeef5;
  padding-top: 12px;
}
.form-item[data-v-d42fc50a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.form-item[data-v-d42fc50a]:last-child {
  margin-bottom: 0;
}
.form-label[data-v-d42fc50a] {
  width: 90px;
  font-size: 12px;
  color: #606266;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-label.required[data-v-d42fc50a]::before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
}
.form-value[data-v-d42fc50a] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.form-value.highlight[data-v-d42fc50a] {
  color: #f56c6c;
}
.type-select[data-v-d42fc50a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.type-select[data-v-d42fc50a] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.remark-input[data-v-d42fc50a] .el-textarea__inner {
  font-size: 12px;
}

/* ==================== 抽屉底部 ==================== */
.drawer-footer[data-v-d42fc50a] {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.drawer-footer .el-button[data-v-d42fc50a] {
  height: 28px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.stock-out-drawer[data-v-d42fc50a] .el-drawer {
    width: 80% !important;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.stock-out-drawer[data-v-d42fc50a] .el-drawer {
    width: 80% !important;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.stock-out-drawer[data-v-d42fc50a] .el-drawer {
    width: 85% !important;
}
}

/* 平板屏幕（768px - 991px）仍保持左商品右出库单，仅缩小面板最小宽度 */
@media (min-width: 768px) and (max-width: 991px) {
.stock-out-drawer[data-v-d42fc50a] .el-drawer {
    width: 100% !important;
}
.drawer-body[data-v-d42fc50a] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px;
}
.left-panel[data-v-d42fc50a] {
    width: 42%;
    min-width: 220px;
}
.right-panel[data-v-d42fc50a] {
    width: 58%;
    min-width: 260px;
}

  /* 小屏幕下分类按钮水平显示 */
.category-product-wrapper[data-v-d42fc50a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
}
.category-sidebar[data-v-d42fc50a] {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 4px;
    gap: 4px;
}
.category-btn[data-v-d42fc50a] {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-orientation: mixed;
    letter-spacing: 0;
    padding: 4px 8px;
    min-height: auto;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 11px;
    border-radius: 3px;
}
.product-table-wrapper[data-v-d42fc50a] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

  /* 平板端出库单表格适配 */
.order-table[data-v-d42fc50a] .el-table__header-wrapper th {
    padding: 4px 0;
    font-size: 10px;
    height: 26px;
    line-height: 26px;
}
.order-table[data-v-d42fc50a] .el-table__header-wrapper .cell {
    line-height: 18px;
}
.order-table[data-v-d42fc50a] .el-table__body-wrapper td {
    padding: 6px 4px;
    font-size: 11px;
}
}

/* 仅手机窄屏（< 768px）改为上下布局：上商品列表，下出库单 */
@media (max-width: 767px) {
.stock-out-drawer[data-v-d42fc50a] .el-drawer {
    width: 100% !important;
}
.stock-out-drawer[data-v-d42fc50a] .el-drawer__header {
    padding: 10px 12px;
}
.drawer-body[data-v-d42fc50a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px;
    gap: 8px;
}
.left-panel[data-v-d42fc50a],
  .right-panel[data-v-d42fc50a] {
    width: 100%;
    min-width: 0;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 200px;
}
.left-panel[data-v-d42fc50a] {
    margin-bottom: 0;
}
.panel-header[data-v-d42fc50a] {
    margin-bottom: 8px;
}

  /* 小屏幕下分类按钮水平显示 */
.category-product-wrapper[data-v-d42fc50a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
}
.category-sidebar[data-v-d42fc50a] {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 4px;
    gap: 4px;
}
.category-btn[data-v-d42fc50a] {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-orientation: mixed;
    letter-spacing: 0;
    padding: 4px 8px;
    min-height: auto;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 11px;
    border-radius: 3px;
}
.product-table-wrapper[data-v-d42fc50a] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.order-card[data-v-d42fc50a] {
    padding: 12px 5px;
    border-radius: 8px;
    -webkit-box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.02),
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 4px 8px rgba(0, 0, 0, 0.03);
            box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.02),
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 4px 8px rgba(0, 0, 0, 0.03);
}
.order-card[data-v-d42fc50a]::after {
    top: 42px;
    left: 5px;
    right: 5px;
}
.card-title[data-v-d42fc50a] {
    font-size: 14px;
    margin-bottom: 16px;
    padding-left: 10px;
}
.card-title[data-v-d42fc50a]::before {
    width: 3px;
    height: 14px;
}
.card-title[data-v-d42fc50a]::after {
    font-size: 9px;
    letter-spacing: 1px;
}
.form-fields[data-v-d42fc50a] {
    padding-top: 8px;
}
.form-item[data-v-d42fc50a] {
    margin-bottom: 8px;
}
.form-label[data-v-d42fc50a] {
    width: 80px;
    font-size: 11px;
}
.form-value[data-v-d42fc50a] {
    font-size: 13px;
}
.drawer-footer[data-v-d42fc50a] {
    padding: 10px 12px;
}
.quantity-input[data-v-d42fc50a],
  .price-input[data-v-d42fc50a] {
    width: 100%;
}
.quantity-input[data-v-d42fc50a] .el-input__inner,
  .price-input[data-v-d42fc50a] .el-input__inner {
    height: 26px;
    line-height: 26px;
    padding-left: 4px;
    padding-right: 4px;
}

  /* 出库单表格小屏幕适配 */
.order-table[data-v-d42fc50a] .el-table__header-wrapper th {
    padding: 2px 0;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
}
.order-table[data-v-d42fc50a] .el-table__header-wrapper .cell {
    line-height: 18px;
}
.order-table[data-v-d42fc50a] .el-table__body-wrapper td {
    padding: 4px 2px;
    font-size: 10px;
}
.order-table[data-v-d42fc50a] .el-table .cell {
    padding: 0 2px;
}
.delete-icon-btn[data-v-d42fc50a] {
    font-size: 12px;
    height: 16px;
    width: 16px;
    margin-left: 2px;
    margin-right: 2px;
}
.product-name-text[data-v-d42fc50a] {
    font-size: 11px;
}
}

/* 超小屏幕（< 480px） */
@media (max-width: 479px) {
.category-btn[data-v-d42fc50a] {
    padding: 4px 8px;
    font-size: 11px;
}

  /* 商品表格小屏幕适配 */
.product-table[data-v-d42fc50a] .el-table__header-wrapper th,
  .product-table[data-v-d42fc50a] .el-table__body-wrapper td {
    padding: 4px 2px;
    font-size: 10px;
}
.product-table[data-v-d42fc50a] .el-table .cell {
    padding: 0 2px;
}
}

/* 表格列宽自适应 */
.order-table[data-v-d42fc50a] .el-table__body-wrapper .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 输入框在表格中的自适应 */
.order-table[data-v-d42fc50a] .el-input {
  width: 100%;
}
.order-table[data-v-d42fc50a] .el-input__inner {
  width: 100%;
  min-width: 60px;
}

/* 大屏幕出库单表格 */
@media (min-width: 1200px) {
.order-table[data-v-d42fc50a] .el-table__header-wrapper th,
  .order-table[data-v-d42fc50a] .el-table__body-wrapper td {
    padding: 8px 6px;
}
}

.audit-content[data-v-1ab31dc1] {
  padding: 20px;
}
.text-center[data-v-1ab31dc1] {
  text-align: center;
}
.mb-20[data-v-1ab31dc1] {
  margin-bottom: 20px;
}
.button-group[data-v-1ab31dc1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}

.detail-content[data-v-aa552e66] {
  padding: 20px;
}
.info-grid[data-v-aa552e66] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
.info-item[data-v-aa552e66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.info-label[data-v-aa552e66] {
  color: #909399;
  font-size: 14px;
  margin-bottom: 5px;
}
.info-value[data-v-aa552e66] {
  font-weight: 500;
}
.products-section[data-v-aa552e66] {
  margin-bottom: 30px;
}
.section-title[data-v-aa552e66] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.remark-section[data-v-aa552e66] {
  margin-top: 20px;
}
.remark-content[data-v-aa552e66] {
  background-color: #f5f7fa;
  padding: 15px;
  border-radius: 4px;
  min-height: 60px;
}

/* ==================== 页面根元素 ==================== */
.stock-out-page[data-v-12c3693a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 10px 5px 0 5px !important;
  margin: 0 !important;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== 搜索筛选区域 ==================== */
.filter-container[data-v-12c3693a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 28px;
  white-space: nowrap;
}
.filter-left[data-v-12c3693a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}
.filter-right[data-v-12c3693a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-item[data-v-12c3693a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 全局按钮样式 - 固定高度28px，图标垂直居中 */
.stock-out-page[data-v-12c3693a] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stock-out-page[data-v-12c3693a] .el-button [class*="el-icon-"] {
  font-size: 12px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 搜索输入框 - 固定高度28px */
.search-input[data-v-12c3693a] {
  width: 180px;
}
.search-input[data-v-12c3693a] .el-input__inner {
  height: 28px;
  line-height: 28px;
  padding-left: 30px;
  font-size: 12px;
}
.search-input[data-v-12c3693a] .el-input__prefix {
  left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.search-input[data-v-12c3693a] .el-icon-search {
  font-size: 13px;
}

/* 选择器 - 固定高度28px */
.type-select[data-v-12c3693a],
.status-select[data-v-12c3693a] {
  width: 110px;
}
.type-select[data-v-12c3693a] .el-input__inner,
.status-select[data-v-12c3693a] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/* 出库方式/审核状态 右侧下拉箭头垂直居中 */
.type-select[data-v-12c3693a] .el-input__suffix,
.status-select[data-v-12c3693a] .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.type-select[data-v-12c3693a] .el-input__suffix [class*="el-icon-"],
.status-select[data-v-12c3693a] .el-input__suffix [class*="el-icon-"] {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 操作按钮 - 固定高度28px */
.action-btn[data-v-12c3693a] {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn i[data-v-12c3693a] {
  font-size: 12px;
}

/* ==================== 表格区域 ==================== */
.stock-out-table[data-v-12c3693a] {
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.stock-out-table[data-v-12c3693a] .el-table__header-wrapper th {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  background-color: #f5f7fa;
}
.stock-out-table[data-v-12c3693a] .el-table__body-wrapper td {
  padding: 8px 0;
  font-size: 12px;
}
.stock-out-table[data-v-12c3693a] .el-table .cell {
  line-height: 1.4;
  padding: 0 8px;
}

/* 表格列内容不换行 */
.stock-out-table[data-v-12c3693a] .el-table .cell,
.stock-out-table[data-v-12c3693a] .el-table th > .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 链接文字 */
.link-text[data-v-12c3693a] {
  color: var(--theme-color);
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}
.link-text[data-v-12c3693a]:hover {
  color: var(--theme-color-dark);
}

/* 状态标签 */
.status-tag[data-v-12c3693a] {
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
}

/* 省略号 */
.ellipsis[data-v-12c3693a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 操作按钮样式 ==================== */
.action-buttons[data-v-12c3693a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  white-space: nowrap;
}
.table-action-btn[data-v-12c3693a] {
  height: 24px;
  padding: 0 6px;
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

/* ==================== 分页组件样式 ==================== */
.stock-out-page[data-v-12c3693a] .pagination-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 响应式适配 ==================== */

/* 大屏幕（>= 1400px） */
@media (min-width: 1400px) {
.filter-left[data-v-12c3693a] {
    gap: 10px;
}
.filter-right[data-v-12c3693a] {
    gap: 10px;
}
.search-input[data-v-12c3693a] {
    width: 200px;
}
}

/* 中等屏幕（1200px - 1399px） */
@media (min-width: 1200px) and (max-width: 1399px) {
.filter-left[data-v-12c3693a] {
    gap: 8px;
}
.filter-right[data-v-12c3693a] {
    gap: 8px;
}
}

/* 小屏幕（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
.filter-left[data-v-12c3693a] {
    gap: 6px;
}
.filter-right[data-v-12c3693a] {
    gap: 6px;
}
.search-input[data-v-12c3693a] {
    width: 160px;
}
.type-select[data-v-12c3693a],
  .status-select[data-v-12c3693a] {
    width: 100px;
}
.action-btn[data-v-12c3693a] {
    padding: 0 8px;
}
}

/* 平板屏幕（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
.filter-container[data-v-12c3693a] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-left[data-v-12c3693a] {
    width: 100%;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.filter-right[data-v-12c3693a] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}

/* 手机屏幕（< 768px） */
@media (max-width: 767px) {
.filter-container[data-v-12c3693a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
    padding: 8px 12px;
}
.filter-left[data-v-12c3693a] {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.filter-right[data-v-12c3693a] {
    width: 100%;
    gap: 6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.search-input[data-v-12c3693a],
  .type-select[data-v-12c3693a],
  .status-select[data-v-12c3693a] {
    width: 100%;
    min-width: 120px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.action-btn[data-v-12c3693a] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100px;
}
.stock-out-table[data-v-12c3693a] .el-table__header-wrapper th,
  .stock-out-table[data-v-12c3693a] .el-table__body-wrapper td {
    padding: 6px 0;
    font-size: 11px;
}
.stock-out-table[data-v-12c3693a] .el-table .cell {
    padding: 0 4px;
}
}

/* ==================== 全局主题颜色覆盖 ==================== */
.stock-out-page[data-v-12c3693a]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 表格当前行 - 边框主题色，背景透明 */
.el-table__body tr.current-row > td {
    background-color: transparent !important;
    border-top: 2px solid var(--theme-color) !important;
    border-bottom: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:first-child {
    border-left: 2px solid var(--theme-color) !important;
}
.el-table__body tr.current-row > td:last-child {
    border-right: 2px solid var(--theme-color) !important;
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

.filter-container[data-v-5078addc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-5078addc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.el-dialog-div[data-v-52baa289] {
  max-height: 60vh;
  overflow-y: auto;
}

.el-dialog-div[data-v-48e54af8] {
  max-height: 60vh;
  overflow-y: auto;
}

.filter-container[data-v-26a3cfd0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-items[data-v-26a3cfd0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 客户联想搜索样式（参考 PaymentCheckout.vue） */
.customer-suggestion-item[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.customer-suggestion-item .name[data-v-a6ab6a68] {
  font-weight: 500;
  color: #303133;
}
.customer-suggestion-item .phone[data-v-a6ab6a68] {
  color: #909399;
  font-size: 12px;
}
.no-data-tip[data-v-a6ab6a68] {
  text-align: center;
  color: #909399;
  padding: 12px 0;
  font-size: 14px;
}

/* 新客户预约按钮样式 - 防止文字换行 */
.new-customer-btn[data-v-a6ab6a68] {
  white-space: nowrap !important;
  min-width: 100px;
  width: auto;
}

/* 新客户预约弹窗输入框统一样式 */
.new-customer-dialog .form-input[data-v-a6ab6a68] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-customer-dialog .form-input[data-v-a6ab6a68]:focus {
  outline: none;
  border-color: #3b82f6;
  -webkit-box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* 基础样式 */
.appointment-page[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  background: #ffffff;
  color: #606266;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  padding: 10px 5px 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.toolbar[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 0 10px 0;
  border-bottom: none;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btn[data-v-a6ab6a68] {
  background: #f4f4f5;
  border: 1px solid #dcdfe6;
  padding: 0 12px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #606266;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
}
.btn[data-v-a6ab6a68]:hover {
  background: #e4e7ed;
  border-color: #c0c4cc;
}
.btn.primary[data-v-a6ab6a68] {
  background: #409eff;
  border-color: #409eff;
  color: #fff;
}
.btn.primary[data-v-a6ab6a68]:hover {
  background: #66b1ff;
  border-color: #66b1ff;
}
.btn.ghost[data-v-a6ab6a68] {
  background: #f4f4f5;
  border-color: #dcdfe6;
  color: #606266;
}
.btn.ghost[data-v-a6ab6a68]:hover {
  background: #e4e7ed;
  border-color: #c0c4cc;
}
.btn.danger[data-v-a6ab6a68] {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}
.btn.danger[data-v-a6ab6a68]:hover {
  background: #f78989;
  border-color: #f78989;
}
.btn.danger[data-v-a6ab6a68]:active {
  background: #f56c6c;
}
.btn.small[data-v-a6ab6a68] { padding: 0 10px; font-size: 11px; height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.btn.mini[data-v-a6ab6a68] { padding: 0 6px; font-size: 10px; border-radius: 4px; height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.date-input[data-v-a6ab6a68] {
  padding: 0 8px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}
.date-input[data-v-a6ab6a68]:focus {
  outline: none;
  border-color: #409eff;
}

/* 预约表格已移除 */

/* 弹窗通用 */
.dialog-mask[data-v-a6ab6a68] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog[data-v-a6ab6a68] { width: 720px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.15); box-shadow: 0 2px 12px rgba(0,0,0,0.15); overflow: hidden;
}
.dialog.large[data-v-a6ab6a68] { width: 880px;
}
.dialog.medium[data-v-a6ab6a68] { width: 500px;
}
.dialog-header[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #ebeef5; background: #f8fafc;
}
.dialog-header .title[data-v-a6ab6a68] { font-weight: 600; color: #303133; font-size: 14px;
}
.dialog-header .search[data-v-a6ab6a68] { margin-left: auto; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 8px; background: #fff; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; height: 28px; line-height: 26px; font-size: 12px;
}
.dialog-header .search[data-v-a6ab6a68]:focus { outline: none; border-color: #409eff;
}
.close[data-v-a6ab6a68] { margin-left: auto; background: transparent; border: none; font-size: 18px; cursor: pointer; color: #909399; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; width: 24px; height: 24px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.close[data-v-a6ab6a68]:hover { background: #f5f7fa; color: #606266;
}
.tabs[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}
.tab[data-v-a6ab6a68] { padding: 0 12px; border: 1px solid #dcdfe6; background: #f4f4f5; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 12px; color: #606266; height: 28px; line-height: 26px;
}
.tab[data-v-a6ab6a68]:hover { background: #e4e7ed; border-color: #c0c4cc;
}
.tab.active[data-v-a6ab6a68] { background: #409eff; border-color: #409eff; color: #fff;
}
.dialog-body[data-v-a6ab6a68] {
  padding: 16px;
  max-height: 85vh;
  overflow: auto;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 响应式调整 */
@media (max-width: 768px) {
.dialog-mask[data-v-a6ab6a68] {
    padding: 10px;
}
.dialog-body[data-v-a6ab6a68] {
    padding: 16px;
    max-height: 90vh;
}
.dialog[data-v-a6ab6a68] {
    width: 100%;
    max-width: 100%;
}
.dialog.large[data-v-a6ab6a68] {
    width: 100%;
}
.dialog.medium[data-v-a6ab6a68] {
    width: 100%;
}
.dialog-header[data-v-a6ab6a68] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    padding: 16px;
}
.dialog-header .search[data-v-a6ab6a68] {
    margin-left: 0;
    width: 100%;
}
.close[data-v-a6ab6a68] {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: -48px;
}
.tabs[data-v-a6ab6a68] {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.tab[data-v-a6ab6a68] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
}
.form-row[data-v-a6ab6a68] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.form-row label[data-v-a6ab6a68] {
    width: 100%;
    padding-top: 0;
}
.field[data-v-a6ab6a68] {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.field input[type="text"][data-v-a6ab6a68],
  .field input[type="date"][data-v-a6ab6a68],
  .field select[data-v-a6ab6a68],
  .field textarea[data-v-a6ab6a68] {
    width: 100%;
}
.with-clear input[data-v-a6ab6a68] {
    width: 100%;
}
.dialog-footer[data-v-a6ab6a68] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.dialog-footer button[data-v-a6ab6a68] {
    width: 100%;
}
}
.tip[data-v-a6ab6a68] { color: #909399; margin-bottom: 12px; padding: 8px 12px; background: #f5f7fa; border-radius: 4px; font-size: 12px;
}
.form-row[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 12px; gap: 10px;
}
.form-row label[data-v-a6ab6a68] { width: 80px; color: #606266; font-weight: 500; padding-top: 6px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px;
}
.field[data-v-a6ab6a68] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.field input[type="text"][data-v-a6ab6a68], .field input[type="date"][data-v-a6ab6a68], .field select[data-v-a6ab6a68], .field textarea[data-v-a6ab6a68] { border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 8px; background: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 12px; height: 28px; line-height: 26px;
}
.field input[data-v-a6ab6a68]:focus, .field select[data-v-a6ab6a68]:focus, .field textarea[data-v-a6ab6a68]:focus { outline: none; border-color: #409eff;
}
.field textarea[data-v-a6ab6a68] { width: 100%; resize: vertical; min-height: 60px; height: auto; padding: 8px;
}
.with-clear[data-v-a6ab6a68] { position: relative;
}
.with-clear input[data-v-a6ab6a68] { width: 240px; padding-right: 32px;
}
.with-clear .clear[data-v-a6ab6a68] { position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #dcdfe6; background: #f5f7fa; width: 22px; height: 22px; border-radius: 50%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 11px;
}
.with-clear .clear[data-v-a6ab6a68]:hover { background: #e4e7ed; color: #606266;
}
.selected-projects[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.tag[data-v-a6ab6a68] { background: #ecf5ff; color: #409eff; border: 1px solid #d9ecff; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500;
}
.total-duration[data-v-a6ab6a68] { margin-top: 8px; padding: 4px 8px; background: #67c23a; color: white; border-radius: 4px; font-weight: 500; font-size: 12px;
}
.dialog-footer[data-v-a6ab6a68] { padding: 12px 16px; border-top: 1px solid #ebeef5; background: #f8fafc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px;
}

/* 项目选择弹窗布局 */
.dialog-body.projects[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; height: 400px;
}
.project-cates[data-v-a6ab6a68] { width: 160px; border-right: 1px solid #ebeef5; background: #f8fafc; border-radius: 4px; padding: 8px;
}
.cate[data-v-a6ab6a68] { padding: 8px 12px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #606266; font-weight: 500; margin-bottom: 4px; font-size: 12px;
}
.cate[data-v-a6ab6a68]:hover { background: #e4e7ed; color: #606266;
}
.cate.active[data-v-a6ab6a68] { background: #409eff; color: #fff;
}
.project-list[data-v-a6ab6a68] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; background: #fff; border-radius: 4px; padding: 12px;
}
.project-group[data-v-a6ab6a68] { margin-bottom: 16px;
}
.group-title[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; margin-bottom: 10px; color: #303133; font-size: 13px; padding-bottom: 6px; border-bottom: 1px solid #ebeef5;
}
.project-cards[data-v-a6ab6a68] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px;
}
.project-item[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #ebeef5; background: #fafafa;
}
.project-item[data-v-a6ab6a68]:hover { background: #f5f7fa; border-color: #dcdfe6;
}
.pname[data-v-a6ab6a68] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #303133; font-weight: 500; font-size: 12px;
}
.duration[data-v-a6ab6a68] { color: #f56c6c; font-weight: 600; background: #fef0f0; padding: 2px 6px; border-radius: 4px; font-size: 11px;
}

/* 项目卡片样式 */
.project-card[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 6px;
}
.project-card[data-v-a6ab6a68]:hover {
  border-color: #409eff;
}
.project-card.selected[data-v-a6ab6a68] {
  border-color: #409eff;
  background: #ecf5ff;
}
.card-checkbox input[type="checkbox"][data-v-a6ab6a68] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  cursor: pointer;
}
.project-card.selected .card-checkbox input[type="checkbox"][data-v-a6ab6a68] {
  background: #409eff;
  border-color: #409eff;
}
.card-content[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-title[data-v-a6ab6a68] {
  font-weight: 600;
  color: #303133;
  margin-bottom: 4px;
  font-size: 12px;
}
.card-duration[data-v-a6ab6a68] {
  color: #f56c6c;
  font-weight: 600;
  font-size: 12px;
}

/* 预约配置弹窗扩展样式 */
.dialog.xlarge[data-v-a6ab6a68] {
  width: 95vw;
  max-width: 1200px;
  min-width: 320px;
  margin: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ==================== 预约配置抽屉样式（Element UI Drawer） ==================== */
.appointment-config-drawer .el-drawer__body[data-v-a6ab6a68] {
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

/* 抽屉内容区域 - 可滚动 */
.drawer-content[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 0 5px;
}

/* 抽屉标签页 */
.drawer-tabs[data-v-a6ab6a68] {
  height: 100%;
}
.drawer-tabs .el-tabs__content[data-v-a6ab6a68] {
  height: calc(100% - 55px);
  overflow-y: auto;
}
.appointment-config-drawer .el-tabs__header[data-v-a6ab6a68] {
  margin-bottom: 0;
  padding: 0 5px;
  border-bottom: 1px solid #ebeef5;
}

/* 项目分类标签 */
.category-tabs[data-v-a6ab6a68] {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
}
.category-tabs .el-radio-group[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.category-tabs .el-radio-button__inner[data-v-a6ab6a68] {
  padding: 6px 12px;
  font-size: 12px;
}

/* 表格包装器 */
.config-table-wrapper[data-v-a6ab6a68] {
  margin-bottom: 15px;
  width: 100%;
  overflow-x: auto;
}

/* 表格自适应 */
.config-table-wrapper .el-table[data-v-a6ab6a68] {
  width: 100% !important;
}

/* 表格列自适应 */
.config-table-wrapper .el-table__header-wrapper[data-v-a6ab6a68],
.config-table-wrapper .el-table__body-wrapper[data-v-a6ab6a68] {
  overflow-x: auto;
}

/* 小屏幕下表格字体缩小 */
@media (max-width: 768px) {
.config-table-wrapper .el-table[data-v-a6ab6a68] {
    font-size: 11px;
}
.config-table-wrapper .el-table .el-table__cell[data-v-a6ab6a68] {
    padding: 4px 2px;
}
.config-table-wrapper .el-input__inner[data-v-a6ab6a68] {
    padding: 0 4px;
    font-size: 11px;
}
.config-table-wrapper .el-select .el-input__inner[data-v-a6ab6a68] {
    padding-right: 15px;
}
}

/* 时长单位 */
.duration-unit[data-v-a6ab6a68] {
  color: #909399;
  font-size: 11px;
  margin-left: 2px;
}

/* 设置表单 */
.settings-form[data-v-a6ab6a68] {
  padding: 15px 0;
}
.settings-form .el-form-item[data-v-a6ab6a68] {
  margin-bottom: 12px;
}

/* 时间段列表 */
.slot-list[data-v-a6ab6a68] {
  margin-top: 10px;
}
.slot-row[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}

/* 抽屉底部固定区域 */
.drawer-footer-fixed[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 5px;
  border-top: 1px solid #ebeef5;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.drawer-footer-fixed .el-pagination[data-v-a6ab6a68] {
  margin: 0;
}

/* Element UI 表格样式优化 */
.appointment-config-drawer .el-table[data-v-a6ab6a68] {
  font-size: 12px;
}
.appointment-config-drawer .el-table th[data-v-a6ab6a68] {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 6px 0;
}
.appointment-config-drawer .el-table td[data-v-a6ab6a68] {
  padding: 4px 0;
}
.appointment-config-drawer .el-table .cell[data-v-a6ab6a68] {
  line-height: 1.3;
  white-space: nowrap;
  padding: 0 4px;
}

/* 下拉菜单链接样式 */
.el-dropdown-link[data-v-a6ab6a68] {
  cursor: pointer;
  color: #606266;
  font-weight: 600;
  font-size: 12px;
}
.el-dropdown-link[data-v-a6ab6a68]:hover {
  color: #409eff;
}
.el-dropdown-link .el-icon--right[data-v-a6ab6a68] {
  font-size: 11px;
  margin-left: 2px;
}

/* 抽屉标题样式 */
.appointment-config-drawer .el-drawer__header[data-v-a6ab6a68] {
  margin-bottom: 0;
  padding: 15px 5px;
  border-bottom: 1px solid #ebeef5;
}

/* 响应式优化 */
@media (max-width: 768px) {
.appointment-config-drawer[data-v-a6ab6a68] {
    width: 100% !important;
}
}

/* 响应式调整 */
@media (max-width: 768px) {
.pagination[data-v-a6ab6a68] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pagination .muted[data-v-a6ab6a68] {
    width: 100%;
    text-align: center;
    margin: 6px 0;
}
.pagination button.btn.primary[data-v-a6ab6a68] {
    width: 100%;
    margin-top: 6px;
}
}
.pagination .page[data-v-a6ab6a68] { padding: 0 10px; border-radius: 4px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #606266; height: 28px; line-height: 26px; font-size: 12px;
}
.pagination .page[data-v-a6ab6a68]:hover { background: #f5f7fa; border-color: #c0c4cc;
}
.pagination .page.active[data-v-a6ab6a68] { background: #409eff; color: #fff; border-color: #409eff;
}
.pagination .muted[data-v-a6ab6a68] { color: #909399; margin-left: 12px; font-size: 12px;
}

/* 设置表单样式 */
.settings-form .field.column[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.checkbox-inline[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkbox-inline input[type="checkbox"][data-v-a6ab6a68] {
  margin: 0;
}
.slot-list[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: #f8fafc;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  overflow-x: auto;
}
.slot-row[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* 响应式调整 */
@media (max-width: 768px) {
.slot-row[data-v-a6ab6a68] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.settings-form .form-row[data-v-a6ab6a68] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.settings-form .field[data-v-a6ab6a68] {
    width: 100%;
}
.settings-form input[type="time"][data-v-a6ab6a68] {
    width: 100%;
    margin: 4px 0;
}
}
.slot-row[data-v-a6ab6a68]:hover { border-color: #cbd5e1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.slot-row .num[data-v-a6ab6a68] { width: 80px; border: 1px solid #cbd5e1; border-radius: 6px; padding: 8px 12px; background: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.slot-row .num[data-v-a6ab6a68]:focus { outline: none; border-color: #3b82f6; -webkit-box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* 开关样式优化 */
.switch[data-v-a6ab6a68] { position: relative; display: inline-block; width: 48px; height: 24px;
}
.switch input[data-v-a6ab6a68] { opacity: 0; width: 0; height: 0;
}
.slider[data-v-a6ab6a68] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #cbd5e1; -webkit-transition: .3s; transition: .3s; border-radius: 999px;
}
.slider[data-v-a6ab6a68]:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; top: 3px; background: white; -webkit-transition: .3s; transition: .3s; border-radius: 50%; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.switch input:checked + .slider[data-v-a6ab6a68] { background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}
.switch input:checked + .slider[data-v-a6ab6a68]:before { -webkit-transform: translateX(24px); transform: translateX(24px);
}

/* 员工级别选择弹窗样式 */
.staff-level-selection[data-v-a6ab6a68] { padding: 12px;
}
.level-list[data-v-a6ab6a68] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.level-item[data-v-a6ab6a68] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px; border: 1px solid #ebeef5; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background: #fff;
}
.level-item[data-v-a6ab6a68]:hover { background: #f5f7fa; border-color: #dcdfe6;
}
.level-item input[type="checkbox"][data-v-a6ab6a68] { margin: 0; width: 14px; height: 14px; border-radius: 3px; border: 1px solid #dcdfe6; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.level-item input[type="checkbox"][data-v-a6ab6a68]:checked { background: #409eff; border-color: #409eff;
}

/* 预约表格样式 */
.appointment-container[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin: 0;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  height: 100%;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  border: none;
  margin-left: 0;
  width: 100%;
  padding: 10px 5px 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.appointment-table-wrapper[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* 单层垂直滚动：左侧员工列与右侧时间列同步 */
.appointment-scroll[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.appointment-scroll-inner[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}

/* 员工名称列（固定）：与右侧时间列同高，列表区撑满剩余高度 */
.fixed-column[data-v-a6ab6a68] {
  width: 180px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-right: 1px solid #ebeef5;
  background: #ffffff;
  z-index: 10;
  -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.staff-header[data-v-a6ab6a68] {
  padding: 8px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #ebeef5;
  font-weight: 600;
  color: #606266;
  font-size: 12px;
  text-align: center;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.staff-list[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  background: #ffffff;
}
.staff-item[data-v-a6ab6a68] {
  padding: 0;
  border-bottom: 1px solid #ebeef5;
  font-weight: 500;
  color: #606266;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: #ffffff;
  overflow: visible;
  font-size: 12px;
}

/* 同一员工的中间行不显示底部边框 */
.staff-item.no-bottom-border[data-v-a6ab6a68] {
  border-bottom: none !important;
}
.staff-item[data-v-a6ab6a68]:hover {
  background: #f8fafc;
}
.staff-item.is-vacation[data-v-a6ab6a68] {
  background: #fdf6ec;
  opacity: 0.8;
}
.staff-name-wrapper[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  padding: 8px 6px;
  border-right: 1px solid #ebeef5;
  min-width: 120px;
  max-width: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.staff-name[data-v-a6ab6a68] {
  font-weight: 600;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}
.staff-name-text[data-v-a6ab6a68] {
  color: #409eff;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.staff-name-text[data-v-a6ab6a68]:hover {
  color: #66b1ff;
}
.staff-number[data-v-a6ab6a68] {
  font-size: 9px;
  color: #909399;
  background: #f5f7fa;
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: 500;
  border: 1px solid #e4e7ed;
}
.staff-name-placeholder[data-v-a6ab6a68] {
  min-width: 100px;
  max-width: 100px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  background: #ffffff;
}
.staff-level[data-v-a6ab6a68] {
  font-size: 11px;
  color: #606266;
  background: #f4f4f5;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  border: 1px solid #e4e7ed;
  white-space: nowrap;
}
.staff-level-empty[data-v-a6ab6a68] {
  font-size: 11px;
  color: #909399;
  font-style: italic;
}
.staff-actions[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 6px;
  min-height: 48px;
  width: 90px;
  overflow: hidden;
}

/* 时间轴表格（仅横向滚动，纵向与左侧同步由 .appointment-scroll 统一滚动） */
.time-table-wrapper[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 600px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.time-header[data-v-a6ab6a68] {
  position: relative;
  z-index: 5;
  background: #f8fafc;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.time-cells[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  background: #f8fafc;
}
.time-cell[data-v-a6ab6a68] {
  width: 80px;
  padding: 8px;
  text-align: center;
  font-weight: 600;
  color: #606266;
  border-right: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8fafc;
}
.time-cell[data-v-a6ab6a68]:last-child {
  border-right: none;
}

/* 预约表格内容（高度由行数决定，与左侧 staff-list 一致） */
.appointment-content[data-v-a6ab6a68] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.time-row[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-bottom: 1px solid #ebeef5;
  height: 48px;
  position: relative;
}
.time-slot[data-v-a6ab6a68] {
  width: 80px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.time-slot[data-v-a6ab6a68]:last-child {
  border-right: none;
}
.time-slot.past[data-v-a6ab6a68] {
  background: #f5f7fa;
  color: #c0c4cc;
  pointer-events: none;
}
.time-slot[data-v-a6ab6a68]:hover {
  background: #f5f7fa;
}
.time-slot.selected[data-v-a6ab6a68] {
  background: #ecf5ff;
  border: 1px solid #409eff;
}
.time-slot-buttons[data-v-a6ab6a68] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  z-index: 10;
}
.time-slot-buttons .btn[data-v-a6ab6a68] {
  padding: 0 8px;
  font-size: 11px;
  border-radius: 4px;
  border: 1px solid;
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.occupy-btn[data-v-a6ab6a68] {
  background: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.occupy-btn[data-v-a6ab6a68]:hover {
  background: #f78989;
  border-color: #f78989;
}
.appointment-btn[data-v-a6ab6a68] {
  background: #67c23a;
  border-color: #67c23a;
  color: white;
}
.appointment-btn[data-v-a6ab6a68]:hover {
  background: #85ce61;
  border-color: #85ce61;
}
.booking-item[data-v-a6ab6a68] {
  background: #409eff;
  color: white;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 新的预约层与卡片（单一卡片、按时长拉伸、高度与行高一致） */
.booking-layer[data-v-a6ab6a68] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 8;
}
.booking-card[data-v-a6ab6a68] {
  position: absolute;
  top: 4px;
  bottom: 4px;
  background: #409eff;
  color: #fff;
  border-radius: 4px;
  padding: 4px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* 占用卡片样式 - 红色 */
.booking-card.occupied-card[data-v-a6ab6a68] {
  background: #f56c6c;
}
.booking-card.occupied-card[data-v-a6ab6a68]:hover {
  background: #f78989;
}

/* 状态1（已预约）- 蓝色，可拖动 */
.booking-card.booking-status-1[data-v-a6ab6a68] {
  background: #409eff;
  cursor: move;
}
.booking-card.booking-status-1[data-v-a6ab6a68]:hover {
  background: #66b1ff;
}

/* 状态2（已到店）- 绿色，不可拖动 */
.booking-card.booking-status-2[data-v-a6ab6a68] {
  background: #67c23a !important;
  cursor: default;
}
.booking-card.booking-status-2[data-v-a6ab6a68]:hover {
  background: #85ce61 !important;
}

/* 状态3（已完成）- 绿色，不可拖动 */
.booking-card.booking-status-3[data-v-a6ab6a68] {
  background: #67c23a !important;
  cursor: default;
}
.booking-card.booking-status-3[data-v-a6ab6a68]:hover {
  background: #85ce61 !important;
}

/* 状态4（已取消）- 灰色，不可拖动 */
.booking-card.booking-status-4[data-v-a6ab6a68] {
  background: #909399 !important;
  cursor: not-allowed;
  opacity: 0.7;
}
.booking-card.booking-status-4[data-v-a6ab6a68]:hover {
  background: #a6a9ad !important;
}
.booking-card .booking-title[data-v-a6ab6a68] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 500;
}
.booking-card .booking-time[data-v-a6ab6a68] {
  font-size: 10px;
  font-weight: 400;
  opacity: .9;
}
.booking-item[data-v-a6ab6a68]:hover {
  opacity: 0.9;
}

/* 占用状态样式 */
.occupied-item[data-v-a6ab6a68] {
  background: #f56c6c;
  color: white;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.occupied-item[data-v-a6ab6a68]:hover {
  background: #f78989;
}

/* 当前时间红线 */
.current-time-line[data-v-a6ab6a68] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #f56c6c;
  z-index: 20;
  pointer-events: none;
}
.current-time-line[data-v-a6ab6a68]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4px;
  width: 10px;
  height: 10px;
  background: #f56c6c;
  border-radius: 50%;
}

/* 搜索相关样式 */
.search-container[data-v-a6ab6a68] {
  margin-left: auto;
  margin-right: 12px;
}
.search-input-wrapper[data-v-a6ab6a68] {
  position: relative;
  width: 300px;
}
.search-input[data-v-a6ab6a68] {
  width: 100%;
  padding: 0 12px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 400;
  color: #606266;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 28px;
  line-height: 26px;
}
.search-input[data-v-a6ab6a68]:hover {
  border-color: #c0c4cc;
}
.search-input[data-v-a6ab6a68]:focus {
  outline: none;
  border-color: #409eff;
}
.search-input[data-v-a6ab6a68]::-webkit-input-placeholder {
  color: #909399;
  font-weight: 400;
}
.search-input[data-v-a6ab6a68]::-moz-placeholder {
  color: #909399;
  font-weight: 400;
}
.search-input[data-v-a6ab6a68]:-ms-input-placeholder {
  color: #909399;
  font-weight: 400;
}
.search-input[data-v-a6ab6a68]::-ms-input-placeholder {
  color: #909399;
  font-weight: 400;
}
.search-input[data-v-a6ab6a68]::placeholder {
  color: #909399;
  font-weight: 400;
}

/* 搜索框聚焦时的动画效果 */
.search-input[data-v-a6ab6a68]:focus::-webkit-input-placeholder {
  opacity: 0.5;
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-input[data-v-a6ab6a68]:focus::-moz-placeholder {
  opacity: 0.5;
  transform: translateX(4px);
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-input[data-v-a6ab6a68]:focus:-ms-input-placeholder {
  opacity: 0.5;
  transform: translateX(4px);
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-input[data-v-a6ab6a68]:focus::-ms-input-placeholder {
  opacity: 0.5;
  transform: translateX(4px);
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-input[data-v-a6ab6a68]:focus::placeholder {
  opacity: 0.5;
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 搜索结果列表样式 */
.search-results[data-v-a6ab6a68] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 12px;
}
.search-result-item[data-v-a6ab6a68] {
  padding: 10px 12px;
  border-bottom: 1px solid #ebeef5;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-result-item[data-v-a6ab6a68]:hover {
  background: #f5f7fa;
  border-left: 3px solid #409eff;
}
.search-result-item.selected[data-v-a6ab6a68] {
  background: #ecf5ff;
  border-left: 3px solid #409eff;
}
.search-result-item[data-v-a6ab6a68]:last-child {
  border-bottom: none;
}

/* 无搜索结果样式 */
.no-results[data-v-a6ab6a68] {
  text-align: center;
  padding: 24px 12px;
  color: #909399;
  background: #f5f7fa;
  border-radius: 4px;
  margin-bottom: 12px;
}

/* 选中客户信息样式 */
.selected-member-info[data-v-a6ab6a68] {
  margin-bottom: 12px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #dcdfe6 #f5f7fa;
}
.selected-member-info[data-v-a6ab6a68]::-webkit-scrollbar {
  width: 4px;
}
.selected-member-info[data-v-a6ab6a68]::-webkit-scrollbar-track {
  background: #f5f7fa;
  border-radius: 2px;
}
.selected-member-info[data-v-a6ab6a68]::-webkit-scrollbar-thumb {
  background: #dcdfe6;
  border-radius: 2px;
}
.selected-member-info[data-v-a6ab6a68]::-webkit-scrollbar-thumb:hover {
  background: #c0c4cc;
}
.member-card[data-v-a6ab6a68] {
  background: #f8fafc;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 12px;
  min-height: 100px;
}
.member-card .btn.ghost.small[data-v-a6ab6a68] {
  padding: 0 10px;
  font-size: 11px;
  border-radius: 4px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 会员标签样式 - 与会员列表保持一致 */
.tag-badge[data-v-a6ab6a68] {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 0 8px !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  width: 20px !important;
  height: 20px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* 可点击输入框样式 */
.clickable-input[data-v-a6ab6a68] {
  cursor: pointer;
  background: #f5f7fa;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.clickable-input[data-v-a6ab6a68]:hover {
  background: #e4e7ed;
  border-color: #c0c4cc;
}
.clickable-input[data-v-a6ab6a68]:focus {
  background: #ffffff;
}

/* 员工选择弹窗样式（仅弹窗内 .staff-list 限制高度，不影响主表左侧员工列） */
.dialog.medium[data-v-a6ab6a68] {
  width: 480px;
}
.dialog .staff-list[data-v-a6ab6a68] {
  max-height: 400px;
  overflow-y: auto;
}
.staff-item[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #ebeef5;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.staff-item[data-v-a6ab6a68]:hover {
  background: #f5f7fa;
  border-left: 3px solid #409eff;
}
.staff-item.selected[data-v-a6ab6a68] {
  background: #ecf5ff;
  border-left: 3px solid #409eff;
}
.staff-avatar[data-v-a6ab6a68] {
  margin-right: 10px;
}
.avatar-placeholder[data-v-a6ab6a68] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #409eff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 14px;
}
.avatar-image[data-v-a6ab6a68] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #ebeef5;
}
.staff-info[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.staff-name[data-v-a6ab6a68] {
  font-weight: 600;
  color: #303133;
  margin-bottom: 2px;
  font-size: 12px;
}
.staff-id[data-v-a6ab6a68] {
  font-size: 11px;
  color: #909399;
}
.staff-status[data-v-a6ab6a68] {
  margin-left: auto;
}
.selected-badge[data-v-a6ab6a68] {
  background: #409eff;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}

/* 项目选择容器样式 */
.project-select-container[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.project-count[data-v-a6ab6a68] {
  background: #409eff;
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.project-count[data-v-a6ab6a68]:hover {
  opacity: 0.9;
}
.current-time-line[data-v-a6ab6a68]::after {
  content: attr(data-time);
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #f56c6c;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

/* 弹窗层级调整 */
.dialog-mask[data-v-a6ab6a68] { z-index: 100;
}
.dialog-mask[style*="z-index: 1000"][data-v-a6ab6a68] { z-index: 1000;
}

/* 性别选择器样式 */
.gender-selection[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.radio-inline[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #f8fafc;
}
.radio-inline[data-v-a6ab6a68]:hover {
  border-color: #3b82f6;
  background: #f1f5f9;
}
.radio-inline input[type="radio"][data-v-a6ab6a68] {
  margin: 0;
}
.radio-inline input[type="radio"]:checked + span[data-v-a6ab6a68] {
  color: #3b82f6;
  font-weight: 600;
}
.radio-inline input[type="radio"][data-v-a6ab6a68]:checked {
  background: #3b82f6;
  border-color: #3b82f6;
}

/* 状态统计样式 */
.status-summary[data-v-a6ab6a68] {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.status-item[data-v-a6ab6a68] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #606266;
  font-weight: 500;
  font-size: 12px;
}
.status-item strong[data-v-a6ab6a68] { color: #303133; min-width: 16px; text-align: right;
}
.dot[data-v-a6ab6a68] { display: inline-block; width: 6px; height: 6px; border-radius: 50%;
}
.dot-blue[data-v-a6ab6a68] { background: #409eff;
}
.dot-gray[data-v-a6ab6a68] { background: #909399;
}
.dot-black[data-v-a6ab6a68] { background: #303133;
}
.dot-red[data-v-a6ab6a68] { background: #f56c6c;
}
.dot-purple[data-v-a6ab6a68] { background: #a855f7;
}
.dot-green[data-v-a6ab6a68] { background: #67c23a;
}

/* 禁用按钮样式 */
.btn.disabled[data-v-a6ab6a68] {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #94a3b8;
  cursor: not-allowed;
  opacity: 0.6;
}
.btn.disabled[data-v-a6ab6a68]:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 休假样式 */
.staff-item.is-vacation[data-v-a6ab6a68] {
  opacity: 0.6;
}
.time-row.vacation-row[data-v-a6ab6a68] {
  background: #f5f7fa;
}

/* ==================== 收银机屏幕适配优化 ==================== */

/* 参考收银机屏幕适配优化方案：宽度0-1600px，高度0-1200px */
@media (min-width: 0px) and (max-width: 1600px) and (min-height: 0px) and (max-height: 1200px) {
  /* 工具栏按钮缩小 */
.toolbar .btn[data-v-a6ab6a68] {
    padding: 6px 12px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
}
.toolbar .btn.small[data-v-a6ab6a68] {
    padding: 0 8px !important;
    font-size: 10px !important;
    height: 24px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

  /* 日期输入框缩小 */
.toolbar .date-input[data-v-a6ab6a68] {
    padding: 6px 10px !important;
    font-size: 12px !important;
}

  /* 工具栏整体布局优化 */
.toolbar[data-v-a6ab6a68] {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    padding: 0 0 8px 0 !important;
    gap: 6px !important;
}

  /* 状态统计换行显示 - 占据整行 */
.status-summary[data-v-a6ab6a68] {
    width: 100% !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: 8px !important;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    margin-left: 0 !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #ebeef5 !important;
}
.status-item[data-v-a6ab6a68] {
    font-size: 11px !important;
    gap: 4px !important;
}
.status-item strong[data-v-a6ab6a68] {
    font-size: 11px !important;
    min-width: 14px !important;
}
.dot[data-v-a6ab6a68] {
    width: 5px !important;
    height: 5px !important;
}

  /* 员工列宽度减少 */
.fixed-column[data-v-a6ab6a68] {
    width: 220px !important;
}
.staff-name-wrapper[data-v-a6ab6a68] {
    min-width: 120px !important;
    max-width: 120px !important;
}
.staff-name-placeholder[data-v-a6ab6a68] {
    min-width: 120px !important;
    max-width: 120px !important;
}

  /* 确保时间表头所有单元格都有背景色 */
.time-header[data-v-a6ab6a68] {
    background: #f8fafc !important;
}
.time-cell[data-v-a6ab6a68] {
    background: #f8fafc !important;
}

  /* 缩小员工级别标签 */
.staff-level[data-v-a6ab6a68] {
    font-size: 10px !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
}
.staff-level-empty[data-v-a6ab6a68] {
    font-size: 10px !important;
}
}

/* ==================== 预约提醒弹窗样式 ==================== */
.appointment-reminder-modal[data-v-a6ab6a68] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-animation: fadeIn-data-v-a6ab6a68 0.3s ease;
          animation: fadeIn-data-v-a6ab6a68 0.3s ease;
}
@-webkit-keyframes fadeIn-data-v-a6ab6a68 {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes fadeIn-data-v-a6ab6a68 {
from { opacity: 0;
}
to { opacity: 1;
}
}
.appointment-reminder-content[data-v-a6ab6a68] {
  background: #ffffff;
  border-radius: 12px;
  width: 420px;
  max-width: 90vw;
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  -webkit-animation: slideUp-data-v-a6ab6a68 0.3s ease;
          animation: slideUp-data-v-a6ab6a68 0.3s ease;
  overflow: hidden;
}
@-webkit-keyframes slideUp-data-v-a6ab6a68 {
from {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideUp-data-v-a6ab6a68 {
from {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
.reminder-header[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
  color: #ffffff;
  position: relative;
}
.reminder-icon[data-v-a6ab6a68] {
  font-size: 24px;
  margin-right: 10px;
  -webkit-animation: bellRing-data-v-a6ab6a68 1s ease infinite;
          animation: bellRing-data-v-a6ab6a68 1s ease infinite;
}
@-webkit-keyframes bellRing-data-v-a6ab6a68 {
0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
10%, 30%, 50%, 70%, 90% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg);
}
20%, 40%, 60%, 80% { -webkit-transform: rotate(10deg); transform: rotate(10deg);
}
}
@keyframes bellRing-data-v-a6ab6a68 {
0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
10%, 30%, 50%, 70%, 90% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg);
}
20%, 40%, 60%, 80% { -webkit-transform: rotate(10deg); transform: rotate(10deg);
}
}
.reminder-title[data-v-a6ab6a68] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reminder-close[data-v-a6ab6a68] {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.reminder-close[data-v-a6ab6a68]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.reminder-body[data-v-a6ab6a68] {
  padding: 20px;
}
.reminder-info[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.info-row[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
}
.info-label[data-v-a6ab6a68] {
  color: #909399;
  min-width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.info-value[data-v-a6ab6a68] {
  color: #303133;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.info-value.project-names[data-v-a6ab6a68] {
  color: #409eff;
}
.reminder-footer[data-v-a6ab6a68] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #ebeef5;
  background: #f5f7fa;
}
.reminder-btn[data-v-a6ab6a68] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-confirm[data-v-a6ab6a68] {
  background: #67c23a;
  color: #ffffff;
}
.btn-confirm[data-v-a6ab6a68]:hover {
  background: #85ce61;
}
.btn-cancel[data-v-a6ab6a68] {
  background: #f56c6c;
  color: #ffffff;
}
.btn-cancel[data-v-a6ab6a68]:hover {
  background: #f78989;
}
.btn-close[data-v-a6ab6a68] {
  background: #909399;
  color: #ffffff;
}
.btn-close[data-v-a6ab6a68]:hover {
  background: #a6a9ad;
}

@charset "UTF-8";

/* ==================== 预约配置弹窗样式 ==================== */
.dialog-mask[data-v-4707ae77] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
  backdrop-filter: blur(4px);
}
.dialog.xlarge[data-v-4707ae77] {
  width: 1300px;
  max-width: 95vw;
}
.dialog-header[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.tabs[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tab[data-v-4707ae77] {
  padding: 6px 14px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 13px;
  color: #64748b;
  height: 28px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tab[data-v-4707ae77]:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
}
.tab.active[data-v-4707ae77] {
  background: #3b82f6;
  border-color: #2563eb;
  color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
          box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
}
.close[data-v-4707ae77] {
  margin-left: auto;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #64748b;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.close[data-v-4707ae77]:hover {
  background: #f1f5f9;
  color: #475569;
}
.dialog-body[data-v-4707ae77] {
  padding: 20px;
  max-height: 85vh;
  overflow: auto;
  background: #fff;
}

/* ==================== 配置表格样式 ==================== */
.config-table-container[data-v-4707ae77] {
  max-height: 400px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.config-table[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.config-table .thead[data-v-4707ae77] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #f8fafc;
}
.tbody-container[data-v-4707ae77] {
  max-height: 350px;
  overflow-y: auto;
}
.config-table .thead[data-v-4707ae77],
.config-table .tbody[data-v-4707ae77] {
  display: grid;
  grid-template-columns: 120px 280px 200px 140px 120px 90px 220px 120px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-table .thead[data-v-4707ae77] {
  background: #f8fafc;
  font-weight: 600;
  border-bottom: 2px solid #e2e8f0;
  color: #475569;
}
.config-table .th[data-v-4707ae77],
.config-table .td[data-v-4707ae77] {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 13px;
  white-space: nowrap;
}
.config-table .th.col-cate[data-v-4707ae77],
.config-table .th.col-duration[data-v-4707ae77],
.config-table .th.col-bookable[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.config-table .th.col-cate[data-v-4707ae77]:hover,
.config-table .th.col-duration[data-v-4707ae77]:hover,
.config-table .th.col-bookable[data-v-4707ae77]:hover {
  background: #e2e8f0;
  border-radius: 4px;
}
.dropdown-icon[data-v-4707ae77] {
  font-size: 10px;
  color: #64748b;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.config-table .th.col-cate:hover .dropdown-icon[data-v-4707ae77],
.config-table .th.col-duration:hover .dropdown-icon[data-v-4707ae77] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dropdown-menu[data-v-4707ae77] {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 100;
  min-width: 160px;
  overflow: hidden;
}
.dropdown-item[data-v-4707ae77] {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f1f5f9;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #475569;
  font-size: 13px;
}
.dropdown-item[data-v-4707ae77]:hover {
  background: #f8fafc;
  color: #3b82f6;
}
.dropdown-item.active[data-v-4707ae77] {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 500;
}

/* 输入框和选择框统一高度28px */
.config-table input[type=text][data-v-4707ae77],
.config-table select[data-v-4707ae77] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 0 8px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.config-table input[data-v-4707ae77]:focus,
.config-table select[data-v-4707ae77]:focus {
  outline: none;
  border-color: #3b82f6;
  -webkit-box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
          box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}
.config-table .muted[data-v-4707ae77] {
  color: #94a3b8;
  margin-left: 4px;
  font-size: 12px;
}
.link[data-v-4707ae77] {
  color: #3b82f6;
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-size: 13px;
}
.link[data-v-4707ae77]:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

/* ==================== 按钮样式 - 统一高度28px ==================== */
.btn[data-v-4707ae77] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.btn.primary[data-v-4707ae77] {
  background: #3b82f6;
  border-color: #3b82f6;
  color: #fff;
}
.btn.primary[data-v-4707ae77]:hover {
  background: #2563eb;
  border-color: #2563eb;
}
.btn.ghost[data-v-4707ae77] {
  background: #fff;
  border-color: #cbd5e1;
  color: #475569;
}
.btn.ghost[data-v-4707ae77]:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}
.btn[data-v-4707ae77]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ==================== 分页样式 - 高度32px ==================== */
.pagination[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin: 0;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 6px;
  border-top: 1px solid #e2e8f0;
  position: sticky;
  bottom: 0;
  z-index: 10;
  height: 32px;
}
.pagination .page[data-v-4707ae77] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #cbd5e1;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #475569;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pagination .page[data-v-4707ae77]:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}
.pagination .page.active[data-v-4707ae77] {
  background: #3b82f6;
  color: #fff;
  border-color: #2563eb;
  -webkit-box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
          box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
}
.pagination .muted[data-v-4707ae77] {
  color: #64748b;
  margin-left: 12px;
  font-size: 13px;
}

/* ==================== 设置表单样式 ==================== */
.settings-form .form-row[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.settings-form .form-row label[data-v-4707ae77] {
  font-size: 13px;
  color: #475569;
  font-weight: 500;
  min-width: 140px;
}
.settings-form .form-row .field[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.settings-form .form-row .field input[type=time][data-v-4707ae77],
.settings-form .form-row .field input[type=radio][data-v-4707ae77],
.settings-form .form-row .field select[data-v-4707ae77] {
  height: 28px;
  font-size: 13px;
}
.settings-form .form-row .field input[type=time][data-v-4707ae77] {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 0 8px;
}
.settings-form .form-row .field select[data-v-4707ae77] {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 0 8px;
  background: #fff;
}
.settings-form .field.column[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.checkbox-inline[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
}
.checkbox-inline input[type=checkbox][data-v-4707ae77] {
  margin: 0;
}
.slot-list[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 12px;
  background: #f8fafc;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}
.slot-row[data-v-4707ae77] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slot-row[data-v-4707ae77]:hover {
  border-color: #cbd5e1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.slot-row input[type=time][data-v-4707ae77] {
  height: 28px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 13px;
}
.slot-row .num[data-v-4707ae77] {
  width: 80px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 0 8px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 28px;
  font-size: 13px;
}
.slot-row .num[data-v-4707ae77]:focus {
  outline: none;
  border-color: #3b82f6;
  -webkit-box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
          box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* ==================== 开关样式优化 ==================== */
.switch[data-v-4707ae77] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
}
.switch input[data-v-4707ae77] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-4707ae77] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cbd5e1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 999px;
}
.slider[data-v-4707ae77]:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  top: 3px;
  background: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.switch input:checked + .slider[data-v-4707ae77] {
  background: #3b82f6;
}
.switch input:checked + .slider[data-v-4707ae77]:before {
  -webkit-transform: translateX(22px);
          transform: translateX(22px);
}

/* ==================== 弹窗底部 ==================== */
.dialog-footer[data-v-4707ae77] {
  padding: 12px 20px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
/* ==================== 基础变量定义 ==================== */
[data-v-0662e708]:root {
  --primary-color: var(--theme-color, #409eff);
  --text-primary: #303133;
  --text-regular: #606266;
  --text-secondary: #909399;
  --border-color: #e4e7ed;
  --bg-gray: #f5f7fa;
}

/* CSS 变量定义主题颜色（默认蓝色） */
.app-container[data-v-0662e708] {
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* ==================== Element UI 组件样式优化 ==================== */
.el-checkbox[data-v-0662e708] {
  --el-checkbox-font-size: 12px;
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  margin-right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-checkbox__label[data-v-0662e708] {
  font-size: 12px;
  padding-left: 4px;
  white-space: nowrap;
}
.el-input[data-v-0662e708] :deep(.el-input__wrapper) {
  padding: 0 8px;
}
.el-input[data-v-0662e708] :deep(.el-input-group__append) {
  padding: 0 8px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
}
.el-input[data-v-0662e708] :deep(.el-input__inner) {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
}
.el-button[data-v-0662e708] {
  font-size: 12px;
  padding: 0 12px;
  height: 28px;
  line-height: 26px;
}
.el-button--small[data-v-0662e708] {
  font-size: 12px;
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
}
.el-button--mini[data-v-0662e708] {
  font-size: 11px;
  padding: 0 8px;
  height: 24px;
  line-height: 22px;
}
.el-select[data-v-0662e708] :deep(.el-input__inner) {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-0662e708]:deep(.el-button--primary) {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
&:hover,
  &:focus {
    background-color: var(--theme-color-dark);
    border-color: var(--theme-color-dark);
}
}
[data-v-0662e708]:deep(.el-button--text) {
  color: var(--theme-color);
&:hover,
  &:focus {
    color: var(--theme-color-dark);
}
}
[data-v-0662e708]:deep(.el-input__inner:focus) {
  border-color: var(--theme-color);
}
[data-v-0662e708]:deep(.el-select .el-input.is-focus .el-input__inner) {
  border-color: var(--theme-color);
}
[data-v-0662e708]:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-0662e708]:deep(.el-checkbox__input.is-checked + .el-checkbox__label) {
  color: var(--theme-color);
}
[data-v-0662e708]:deep(.el-radio__input.is-checked .el-radio__inner) {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
[data-v-0662e708]:deep(.el-radio__input.is-checked + .el-radio__label) {
  color: var(--theme-color);
}
[data-v-0662e708]:deep(.el-dialog__headerbtn:hover .el-dialog__close) {
  color: var(--theme-color);
}

/* ==================== 布局容器样式 ==================== */
.app-container[data-v-0662e708] {
  min-height: 100vh;
  background-color: #ffffff;
}
.payment-container[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.payment-container [data-payment][data-v-0662e708] {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

/* ==================== 页面头部区域 ==================== */
.page-header[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid var(--border-color);
  gap: 16px;
  min-height: 50px;
}
.page-header h2[data-v-0662e708] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  white-space: nowrap;
}

/* ==================== 门店选择区域 ==================== */
.store-selector[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 12px;
}
.store-selector .el-select[data-v-0662e708] {
  width: 200px;
}
.store-selector .el-select .el-input__inner[data-v-0662e708] {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.store-selector .el-button[data-v-0662e708] {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.store-selector .el-button i[data-v-0662e708] {
  font-size: 12px;
  margin-right: 4px;
}
.store-selector .text-nowrap[data-v-0662e708] {
  font-size: 12px;
  color: var(--text-regular);
  white-space: nowrap;
}
.store-selector .text-base[data-v-0662e708] {
  font-size: 12px;
  color: var(--text-primary);
  font-weight: 500;
}

/* ==================== 配置卡片样式 ==================== */
.config-card[data-v-0662e708] {
  background: #fff;
  border-bottom: 1px solid var(--border-color);
  padding: 12px 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.config-card[data-v-0662e708]:hover {
  background-color: #fafbfc;
}
.config-card-header[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 10px;
  min-height: 32px;
}
.config-card-body[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  min-height: 32px;
}

/* 配置卡片中的按钮 */
.config-card .el-button[data-v-0662e708] {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.config-card .el-button--primary[data-v-0662e708] {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.config-card .el-button--text[data-v-0662e708] {
  height: 24px;
  line-height: 22px;
  padding: 0 6px;
  font-size: 11px;
}

/* 排序按钮组 */
.sort-buttons[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  margin-right: 8px;
}
.sort-buttons .el-button[data-v-0662e708] {
  padding: 2px 6px;
  font-size: 11px;
  min-height: 20px;
}

/* 支付方式图标 */
.payment-icon[data-v-0662e708] {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 支付方式名称 */
.payment-name[data-v-0662e708] {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  min-width: 60px;
  white-space: nowrap;
}

/* 复选框组 */
.checkbox-group[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 4px;
}

/* 业绩比例输入区 */
.performance-inputs[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
  margin-left: auto;
}
.performance-inputs .input-label[data-v-0662e708] {
  font-size: 12px;
  color: var(--text-regular);
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ==================== 自定义支付区域 ==================== */
.custom-payment-section[data-v-0662e708] {
  padding: 16px;
  background: #fff;
  border-top: 1px solid var(--border-color);
}
.custom-payment-row[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--border-color);
}
.custom-payment-row[data-v-0662e708]:last-child {
  border-bottom: none;
}

/* ==================== 响应式布局 ==================== */

/* 大屏幕 (>1400px) */
@media screen and (min-width: 1400px) {
.config-card[data-v-0662e708] {
    padding: 14px 20px;
}
.performance-inputs[data-v-0662e708] {
    gap: 12px;
}
.checkbox-group[data-v-0662e708] {
    gap: 8px;
}
.el-checkbox[data-v-0662e708] {
    margin-right: 20px;
}
}

/* 中等屏幕 (1200px-1399px) */
@media screen and (max-width: 1399px) {
.config-card-body[data-v-0662e708] {
    gap: 12px;
}
.performance-inputs[data-v-0662e708] {
    gap: 6px;
}
.payment-name[data-v-0662e708] {
    min-width: 70px;
    font-size: 13px;
}
}

/* 小屏幕 (992px-1199px) */
@media screen and (max-width: 1199px) {
.page-header[data-v-0662e708] {
    padding: 10px 12px;
}
.store-selector .el-select[data-v-0662e708] {
    width: 160px;
}
.config-card[data-v-0662e708] {
    padding: 10px 12px;
}
.config-card-header[data-v-0662e708] {
    gap: 6px;
}
.payment-name[data-v-0662e708] {
    min-width: 60px;
    font-size: 12px;
}
.el-checkbox[data-v-0662e708] {
    margin-right: 10px;
}
.el-checkbox__label[data-v-0662e708] {
    font-size: 12px;
}
.performance-inputs .input-label[data-v-0662e708] {
    font-size: 11px;
}
}

/* 平板 (768px-991px) */
@media screen and (max-width: 991px) {
.page-header[data-v-0662e708] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.page-header h2[data-v-0662e708] {
    font-size: 16px;
}
.store-selector[data-v-0662e708] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.config-card-header[data-v-0662e708] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.config-card-body[data-v-0662e708] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.checkbox-group[data-v-0662e708] {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.performance-inputs[data-v-0662e708] {
    width: 100%;
    margin-left: 36px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.payment-icon[data-v-0662e708] {
    width: 24px;
    height: 24px;
}
}

/* 手机 (<768px) */
@media screen and (max-width: 767px) {
.page-header[data-v-0662e708] {
    padding: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.page-header h2[data-v-0662e708] {
    font-size: 15px;
}
.store-selector[data-v-0662e708] {
    width: 100%;
}
.store-selector .el-select[data-v-0662e708] {
    width: 100%;
}
.config-card[data-v-0662e708] {
    padding: 8px;
}
.config-card-header[data-v-0662e708] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
}
.sort-buttons[data-v-0662e708] {
    margin-right: 4px;
}
.payment-name[data-v-0662e708] {
    min-width: auto;
    font-size: 12px;
}
.el-checkbox[data-v-0662e708] {
    margin-right: 8px;
}
.el-button[data-v-0662e708] {
    padding: 6px 12px;
    font-size: 12px;
}
.performance-inputs[data-v-0662e708] {
    margin-left: 28px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.custom-payment-row[data-v-0662e708] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
}

/* ==================== 对话框样式优化 ==================== */
[data-v-0662e708]:deep(.el-dialog) {
  border-radius: 8px;
  width: 600px;
  max-width: 90vw;
}
[data-v-0662e708]:deep(.el-dialog__header) {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
}
[data-v-0662e708]:deep(.el-dialog__title) {
  font-size: 14px;
  font-weight: 600;
}
[data-v-0662e708]:deep(.el-dialog__body) {
  padding: 16px;
}
[data-v-0662e708]:deep(.el-dialog__footer) {
  padding: 12px 16px;
  border-top: 1px solid var(--border-color);
}
[data-v-0662e708]:deep(.el-dialog__footer .el-button) {
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  font-size: 12px;
}

/* ==================== 抽屉样式优化 ==================== */
[data-v-0662e708]:deep(.el-drawer__header) {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 0;
}
[data-v-0662e708]:deep(.el-drawer__title) {
  font-size: 14px;
  font-weight: 600;
}
[data-v-0662e708]:deep(.el-drawer__body) {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* 会员卡业绩规则抽屉专用样式 */
.member-card-rules-drawer[data-v-0662e708] {
:deep(.el-drawer) {
    width: 600px !important;
    max-width: 90vw;
}
}
.drawer-content[data-v-0662e708] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px;
&::-webkit-scrollbar {
    width: 6px;
}
&::-webkit-scrollbar-thumb {
    background-color: #c0c4cc;
    border-radius: 3px;
}
&::-webkit-scrollbar-track {
    background-color: #f5f7fa;
}
}
.empty-state[data-v-0662e708] {
  text-align: center;
  color: #909399;
  padding: 32px 0;
  font-size: 12px;
}
.card-rule-item[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-color);
  min-height: 48px;
  gap: 16px;
&:last-child {
    border-bottom: none;
}
}
.card-name[data-v-0662e708] {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-inputs[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.input-group[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.input-label[data-v-0662e708] {
  font-size: 12px;
  color: var(--text-regular);
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.performance-input[data-v-0662e708] {
  width: 120px;
:deep(.el-input__inner) {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    padding: 0 8px;
}
:deep(.el-input-group__append) {
    padding: 0 10px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    background-color: #f5f7fa;
    color: #606266;
}
}
.drawer-footer[data-v-0662e708] {
  margin-top: auto;
  padding: 12px 16px;
  border-top: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  background-color: #fff;
.el-button {
    height: 28px;
    line-height: 26px;
    padding: 0 16px;
    font-size: 12px;
}
}

/* ==================== 图标选择网格 ==================== */
.icon-grid[data-v-0662e708] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  padding: 12px;
  max-height: 300px;
  overflow-y: auto;
}
.icon-item[data-v-0662e708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.icon-item[data-v-0662e708]:hover {
  border-color: var(--primary-color);
  background-color: #f0f9ff;
}
.icon-item.active[data-v-0662e708] {
  border-color: var(--primary-color);
  background-color: #ecf5ff;
}
.icon-item img[data-v-0662e708] {
  width: 28px;
  height: 28px;
  margin-bottom: 4px;
}
.icon-item span[data-v-0662e708] {
  font-size: 11px;
  color: var(--text-regular);
  text-align: center;
}
@media screen and (max-width: 767px) {
.icon-grid[data-v-0662e708] {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 8px;
}
.icon-item img[data-v-0662e708] {
    width: 24px;
    height: 24px;
}

  /* 会员卡业绩规则抽屉响应式 */
.member-card-rules-drawer[data-v-0662e708] {
:deep(.el-drawer) {
      width: 100% !important;
      max-width: 100%;
}
}
.drawer-content[data-v-0662e708] {
    padding: 12px;
}
.card-rule-item[data-v-0662e708] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
}
.card-name[data-v-0662e708] {
    font-size: 12px;
    max-width: 100%;
}
.card-inputs[data-v-0662e708] {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 12px;
}
.input-group[data-v-0662e708] {
    gap: 6px;
}
.input-label[data-v-0662e708] {
    font-size: 11px;
}
.performance-input[data-v-0662e708] {
    width: 110px;
:deep(.el-input__inner) {
      height: 26px;
      line-height: 26px;
      font-size: 11px;
      padding: 0 6px;
}
:deep(.el-input-group__append) {
      height: 26px;
      line-height: 26px;
      font-size: 11px;
      padding: 0 8px;
}
}
.drawer-footer[data-v-0662e708] {
    padding: 10px 12px;
.el-button {
      height: 26px;
      line-height: 24px;
      padding: 0 12px;
      font-size: 11px;
}
}
}
@media screen and (max-width: 480px) {
.drawer-content[data-v-0662e708] {
    padding: 10px;
}
.card-rule-item[data-v-0662e708] {
    padding: 8px 0;
}
.card-inputs[data-v-0662e708] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.performance-input[data-v-0662e708] {
    width: 120px;
}
}

/* ==================== 辅助类 ==================== */
.text-nowrap[data-v-0662e708] {
  white-space: nowrap;
}
.flex-nowrap[data-v-0662e708] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.gap-2[data-v-0662e708] {
  gap: 8px;
}
.gap-3[data-v-0662e708] {
  gap: 12px;
}
.ml-auto[data-v-0662e708] {
  margin-left: auto;
}

/* 未配置标记 */
.unconfigured-badge[data-v-0662e708] {
  color: #f56c6c;
  font-size: 12px;
  margin-left: auto;
}

/* 分割线 */
.section-divider[data-v-0662e708] {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--border-color)), to(transparent));
  background: linear-gradient(to right, transparent, var(--border-color), transparent);
  margin: 0;
}

@charset "UTF-8";

/* ==================== 全局覆盖 - 禁止页面滚动 ==================== */
[data-v-0cb1fa74]:global(.app-main) {
  overflow: hidden !important;
}

/* ==================== 基础布局样式 - 仅表格滚动 ==================== */
.app-container[data-v-0cb1fa74] {
  padding: 0;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 内容区域样式 ==================== */
.content-wrapper[data-v-0cb1fa74] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding: clamp(6px, 1vw, 12px);
  background-color: #ffffff;
}

/* ==================== 配置区域样式 ==================== */
.config-section[data-v-0cb1fa74] {
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  margin-bottom: clamp(6px, 1vw, 12px);
  overflow: hidden;
}
.section-title[data-v-0cb1fa74] {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 600;
  color: #333333;
  padding: clamp(6px, 1vw, 12px) clamp(8px, 1.5vw, 16px);
  border-bottom: 1px solid #e5e7eb;
  background-color: #f8f9fa;
  margin: 0;
}

/* ==================== 表格包装器 - 可滚动区域 ==================== */
.table-wrapper[data-v-0cb1fa74] {
  padding: clamp(6px, 1vw, 12px);
  overflow: auto;
}

/* ==================== 表格容器样式 ==================== */
.kuadian-table[data-v-0cb1fa74] {
  margin: 0 !important;
  background: white;
  border-radius: 0;
  padding: 0;
  width: 100%;
}
.kuadian-table[data-v-0cb1fa74]  .el-table {
  font-size: clamp(12px, 1.8vw, 14px);
  height: 100%;
  margin: 0 !important;
  width: 100%;
  /* 表头样式 */
  /* 表格行样式 - 减小行高 */
  /* 操作按钮样式 */
  /* 选择框样式 */
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th {
  font-size: clamp(12px, 1.8vw, 14px);
  font-weight: 600;
  padding: clamp(8px, 1.2vw, 12px);
  background-color: #f8f9fa;
  color: #333333;
  white-space: nowrap;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row {
  cursor: pointer;
  height: clamp(28px, 4vw, 36px);
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row:hover {
  background-color: #f5f7fa;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td {
  font-size: clamp(11px, 1.6vw, 13px);
  padding: clamp(4px, 0.8vw, 6px);
  white-space: nowrap;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-button {
  font-size: clamp(10px, 1.4vw, 12px);
  padding: 0 clamp(6px, 1vw, 10px);
  height: clamp(20px, 2.8vw, 24px);
  line-height: clamp(20px, 2.8vw, 24px);
  margin: 0;
  white-space: nowrap;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-button i {
  font-size: clamp(10px, 1.4vw, 12px);
  margin-right: clamp(2px, 0.3vw, 4px);
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select {
  width: clamp(100px, 15vw, 140px);
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select .el-input__inner {
  height: clamp(20px, 2.8vw, 24px);
  line-height: clamp(20px, 2.8vw, 24px);
  font-size: clamp(10px, 1.4vw, 12px);
  padding: 0 clamp(6px, 1vw, 10px);
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select .el-input__suffix {
  right: clamp(4px, 0.6vw, 8px);
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select .el-input__suffix .el-input__icon {
  line-height: clamp(20px, 2.8vw, 24px);
  font-size: clamp(10px, 1.4vw, 12px);
}

/* ==================== 信息区域样式 ==================== */
.info-section[data-v-0cb1fa74] {
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.section-subtitle[data-v-0cb1fa74] {
  font-size: clamp(12px, 1.8vw, 14px);
  font-weight: 600;
  color: #333333;
  padding: clamp(6px, 1vw, 12px) clamp(8px, 1.5vw, 16px);
  border-bottom: 1px solid #e5e7eb;
  background-color: #f8f9fa;
  margin: 0;
}
.info-content[data-v-0cb1fa74] {
  padding: clamp(6px, 1vw, 12px) clamp(8px, 1.5vw, 16px);
}
.info-item[data-v-0cb1fa74] {
  font-size: clamp(11px, 1.6vw, 13px);
  color: #606266;
  line-height: clamp(18px, 2.4vw, 22px);
  margin-bottom: clamp(2px, 0.3vw, 4px);
  white-space: nowrap;
}

/* ==================== 弹窗样式 ==================== */
[data-v-0cb1fa74] .el-dialog .el-dialog__header {
  padding: clamp(8px, 1.2vw, 16px);
  border-bottom: 1px solid #e5e7eb;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__title {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 600;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__body {
  padding: clamp(10px, 1.5vw, 20px);
}
[data-v-0cb1fa74] .el-dialog .el-dialog__footer {
  padding: clamp(8px, 1.2vw, 16px);
  border-top: 1px solid #e5e7eb;
}
[data-v-0cb1fa74] .el-dialog .el-checkbox {
  font-size: clamp(11px, 1.6vw, 13px);
  margin-bottom: clamp(4px, 0.6vw, 8px);
}
[data-v-0cb1fa74] .el-dialog .el-checkbox .el-checkbox__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-v-0cb1fa74] .el-dialog .el-button {
  font-size: clamp(10px, 1.4vw, 12px);
  padding: 0 clamp(8px, 1.2vw, 14px);
  height: clamp(22px, 3vw, 26px);
  line-height: clamp(22px, 3vw, 26px);
  margin: 0 clamp(2px, 0.4vw, 4px);
}

/* ==================== 响应式断点优化 ==================== */

/* 小屏幕手机 (<= 375px) */
@media screen and (max-width: 375px) {
.content-wrapper[data-v-0cb1fa74] {
    padding: 4px;
}
.config-section[data-v-0cb1fa74],
.info-section[data-v-0cb1fa74] {
    margin-bottom: 4px;
    border-radius: 4px;
}
.section-title[data-v-0cb1fa74],
.section-subtitle[data-v-0cb1fa74] {
    font-size: 12px;
    padding: 4px 6px;
}
.table-wrapper[data-v-0cb1fa74] {
    padding: 4px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table {
    font-size: 10px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th {
    font-size: 10px;
    padding: 4px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row {
    height: 24px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 9px;
    padding: 2px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-button {
    font-size: 9px;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select {
    width: 80px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select .el-input__inner {
    height: 18px;
    line-height: 18px;
    font-size: 9px;
    padding: 0 4px;
}
.info-item[data-v-0cb1fa74] {
    font-size: 9px;
    line-height: 16px;
    margin-bottom: 2px;
}
[data-v-0cb1fa74] .el-dialog {
    width: 90% !important;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__header {
    padding: 8px;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__title {
    font-size: 12px;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__body {
    padding: 10px;
}
[data-v-0cb1fa74] .el-dialog .el-checkbox {
    font-size: 9px;
    margin-bottom: 4px;
}
[data-v-0cb1fa74] .el-dialog .el-button {
    font-size: 9px;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
}
}

/* 中屏幕手机 (376px - 768px) */
@media screen and (min-width: 376px) and (max-width: 768px) {
.content-wrapper[data-v-0cb1fa74] {
    padding: 6px;
}
.config-section[data-v-0cb1fa74],
.info-section[data-v-0cb1fa74] {
    margin-bottom: 6px;
    border-radius: 4px;
}
.section-title[data-v-0cb1fa74],
.section-subtitle[data-v-0cb1fa74] {
    font-size: 13px;
    padding: 6px 8px;
}
.table-wrapper[data-v-0cb1fa74] {
    padding: 6px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table {
    font-size: 11px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th {
    font-size: 11px;
    padding: 6px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row {
    height: 26px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 10px;
    padding: 3px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-button {
    font-size: 10px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select {
    width: 100px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select .el-input__inner {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    padding: 0 6px;
}
.info-item[data-v-0cb1fa74] {
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 3px;
}
[data-v-0cb1fa74] .el-dialog {
    width: 80% !important;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__header {
    padding: 10px;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__title {
    font-size: 13px;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__body {
    padding: 12px;
}
[data-v-0cb1fa74] .el-dialog .el-checkbox {
    font-size: 10px;
    margin-bottom: 6px;
}
[data-v-0cb1fa74] .el-dialog .el-button {
    font-size: 10px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
}
}

/* 平板 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.content-wrapper[data-v-0cb1fa74] {
    padding: 8px;
}
.config-section[data-v-0cb1fa74],
.info-section[data-v-0cb1fa74] {
    margin-bottom: 8px;
    border-radius: 5px;
}
.section-title[data-v-0cb1fa74],
.section-subtitle[data-v-0cb1fa74] {
    font-size: 14px;
    padding: 8px 12px;
}
.table-wrapper[data-v-0cb1fa74] {
    padding: 8px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table {
    font-size: 12px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th {
    font-size: 12px;
    padding: 8px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row {
    height: 28px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 11px;
    padding: 4px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-button {
    font-size: 11px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select {
    width: 120px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-select .el-input__inner {
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    padding: 0 8px;
}
.info-item[data-v-0cb1fa74] {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 4px;
}
}

/* 小高度屏幕 (<= 600px) */
@media screen and (max-height: 600px) {
.content-wrapper[data-v-0cb1fa74] {
    padding: 4px;
}
.config-section[data-v-0cb1fa74],
.info-section[data-v-0cb1fa74] {
    margin-bottom: 4px;
}
.section-title[data-v-0cb1fa74],
.section-subtitle[data-v-0cb1fa74] {
    padding: 4px 6px;
}
.table-wrapper[data-v-0cb1fa74] {
    padding: 4px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th {
    padding: 4px 6px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row {
    height: 24px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td {
    padding: 2px 4px;
}
}

/* 横屏模式 */
@media screen and (orientation: landscape) and (max-height: 500px) {
.content-wrapper[data-v-0cb1fa74] {
    padding: 4px;
}
.config-section[data-v-0cb1fa74],
.info-section[data-v-0cb1fa74] {
    margin-bottom: 4px;
}
.section-title[data-v-0cb1fa74],
.section-subtitle[data-v-0cb1fa74] {
    padding: 4px 6px;
    font-size: 12px;
}
.table-wrapper[data-v-0cb1fa74] {
    padding: 4px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table {
    font-size: 10px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__header-wrapper th {
    font-size: 10px;
    padding: 3px 4px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row {
    height: 22px;
}
.kuadian-table[data-v-0cb1fa74]  .el-table .el-table__body-wrapper .el-table__row td {
    font-size: 9px;
    padding: 2px 3px;
}
.info-item[data-v-0cb1fa74] {
    font-size: 9px;
    line-height: 16px;
}
}

/* 超小屏幕 (<= 320px) */
@media screen and (max-width: 320px) {
.info-item[data-v-0cb1fa74] {
    font-size: 8px;
    line-height: 14px;
}
[data-v-0cb1fa74] .el-dialog {
    width: 95% !important;
}
[data-v-0cb1fa74] .el-dialog .el-dialog__body {
    padding: 8px;
}
[data-v-0cb1fa74] .el-dialog .el-checkbox {
    font-size: 8px;
    margin-bottom: 3px;
}
}

/* iPhone SE / iPad 特殊适配 */
@media screen and (device-width: 375px) and (device-height: 667px), screen and (device-width: 414px) and (device-height: 896px) {
.config-section[data-v-0cb1fa74],
.info-section[data-v-0cb1fa74] {
    border-radius: 6px;
}
.section-title[data-v-0cb1fa74],
.section-subtitle[data-v-0cb1fa74] {
    padding: 8px 12px;
}
.table-wrapper[data-v-0cb1fa74] {
    padding: 8px;
}
}
/* ==================== 基础布局样式 ==================== */
.page_commission_add[data-v-cab5c3fc] {
  padding: 0;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}
.page_commission_add > *[data-v-cab5c3fc] {
  margin: 0 !important;
}
.el-dialog[data-v-cab5c3fc] { text-align: left;
}
.el-form[data-v-cab5c3fc] { margin-bottom: 20px; -ms-flex-negative: 0; flex-shrink: 0;
}

/* ==================== 顶部表单区域样式 ==================== */
.page_commission_add .el-alert[data-v-cab5c3fc] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 8px 16px !important;
  padding: 8px 16px;
}
.page_commission_add .el-alert__title[data-v-cab5c3fc] {
  font-size: 13px;
}
.header_form[data-v-cab5c3fc] {
  border: 1px solid #e5e7eb;
  margin: 0 16px 8px !important;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header_form .el-form-item[data-v-cab5c3fc] {
  margin-bottom: 0;
  margin-right: 16px;
}
.header_form .el-form-item__label[data-v-cab5c3fc] {
  font-size: 13px;
  color: #606266;
  padding-right: 8px;
  line-height: 28px;
}
.header_form .el-input[data-v-cab5c3fc] {
  width: 200px;
}
.header_form .el-input__inner[data-v-cab5c3fc] {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 8px;
}
.header_form .el-select[data-v-cab5c3fc] {
  width: 160px;
}
.header_form .el-select .el-input__inner[data-v-cab5c3fc] {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 8px;
}
.header_form .el-button[data-v-cab5c3fc] {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 13px;
  margin-left: 8px;
}
.header_form .el-button i[data-v-cab5c3fc] {
  font-size: 12px;
  margin-right: 4px;
}
.header-form-actions[data-v-cab5c3fc] {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.tab_col_cell[data-v-cab5c3fc] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 40px;
}
.addIcon[data-v-cab5c3fc] { position: absolute; top: 2px; right: 2px; color: #409eff; font-size: 12px; cursor: pointer;
}
.closeIcon[data-v-cab5c3fc] { position: absolute; top: 2px; left: 2px; font-size: 12px; color: #f56c6c; cursor: pointer;
}

/* ==================== 表格容器样式 ==================== */
.commission-table-container[data-v-cab5c3fc] {
  margin: 0 16px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.commission-table-container[data-v-cab5c3fc] .el-table {
  border: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 13px;
}
.commission-table-container[data-v-cab5c3fc] .el-table__header-wrapper {
  background-color: #f8f9fa;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.commission-table-container[data-v-cab5c3fc] .el-table__header-wrapper th {
  background-color: #f8f9fa;
  color: #333333;
  font-weight: 600;
  padding: 8px 4px;
  font-size: 13px;
  text-align: center;
}
.commission-table-container[data-v-cab5c3fc] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
}
.commission-table-container[data-v-cab5c3fc] .el-table__row {
  height: 36px;
}
.commission-table-container[data-v-cab5c3fc] .el-table__row td {
  padding: 4px;
  font-size: 13px;
}
.commission-table-container[data-v-cab5c3fc] .category-name {
  font-weight: 600;
  color: #409eff;
  cursor: pointer;
  font-size: 13px;
}
.commission-table-container[data-v-cab5c3fc] .category-name:hover {
  color: #66b1ff;
}
.commission-table-container[data-v-cab5c3fc] .project-name {
  color: #606266;
  padding-left: 0;
  font-size: 13px;
}

/* 移除树形表格的缩进 */
.commission-table-container[data-v-cab5c3fc] .el-table__indent {
  padding-left: 0 !important;
}
.commission-table-container[data-v-cab5c3fc] .el-table__placeholder {
  display: none;
}
.commission-table-container[data-v-cab5c3fc] .calculation-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.commission-table-container[data-v-cab5c3fc] .calculation-rules .el-tag {
  height: auto;
  line-height: 1.4;
  padding: 4px 8px;
  white-space: normal;
  word-break: break-all;
  max-width: 100%;
}

/* 复制粘贴按钮样式 */
.calculation-rules-wrapper[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.calculation-rules-wrapper .calculation-rules[data-v-cab5c3fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.commission-table-container[data-v-cab5c3fc] .copy-rules-btn {
  color: #909399;
  font-size: 14px;
  padding: 0 4px;
  margin-left: 8px;
}
.commission-table-container[data-v-cab5c3fc] .copy-rules-btn:hover {
  color: #409eff;
}
.commission-table-container[data-v-cab5c3fc] .paste-rules-btn {
  color: #67c23a;
  font-size: 16px;
  padding: 0;
}
.commission-table-container[data-v-cab5c3fc] .paste-rules-btn:hover {
  color: #85ce61;
}
.commission-table-container[data-v-cab5c3fc] .cancel-copy-btn {
  color: #f56c6c;
  font-size: 12px;
  padding: 0;
}
.commission-table-container[data-v-cab5c3fc] .cancel-copy-btn:hover {
  color: #f78989;
}
.commission-table-container[data-v-cab5c3fc] .more-rules-btn {
  color: #909399;
  font-size: 12px;
  padding: 0;
  margin-left: 8px;
}
.commission-table-container[data-v-cab5c3fc] .more-rules-btn:hover {
  color: #409eff;
}
.commission-table-container[data-v-cab5c3fc] .unconfigured-btn {
  color: #409eff;
  font-size: 13px;
  padding: 0;
}
.commission-table-container[data-v-cab5c3fc] .unconfigured-btn:hover {
  color: #66b1ff;
}
.commission-table-container[data-v-cab5c3fc] .unconfigured-text {
  color: #409eff;
  font-size: 13px;
}

/* 正在编辑的行高亮 */
.commission-table-container[data-v-cab5c3fc] .el-table__row.selected-row > td {
  background: #f0f9ff !important;
}
.commission-table-container[data-v-cab5c3fc] .el-table__row.current-row > td {
  background: #f0f9ff !important;
}
.commission-table-container[data-v-cab5c3fc] .el-table__body tr:hover > td {
  background-color: #f5f7fa;
}

/* 计数徽章（员工级别右上） */
.page_commission_add[data-v-cab5c3fc] .count-badge-right {
  display: inline-block;
  background-color: #409eff;
  color: white;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: absolute;
  top: 22px;
  right: 2px;
}
.page_commission_add[data-v-cab5c3fc] .count-badge-right:hover { background-color: #66b1ff;
}

/* 可点击项 hover */
.page_commission_add[data-v-cab5c3fc] .employee-level-item,
.page_commission_add[data-v-cab5c3fc] .expense-type-item,
.page_commission_add[data-v-cab5c3fc] .membership-type-item,
.page_commission_add[data-v-cab5c3fc] .payment-item,
.page_commission_add[data-v-cab5c3fc] .project-item,
.page_commission_add[data-v-cab5c3fc] .specify-type-item {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 2px 4px;
  border-radius: 4px;
}
.page_commission_add[data-v-cab5c3fc] .employee-level-item:hover,
.page_commission_add[data-v-cab5c3fc] .expense-type-item:hover,
.page_commission_add[data-v-cab5c3fc] .membership-type-item:hover,
.page_commission_add[data-v-cab5c3fc] .payment-item:hover,
.page_commission_add[data-v-cab5c3fc] .project-item:hover,
.page_commission_add[data-v-cab5c3fc] .specify-type-item:hover {
  background-color: #f0f7ff;
  color: #409eff;
}

/* 支付方式换行显示 */
.page_commission_add[data-v-cab5c3fc] .payment-item {
  text-align: left;
  display: inline-block;
  max-width: 7ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.page_commission_add[data-v-cab5c3fc] .content-area {
  line-height: 1.2;
  word-break: break-all;
}
.page_commission_add[data-v-cab5c3fc] .el-table .cell {
  white-space: normal !important;
  line-height: 1.2;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

/* 项目选择弹窗样式 */
.service-project-select[data-v-cab5c3fc] { padding: 0 20px;
}
.service-project-select .dialog-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;
}
.service-project-select .dialog-header .title[data-v-cab5c3fc] { font-size: 18px; font-weight: bold; color: #333;
}
.service-project-select .dialog-header .search-input[data-v-cab5c3fc] { width: 300px;
}
.project-categories[data-v-cab5c3fc] { max-height: 500px; overflow-y: auto;
}
.project-category[data-v-cab5c3fc] { border: 1px solid #e6e6e6; border-radius: 4px; margin-bottom: 15px; background-color: #f9f9f9;
}
.project-category .category-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  padding: 12px 15px; background-color: #f0f0f0; border-bottom: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;
}
.project-category .category-header[data-v-cab5c3fc]:hover { background-color: #e6f7ff;
}
.project-category .category-header .checkbox-wrapper[data-v-cab5c3fc] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; pointer-events: none;
}
.project-category .category-header .checkbox-wrapper .el-checkbox[data-v-cab5c3fc] { font-weight: bold; font-size: 16px; pointer-events: auto;
}
.project-category .category-header .checkbox-wrapper .el-checkbox__label[data-v-cab5c3fc] { pointer-events: auto;
}
.project-category .category-header .selected-count[data-v-cab5c3fc] { color: #409eff; font-size: 14px; margin-right: 15px;
}
.project-category .category-header .collapse-icon[data-v-cab5c3fc] { color: #666; font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;
}
.project-category .category-header:hover .collapse-icon[data-v-cab5c3fc] { color: #409eff;
}
.project-items[data-v-cab5c3fc] { padding: 10px 15px; background-color: white;
}
.project-grid[data-v-cab5c3fc] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px;
}
.project-grid-item[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 8px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fafafa; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.project-grid-item[data-v-cab5c3fc]:hover { border-color: #409eff; background-color: #f0f9ff;
}
.project-grid-item .el-checkbox[data-v-cab5c3fc] { width: 100%; margin: 0; margin-right: 2px;
}
.project-grid-item .el-checkbox .el-checkbox__label[data-v-cab5c3fc] { margin-left: 4px; font-size: 13px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px;
}
.project-grid-item .el-checkbox__label .project-code[data-v-cab5c3fc] { font-size: 11px; color: #666; font-weight: normal;
}

/* 滚动条 */
.project-categories[data-v-cab5c3fc]::-webkit-scrollbar { width: 6px;
}
.project-categories[data-v-cab5c3fc]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px;
}
.project-categories[data-v-cab5c3fc]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px;
}
.project-categories[data-v-cab5c3fc]::-webkit-scrollbar-thumb:hover { background: #a8a8a8;
}

/* 项目分类显示徽章与数量小圆点 */
.page_commission_add[data-v-cab5c3fc] .project-category-display {
  font-weight: bold; color: #409eff; background-color: #f0f9ff; padding: 2px 6px; border-radius: 4px; border: 1px solid #c6e2ff;
}
.page_commission_add[data-v-cab5c3fc] .project-count-badge {
  position: absolute; top: 22px; right: 2px; background-color: #f56c6c; color: white; border-radius: 50%;
  width: 16px; height: 16px; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; z-index: 1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.page_commission_add[data-v-cab5c3fc] .project-item { display: block; margin-bottom: 0; line-height: 1.2; padding: 2px 4px;
}

/* 提成配置表格样式 */
.commission-table-container[data-v-cab5c3fc] {
  margin-top: 20px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.commission-table-container[data-v-cab5c3fc] .el-table {
  border: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.commission-table-container[data-v-cab5c3fc] .el-table__header-wrapper {
  background-color: #f5f7fa;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.commission-table-container[data-v-cab5c3fc] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
}
.commission-table-container[data-v-cab5c3fc] .el-table th {
  background-color: #f5f7fa;
  color: #606266;
  font-weight: 600;
}
.commission-table-container[data-v-cab5c3fc] .category-name {
  font-weight: 600;
  color: #409eff;
  cursor: pointer;
}
.commission-table-container[data-v-cab5c3fc] .category-name:hover {
  color: #66b1ff;
}
.commission-table-container[data-v-cab5c3fc] .project-name {
  color: #606266;
  padding-left: 0;
}
.commission-table-container[data-v-cab5c3fc] .calculation-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.commission-table-container[data-v-cab5c3fc] .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.commission-table-container[data-v-cab5c3fc] .el-table__expand-icon {
  color: #409eff;
}
.commission-table-container[data-v-cab5c3fc] .el-table__expand-icon--expanded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.commission-table-container[data-v-cab5c3fc] .el-table .el-table__row--level-1 {
  background-color: #f9f9f9;
}
.commission-table-container[data-v-cab5c3fc] .el-table .el-table__row--level-2 {
  background-color: #fff;
}

/* ==================== 抽屉弹窗样式 ==================== */
.commission-drawer[data-v-cab5c3fc] .el-drawer {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.commission-drawer[data-v-cab5c3fc] .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.commission-drawer[data-v-cab5c3fc] .el-drawer__body {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.drawer-header[data-v-cab5c3fc] {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  background-color: #fafafa;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.title-section[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-section h3[data-v-cab5c3fc] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.header-actions[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-actions .el-button[data-v-cab5c3fc] {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 13px;
}
.header-actions .el-button i[data-v-cab5c3fc] {
  font-size: 12px;
  margin-right: 4px;
}
.sort-tip[data-v-cab5c3fc] {
  font-size: 12px;
  color: #909399;
}
.drawer-content[data-v-cab5c3fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 20px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 规则表格样式 */
.rule-table-wrapper[data-v-cab5c3fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.rule-table[data-v-cab5c3fc] .el-table__header-wrapper th {
  background-color: #f8f9fa;
  color: #333333;
  font-weight: 600;
  padding: 8px 4px;
  font-size: 13px;
  text-align: center;
}
.rule-table[data-v-cab5c3fc] .el-table__row {
  height: 40px;
}
.rule-table[data-v-cab5c3fc] .el-table__row td {
  padding: 4px;
  font-size: 13px;
}
.calculation-cell[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-action-buttons[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.table-action-buttons .action-icon-btn[data-v-cab5c3fc] {
  padding: 0 2px;
  margin: 0;
  font-size: 14px;
}
.table-action-buttons.compact[data-v-cab5c3fc] {
  gap: 0;
}
.table-action-buttons .action-icon-btn.compact[data-v-cab5c3fc] {
  padding: 0 1px;
  margin: 0;
  font-size: 13px;
  min-width: 18px;
}
.table-action-buttons .action-icon-btn.compact i[data-v-cab5c3fc] {
  font-size: 13px;
}
.table-action-buttons .delete-btn[data-v-cab5c3fc]:hover {
  color: #f56c6c;
}
.drawer-footer[data-v-cab5c3fc] {
  padding: 16px 0 0;
  border-top: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}

/* 选择弹窗复选框组样式 - 行显示 */
.selection-checkbox-group[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.selection-checkbox-group .all-checkbox[data-v-cab5c3fc] {
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}
.selection-checkbox-group .item-checkbox[data-v-cab5c3fc] {
  min-width: 100px;
  margin-right: 15px;
}
.default-card[data-v-cab5c3fc] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.default-card[data-v-cab5c3fc] .el-card__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  padding: 12px 20px;
}
.default-card[data-v-cab5c3fc] .el-card__header span {
  font-weight: 600;
  color: #303133;
}
.default-card[data-v-cab5c3fc] .el-card__body {
  padding: 20px;
}

/* 表单样式优化 */
.default-card[data-v-cab5c3fc] .el-form-item {
  margin-bottom: 16px;
}
.default-card[data-v-cab5c3fc] .el-form-item__label {
  font-weight: 500;
  color: #606266;
}
.default-card[data-v-cab5c3fc] .el-select {
  width: 100%;
}
.default-card[data-v-cab5c3fc] .el-select__tags {
  max-width: 100%;
}

/* 计算规则配置样式 */
.calculation-rule-config[data-v-cab5c3fc] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 16px;
  background-color: #f9f9f9;
}
.rule-item[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.rule-item[data-v-cab5c3fc]:last-child {
  margin-bottom: 0;
}
.rule-label[data-v-cab5c3fc] {
  min-width: 120px;
  font-weight: 500;
  color: #606266;
  margin-right: 10px;
}
.unit-text[data-v-cab5c3fc] {
  color: #909399;
  font-size: 14px;
  margin-left: 5px;
}

/* 数字输入框样式优化 */
.calculation-rule-config[data-v-cab5c3fc] .el-input-number {
  width: 120px;
}
.calculation-rule-config[data-v-cab5c3fc] .el-input-number .el-input__inner {
  text-align: center;
}

/* 开关样式优化 */
.calculation-rule-config[data-v-cab5c3fc] .el-switch {
  margin-left: 10px;
}
.calculation-rule-config[data-v-cab5c3fc] .el-switch__label {
  font-size: 12px;
}
.calculation-rule-config[data-v-cab5c3fc] .el-switch__label.is-active {
  color: #409eff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-cab5c3fc] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-cab5c3fc] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-cab5c3fc]:hover {
  color: #f78989;
}
.copy-icon[data-v-cab5c3fc] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-cab5c3fc]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-cab5c3fc] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-cab5c3fc] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-cab5c3fc]:hover {
  color: #f78989;
}
.copy-icon[data-v-cab5c3fc] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-cab5c3fc]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-cab5c3fc] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-cab5c3fc] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-cab5c3fc]:hover {
  color: #f78989;
}
.copy-icon[data-v-cab5c3fc] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-cab5c3fc]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-cab5c3fc] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}
.card-header-right[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-cab5c3fc] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-cab5c3fc]:hover {
  color: #f78989;
}
.copy-icon[data-v-cab5c3fc] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-cab5c3fc]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-cab5c3fc] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-cab5c3fc] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-cab5c3fc]:hover {
  color: #f78989;
}
.copy-icon[data-v-cab5c3fc] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-cab5c3fc]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-cab5c3fc] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-cab5c3fc] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-cab5c3fc] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-cab5c3fc] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-cab5c3fc]:hover {
  color: #f78989;
}
.copy-icon[data-v-cab5c3fc] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-cab5c3fc]:hover {
  color: #66b1ff;
}

/* 紧凑表单样式 */
.compact-form[data-v-cab5c3fc] {
  width: 100%;
}
.form-row[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.compact-item[data-v-cab5c3fc] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 240px;
  margin-bottom: 0 !important;
}
.compact-item[data-v-cab5c3fc] .el-form-item__content {
  width: 100%;
}
.compact-item[data-v-cab5c3fc] .el-select {
  width: 240px !important;
}

/* 下拉菜单宽度优化 */
.compact-item[data-v-cab5c3fc] .el-select .el-input__inner {
  min-width: 200px;
}
.compact-item[data-v-cab5c3fc] .el-select .el-select__tags {
  max-width: 220px;
}

/* 计算规则配置样式优化 */
.calculation-rule-config[data-v-cab5c3fc] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 16px;
  background-color: #f9f9f9;
}
.rule-row[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rule-item[data-v-cab5c3fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 280px;
  margin-bottom: 0 !important;
}
.rule-label[data-v-cab5c3fc] {
  min-width: 100px;
  font-weight: 500;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}
.unit-text[data-v-cab5c3fc] {
  color: #909399;
  font-size: 14px;
  margin-left: 5px;
  white-space: nowrap;
}

/* 数字输入框样式优化 */
.number-input[data-v-cab5c3fc] {
  width: 160px !important;
  margin-right: 8px;
}

/* 计算规则配置区域内的数字输入框 */
.calculation-rule-config .number-input[data-v-cab5c3fc] {
  width: 160px !important;
  min-width: 160px !important;
}

/* 拖拽手柄与标签宽度优化 */
.drag-handle[data-v-cab5c3fc] {
  cursor: move;
  color: #909399;
}
.drag-handle[data-v-cab5c3fc]:hover {
  color: #409eff;
}
.compact-form[data-v-cab5c3fc] .el-form-item__label {
  width: 140px !important;
}
.compact-form[data-v-cab5c3fc] .el-form-item__content {
  margin-left: 140px !important;
}
.rule-label[data-v-cab5c3fc] {
  min-width: 140px !important;
}

/* 表单验证错误样式 */
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-input__inner,
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-textarea__inner,
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-input-number__decrease,
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-input-number__increase,
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-input-number .el-input__inner,
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-select .el-input__inner {
  border-color: #f56c6c !important;
}
.compact-form[data-v-cab5c3fc] .el-form-item.is-error .el-form-item__error {
  color: #f56c6c;
}
.number-input[data-v-cab5c3fc] .el-input__inner {
  text-align: left;
  padding-right: 30px;
}

/* 计算规则配置区域内的输入框内部样式 */
.calculation-rule-config .number-input[data-v-cab5c3fc] .el-input__inner {
  width: 160px !important;
  min-width: 160px !important;
  text-align: left;
  padding-right: 30px;
}

/* 开关样式优化 */
.unit-switch[data-v-cab5c3fc] {
  margin-left: 8px;
}
.sharing-switch[data-v-cab5c3fc] {
  margin-left: 8px;
}
.sharing-switch.is-disabled[data-v-cab5c3fc] {
  opacity: 0.6;
}
.sharing-switch.is-disabled[data-v-cab5c3fc] .el-switch__label {
  color: #c0c4cc !important;
}
.calculation-rule-config[data-v-cab5c3fc] .el-switch__label {
  font-size: 12px;
}
.calculation-rule-config[data-v-cab5c3fc] .el-switch__label.is-active {
  color: #409eff;
}

/* 添加规则按钮样式 */
.add-rule-btn[data-v-cab5c3fc] {
  margin-left: 8px;
  font-size: 12px;
  padding: 6px 10px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
.compact-item[data-v-cab5c3fc] {
    min-width: 180px;
}
.number-input[data-v-cab5c3fc] {
    width: 140px !important;
}
.rule-label[data-v-cab5c3fc] {
    min-width: 100px;
}
.rule-item[data-v-cab5c3fc] {
    min-width: 240px;
}
}
@media (max-width: 992px) {
.form-row[data-v-cab5c3fc] {
    gap: 12px;
}
.compact-item[data-v-cab5c3fc] {
    min-width: 160px;
}
.rule-row[data-v-cab5c3fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.rule-item[data-v-cab5c3fc] {
    min-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.rule-label[data-v-cab5c3fc] {
    min-width: 100px;
    margin-bottom: 0;
    margin-right: 8px;
}
.number-input[data-v-cab5c3fc] {
    width: 120px !important;
    margin-right: 8px;
    margin-bottom: 0;
}
.unit-switch[data-v-cab5c3fc],
  .sharing-switch[data-v-cab5c3fc] {
    margin-left: 8px;
    margin-top: 0;
}
}
@media (max-width: 768px) {
.commission-drawer[data-v-cab5c3fc] .el-drawer {
    width: 95% !important;
}
.title-section[data-v-cab5c3fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.header-actions[data-v-cab5c3fc] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.form-row[data-v-cab5c3fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.compact-item[data-v-cab5c3fc] {
    min-width: 100%;
}
.calculation-rule-config[data-v-cab5c3fc] {
    padding: 12px;
}
.rule-item[data-v-cab5c3fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.rule-label[data-v-cab5c3fc] {
    min-width: auto;
    margin-right: 0;
    margin-bottom: 0;
}
.number-input[data-v-cab5c3fc] {
    width: 100% !important;
    margin-right: 0;
}
.unit-switch[data-v-cab5c3fc],
  .sharing-switch[data-v-cab5c3fc] {
    margin-left: 0;
}
.card-header[data-v-cab5c3fc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.card-header-right[data-v-cab5c3fc] {
    -ms-flex-item-align: end;
        align-self: flex-end;
}
}

/* 拖拽时禁用内部控件事件，保证外层区域接收拖拽事件 */
.drag-guard *[data-v-cab5c3fc] {
  pointer-events: none !important;
}

/* 拖拽排序过渡动画 */
.card-list-move[data-v-cab5c3fc] { -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.card-list-enter-active[data-v-cab5c3fc], .card-list-leave-active[data-v-cab5c3fc] { -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.card-list-enter[data-v-cab5c3fc], .card-list-leave-to[data-v-cab5c3fc] { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}

/* 拖拽中的 ghost 样式 */
.drag-ghost[data-v-cab5c3fc] { opacity: 0.6; background: #c8ebfb;
}

/* 当前选中项样式（chosen-class） */
.drag-chosen[data-v-cab5c3fc] { border: 1px dashed #409eff !important; -webkit-box-shadow: 0 0 0 2px rgba(64,158,255,0.2) inset; box-shadow: 0 0 0 2px rgba(64,158,255,0.2) inset;
}

/* 悬停目标可做视觉提示（保留但暂不启用） */
.rule-card.is-hover[data-v-cab5c3fc] { outline: 2px dashed #409eff;
}

/* 表格内点击的规则标签选中样式 */
.rule-tag.tag-chosen[data-v-cab5c3fc] { border: 1px dashed #409eff !important; background: #ecf5ff !important;
}

.el-dialog[data-v-17151d16] { text-align: left;
}
.el-form[data-v-17151d16] { margin-bottom: 20px;
}
.page_commission_add[data-v-17151d16] { padding: 20px; height: calc(100vh - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.page_commission_add .el-form-item[data-v-17151d16] { margin-bottom: 14px;
}
.tab_col_cell[data-v-17151d16] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 40px;
}
.addIcon[data-v-17151d16] { position: absolute; top: 2px; right: 2px; color: #409eff; font-size: 12px; cursor: pointer;
}
.closeIcon[data-v-17151d16] { position: absolute; top: 2px; left: 2px; font-size: 12px; color: #f56c6c; cursor: pointer;
}
.header_form[data-v-17151d16] { border: 1px solid #dfe6ec; margin: 10px 0; padding-top: 14px; display: inline-block; width: 100%;
}

/* 表格容器样式 */
.page_commission_add[data-v-17151d16] .el-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page_commission_add[data-v-17151d16] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.page_commission_add[data-v-17151d16] .el-table__header-wrapper {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
}
.page_commission_add[data-v-17151d16] .el-table__fixed-header-wrapper {
  position: sticky;
  top: 0;
  z-index: 11;
}

/* 正在编辑的行高亮（只显示背景，不显示虚线） */
.page_commission_add[data-v-17151d16] .el-table__row.selected-row > td {
  background: #f0f9ff !important;
}

/* 兼容 ElementUI 的 current-row 样式（setCurrentRow 设置的当前行） */
.page_commission_add[data-v-17151d16] .el-table__row.current-row > td {
  background: #f0f9ff !important;
}

/* 高度自适应 */
.page_commission_add[data-v-17151d16] .el-table,
.page_commission_add[data-v-17151d16] .el-table__body-wrapper {
  height: 100%;
}

/* 行 hover */
.page_commission_add[data-v-17151d16] .el-table__body tr:hover > td {
  background-color: #f5f7fa;
}

/* 计数徽章（员工级别右上） */
.page_commission_add[data-v-17151d16] .count-badge-right {
  display: inline-block;
  background-color: #409eff;
  color: white;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: absolute;
  top: 22px;
  right: 2px;
}
.page_commission_add[data-v-17151d16] .count-badge-right:hover { background-color: #66b1ff;
}

/* 可点击项 hover */
.page_commission_add[data-v-17151d16] .employee-level-item,
.page_commission_add[data-v-17151d16] .expense-type-item,
.page_commission_add[data-v-17151d16] .membership-type-item,
.page_commission_add[data-v-17151d16] .payment-item,
.page_commission_add[data-v-17151d16] .project-item,
.page_commission_add[data-v-17151d16] .specify-type-item {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 2px 4px;
  border-radius: 4px;
}
.page_commission_add[data-v-17151d16] .employee-level-item:hover,
.page_commission_add[data-v-17151d16] .expense-type-item:hover,
.page_commission_add[data-v-17151d16] .membership-type-item:hover,
.page_commission_add[data-v-17151d16] .payment-item:hover,
.page_commission_add[data-v-17151d16] .project-item:hover,
.page_commission_add[data-v-17151d16] .specify-type-item:hover {
  background-color: #f0f7ff;
  color: #409eff;
}

/* 支付方式换行显示 */
.page_commission_add[data-v-17151d16] .payment-item {
  text-align: left;
  display: inline-block;
  max-width: 7ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.page_commission_add[data-v-17151d16] .content-area {
  line-height: 1.2;
  word-break: break-all;
}
.page_commission_add[data-v-17151d16] .el-table .cell {
  white-space: normal !important;
  line-height: 1.2;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

/* 项目选择弹窗样式 */
.service-project-select[data-v-17151d16] { padding: 0 20px;
}
.service-project-select .dialog-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;
}
.service-project-select .dialog-header .title[data-v-17151d16] { font-size: 18px; font-weight: bold; color: #333;
}
.service-project-select .dialog-header .search-input[data-v-17151d16] { width: 300px;
}
.project-categories[data-v-17151d16] { max-height: 500px; overflow-y: auto;
}
.project-category[data-v-17151d16] { border: 1px solid #e6e6e6; border-radius: 4px; margin-bottom: 15px; background-color: #f9f9f9;
}
.project-category .category-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  padding: 12px 15px; background-color: #f0f0f0; border-bottom: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;
}
.project-category .category-header[data-v-17151d16]:hover { background-color: #e6f7ff;
}
.project-category .category-header .checkbox-wrapper[data-v-17151d16] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; pointer-events: none;
}
.project-category .category-header .checkbox-wrapper .el-checkbox[data-v-17151d16] { font-weight: bold; font-size: 16px; pointer-events: auto;
}
.project-category .category-header .checkbox-wrapper .el-checkbox__label[data-v-17151d16] { pointer-events: auto;
}
.project-category .category-header .selected-count[data-v-17151d16] { color: #409eff; font-size: 14px; margin-right: 15px;
}
.project-category .category-header .collapse-icon[data-v-17151d16] { color: #666; font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;
}
.project-category .category-header:hover .collapse-icon[data-v-17151d16] { color: #409eff;
}
.project-items[data-v-17151d16] { padding: 10px 15px; background-color: white;
}
.project-grid[data-v-17151d16] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px;
}
.project-grid-item[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 8px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fafafa; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.project-grid-item[data-v-17151d16]:hover { border-color: #409eff; background-color: #f0f9ff;
}
.project-grid-item .el-checkbox[data-v-17151d16] { width: 100%; margin: 0; margin-right: 2px;
}
.project-grid-item .el-checkbox .el-checkbox__label[data-v-17151d16] { margin-left: 4px; font-size: 13px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px;
}
.project-grid-item .el-checkbox__label .project-code[data-v-17151d16] { font-size: 11px; color: #666; font-weight: normal;
}

/* 滚动条 */
.project-categories[data-v-17151d16]::-webkit-scrollbar { width: 6px;
}
.project-categories[data-v-17151d16]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px;
}
.project-categories[data-v-17151d16]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px;
}
.project-categories[data-v-17151d16]::-webkit-scrollbar-thumb:hover { background: #a8a8a8;
}

/* 项目分类显示徽章与数量小圆点 */
.page_commission_add[data-v-17151d16] .project-category-display {
  font-weight: bold; color: #409eff; background-color: #f0f9ff; padding: 2px 6px; border-radius: 4px; border: 1px solid #c6e2ff;
}
.page_commission_add[data-v-17151d16] .project-count-badge {
  position: absolute; top: 22px; right: 2px; background-color: #f56c6c; color: white; border-radius: 50%;
  width: 16px; height: 16px; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; z-index: 1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.page_commission_add[data-v-17151d16] .project-item { display: block; margin-bottom: 0; line-height: 1.2; padding: 2px 4px;
}

/* 提成配置表格样式 */
.commission-table-container[data-v-17151d16] {
  margin-top: 20px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background-color: #fff;
}
.commission-table-container[data-v-17151d16] .el-table {
  border: none;
}
.commission-table-container[data-v-17151d16] .el-table__header-wrapper {
  background-color: #f5f7fa;
}
.commission-table-container[data-v-17151d16] .el-table th {
  background-color: #f5f7fa;
  color: #606266;
  font-weight: 600;
}
.commission-table-container[data-v-17151d16] .category-name {
  font-weight: 600;
  color: #409eff;
  cursor: pointer;
}
.commission-table-container[data-v-17151d16] .category-name:hover {
  color: #66b1ff;
}
.commission-table-container[data-v-17151d16] .project-name {
  color: #606266;
  padding-left: 20px;
}
.commission-table-container[data-v-17151d16] .calculation-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.commission-table-container[data-v-17151d16] .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.commission-table-container[data-v-17151d16] .el-table__expand-icon {
  color: #409eff;
}
.commission-table-container[data-v-17151d16] .el-table__expand-icon--expanded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.commission-table-container[data-v-17151d16] .el-table .el-table__row--level-1 {
  background-color: #f9f9f9;
}
.commission-table-container[data-v-17151d16] .el-table .el-table__row--level-2 {
  background-color: #fff;
}

/* 抽屉弹窗样式 */
.commission-drawer[data-v-17151d16] .el-drawer {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.commission-drawer[data-v-17151d16] .el-drawer__header {
  margin-bottom: 0;
  padding: 20px 20px 0;
  border-bottom: 1px solid #ebeef5;
}
.commission-drawer[data-v-17151d16] .el-drawer__body {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.drawer-header[data-v-17151d16] {
  padding: 20px;
  border-bottom: 1px solid #ebeef5;
  background-color: #fafafa;
}
.title-section[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-section h3[data-v-17151d16] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}
.header-actions[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-content[data-v-17151d16] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.default-card[data-v-17151d16] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.default-card[data-v-17151d16] .el-card__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  padding: 12px 20px;
}
.default-card[data-v-17151d16] .el-card__header span {
  font-weight: 600;
  color: #303133;
}
.default-card[data-v-17151d16] .el-card__body {
  padding: 20px;
}

/* 表单样式优化 */
.default-card[data-v-17151d16] .el-form-item {
  margin-bottom: 16px;
}
.default-card[data-v-17151d16] .el-form-item__label {
  font-weight: 500;
  color: #606266;
}
.default-card[data-v-17151d16] .el-select {
  width: 100%;
}
.default-card[data-v-17151d16] .el-select__tags {
  max-width: 100%;
}

/* 计算规则配置样式 */
.calculation-rule-config[data-v-17151d16] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 16px;
  background-color: #f9f9f9;
}
.rule-item[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.rule-item[data-v-17151d16]:last-child {
  margin-bottom: 0;
}
.rule-label[data-v-17151d16] {
  min-width: 120px;
  font-weight: 500;
  color: #606266;
  margin-right: 10px;
}
.unit-text[data-v-17151d16] {
  color: #909399;
  font-size: 14px;
  margin-left: 5px;
}

/* 数字输入框样式优化 */
.calculation-rule-config[data-v-17151d16] .el-input-number {
  width: 120px;
}
.calculation-rule-config[data-v-17151d16] .el-input-number .el-input__inner {
  text-align: center;
}

/* 开关样式优化 */
.calculation-rule-config[data-v-17151d16] .el-switch {
  margin-left: 10px;
}
.calculation-rule-config[data-v-17151d16] .el-switch__label {
  font-size: 12px;
}
.calculation-rule-config[data-v-17151d16] .el-switch__label.is-active {
  color: #409eff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-17151d16] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-17151d16] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-17151d16]:hover {
  color: #f78989;
}
.copy-icon[data-v-17151d16] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-17151d16]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-17151d16] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-17151d16] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-17151d16]:hover {
  color: #f78989;
}
.copy-icon[data-v-17151d16] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-17151d16]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-17151d16] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-17151d16] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-17151d16]:hover {
  color: #f78989;
}
.copy-icon[data-v-17151d16] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-17151d16]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-17151d16] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}
.card-header-right[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-17151d16] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-17151d16]:hover {
  color: #f78989;
}
.copy-icon[data-v-17151d16] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-17151d16]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-17151d16] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-17151d16] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-17151d16]:hover {
  color: #f78989;
}
.copy-icon[data-v-17151d16] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-17151d16]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-17151d16] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-17151d16] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-17151d16] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-17151d16] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-17151d16]:hover {
  color: #f78989;
}
.copy-icon[data-v-17151d16] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-17151d16]:hover {
  color: #66b1ff;
}

/* 紧凑表单样式 */
.compact-form[data-v-17151d16] {
  width: 100%;
}
.form-row[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.compact-item[data-v-17151d16] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 240px;
  margin-bottom: 0 !important;
}
.compact-item[data-v-17151d16] .el-form-item__content {
  width: 100%;
}
.compact-item[data-v-17151d16] .el-select {
  width: 240px !important;
}

/* 下拉菜单宽度优化 */
.compact-item[data-v-17151d16] .el-select .el-input__inner {
  min-width: 200px;
}
.compact-item[data-v-17151d16] .el-select .el-select__tags {
  max-width: 220px;
}

/* 计算规则配置样式优化 */
.calculation-rule-config[data-v-17151d16] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 16px;
  background-color: #f9f9f9;
}
.rule-row[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rule-item[data-v-17151d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 280px;
  margin-bottom: 0 !important;
}
.rule-label[data-v-17151d16] {
  min-width: 100px;
  font-weight: 500;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}
.unit-text[data-v-17151d16] {
  color: #909399;
  font-size: 14px;
  margin-left: 5px;
  white-space: nowrap;
}

/* 数字输入框样式优化 */
.number-input[data-v-17151d16] {
  width: 160px !important;
  margin-right: 8px;
}

/* 计算规则配置区域内的数字输入框 */
.calculation-rule-config .number-input[data-v-17151d16] {
  width: 160px !important;
  min-width: 160px !important;
}

/* 拖拽手柄与标签宽度优化 */
.drag-handle[data-v-17151d16] {
  cursor: move;
  color: #909399;
}
.drag-handle[data-v-17151d16]:hover {
  color: #409eff;
}
.compact-form[data-v-17151d16] .el-form-item__label {
  width: 140px !important;
}
.compact-form[data-v-17151d16] .el-form-item__content {
  margin-left: 140px !important;
}
.rule-label[data-v-17151d16] {
  min-width: 140px !important;
}
.number-input[data-v-17151d16] .el-input__inner {
  text-align: left;
  padding-right: 30px;
}

/* 计算规则配置区域内的输入框内部样式 */
.calculation-rule-config .number-input[data-v-17151d16] .el-input__inner {
  width: 160px !important;
  min-width: 160px !important;
  text-align: left;
  padding-right: 30px;
}

/* 开关样式优化 */
.unit-switch[data-v-17151d16] {
  margin-left: 8px;
}
.sharing-switch[data-v-17151d16] {
  margin-left: 8px;
}
.sharing-switch.is-disabled[data-v-17151d16] {
  opacity: 0.6;
}
.sharing-switch.is-disabled[data-v-17151d16] .el-switch__label {
  color: #c0c4cc !important;
}
.calculation-rule-config[data-v-17151d16] .el-switch__label {
  font-size: 12px;
}
.calculation-rule-config[data-v-17151d16] .el-switch__label.is-active {
  color: #409eff;
}

/* 添加规则按钮样式 */
.add-rule-btn[data-v-17151d16] {
  margin-left: 8px;
  font-size: 12px;
  padding: 6px 10px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
.compact-item[data-v-17151d16] {
    min-width: 180px;
}
.number-input[data-v-17151d16] {
    width: 140px !important;
}
.rule-label[data-v-17151d16] {
    min-width: 100px;
}
.rule-item[data-v-17151d16] {
    min-width: 240px;
}
}
@media (max-width: 992px) {
.form-row[data-v-17151d16] {
    gap: 12px;
}
.compact-item[data-v-17151d16] {
    min-width: 160px;
}
.rule-row[data-v-17151d16] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.rule-item[data-v-17151d16] {
    min-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.rule-label[data-v-17151d16] {
    min-width: 100px;
    margin-bottom: 0;
    margin-right: 8px;
}
.number-input[data-v-17151d16] {
    width: 120px !important;
    margin-right: 8px;
    margin-bottom: 0;
}
.unit-switch[data-v-17151d16],
  .sharing-switch[data-v-17151d16] {
    margin-left: 8px;
    margin-top: 0;
}
}
@media (max-width: 768px) {
.commission-drawer[data-v-17151d16] .el-drawer {
    width: 95% !important;
}
.title-section[data-v-17151d16] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.header-actions[data-v-17151d16] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.form-row[data-v-17151d16] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.compact-item[data-v-17151d16] {
    min-width: 100%;
}
.calculation-rule-config[data-v-17151d16] {
    padding: 12px;
}
.rule-item[data-v-17151d16] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.rule-label[data-v-17151d16] {
    min-width: auto;
    margin-right: 0;
    margin-bottom: 0;
}
.number-input[data-v-17151d16] {
    width: 100% !important;
    margin-right: 0;
}
.unit-switch[data-v-17151d16],
  .sharing-switch[data-v-17151d16] {
    margin-left: 0;
}
.card-header[data-v-17151d16] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.card-header-right[data-v-17151d16] {
    -ms-flex-item-align: end;
        align-self: flex-end;
}
}

/* 拖拽时禁用内部控件事件，保证外层区域接收拖拽事件 */
.drag-guard *[data-v-17151d16] {
  pointer-events: none !important;
}

/* 拖拽排序过渡动画 */
.card-list-move[data-v-17151d16] { -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.card-list-enter-active[data-v-17151d16], .card-list-leave-active[data-v-17151d16] { -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.card-list-enter[data-v-17151d16], .card-list-leave-to[data-v-17151d16] { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}

/* 拖拽中的 ghost 样式 */
.drag-ghost[data-v-17151d16] { opacity: 0.6; background: #c8ebfb;
}

/* 当前选中项样式（chosen-class） */
.drag-chosen[data-v-17151d16] { border: 1px dashed #409eff !important; -webkit-box-shadow: 0 0 0 2px rgba(64,158,255,0.2) inset; box-shadow: 0 0 0 2px rgba(64,158,255,0.2) inset;
}

/* 悬停目标可做视觉提示（保留但暂不启用） */
.rule-card.is-hover[data-v-17151d16] { outline: 2px dashed #409eff;
}

/* 表格内点击的规则标签选中样式 */
.rule-tag.tag-chosen[data-v-17151d16] { border: 1px dashed #409eff !important; background: #ecf5ff !important;
}

.tab_col_cell[data-v-d23fb078] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 40px;
}
.addIcon[data-v-d23fb078] { position: absolute; top: 2px; right: 2px; color: #409eff; font-size: 12px; cursor: pointer;
}
.closeIcon[data-v-d23fb078] { position: absolute; top: 2px; left: 2px; font-size: 12px; color: #f56c6c; cursor: pointer;
}
.content-area[data-v-d23fb078] { line-height: 1.2; word-break: break-all;
}
.ladder-config-cell[data-v-d23fb078] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 6px 8px;
  width: 100%;
}
.ladder-config-summary[data-v-d23fb078] {
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* ==================== 全局覆盖 - 禁止页面滚动 ==================== */
[data-v-73ea7dc9]:global(.app-main) {
  overflow: hidden !important;
}

/* ==================== 基础布局样式 - 同步 tianmeiHistory 样式 ==================== */
.app-container[data-v-73ea7dc9] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 移除 has-submenu 的特殊高度设置，因为父容器已经通过 paddingTop 处理了二级菜单的高度 */

/* .app-container.has-submenu { */

/*   height: calc(100vh - 50px - 35px); */

/* } */

/* ==================== 筛选区域样式 - 分布式自适应布局 ==================== */
.filter-container[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px 0;
  gap: 16px;
}
.filter-left[data-v-73ea7dc9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
}
.filter-right[data-v-73ea7dc9] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-container .filter-form[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.filter-container .filter-item[data-v-73ea7dc9] {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
[data-v-73ea7dc9] .filter-container .el-form-item {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
[data-v-73ea7dc9] .filter-container .el-form-item__label {
  font-size: 12px;
  color: #606266;
  padding-right: 6px;
  line-height: 28px;
  white-space: nowrap;
}
[data-v-73ea7dc9] .filter-container .el-input {
  width: 140px;
}
[data-v-73ea7dc9] .filter-container .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
[data-v-73ea7dc9] .filter-container .el-input__icon {
  line-height: 28px;
  font-size: 12px;
}
[data-v-73ea7dc9] .filter-container .el-select {
  width: 120px;
}
[data-v-73ea7dc9] .filter-container .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
[data-v-73ea7dc9] .filter-container .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  white-space: nowrap;
}
[data-v-73ea7dc9] .filter-container .el-button [class*="el-icon-"] {
  font-size: 12px;
  margin-right: 4px;
}

/* ==================== 表格包装器 - 分布式自适应布局 ==================== */
.table-wrapper[data-v-73ea7dc9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
  min-height: 0;
}

/* ==================== 表格样式 - 优化字体、数字和间距 ==================== */
[data-v-73ea7dc9] .el-table {
  font-size: 12px;
  width: 100% !important;
}
[data-v-73ea7dc9] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 4px;
  font-size: 12px;
  white-space: nowrap;
}
[data-v-73ea7dc9] .el-table td {
  padding: 6px 4px;
  font-size: 12px;
}
[data-v-73ea7dc9] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
  padding: 0 4px;
}

/* 表格列宽自适应 */
[data-v-73ea7dc9] .el-table .el-table__header-wrapper,[data-v-73ea7dc9] .el-table .el-table__body-wrapper {
  width: 100% !important;
}

/* 表格内操作按钮样式 */
[data-v-73ea7dc9] .el-table .el-button--mini,[data-v-73ea7dc9] .el-table .el-button--small {
  font-size: 12px;
  padding: 0 6px;
  height: 24px;
  line-height: 24px;
  margin: 0 2px;
}
[data-v-73ea7dc9] .el-table .el-button--mini i,[data-v-73ea7dc9] .el-table .el-button--small i {
  font-size: 11px;
  margin-right: 2px;
}

/* 链接样式 */
[data-v-73ea7dc9] .el-table .el-link {
  font-size: 12px;
  white-space: nowrap;
}

/* 标签样式 */
[data-v-73ea7dc9] .el-table .el-tag--mini {
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 2px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-73ea7dc9] {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 链接 */
.el-link--primary {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

/* 操作按钮容器 */
[data-v-73ea7dc9] .el-table .operation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  white-space: nowrap;
}

/* 数字列右对齐 */
[data-v-73ea7dc9] .el-table .is-right .cell {
  text-align: right;
}

/* 确保表格内容不换行 */
[data-v-73ea7dc9] .el-table .cell > * {
  white-space: nowrap;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-73ea7dc9] {
  margin-top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 门店选择弹窗样式 */
.stores-header[data-v-73ea7dc9] {
  border-bottom: 1px solid #e4e7ed;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.stores-content[data-v-73ea7dc9] {
  max-height: 400px;
  overflow-y: auto;
}
.stores-grid[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.store-group[data-v-73ea7dc9] {
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  overflow: hidden;
}
.group-title[data-v-73ea7dc9] {
  background: #f5f7fa;
  padding: 8px 12px;
  font-weight: 500;
  color: #606266;
  border-bottom: 1px solid #e4e7ed;
}
.store-checkbox[data-v-73ea7dc9] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
}
.store-checkbox[data-v-73ea7dc9]:last-child {
  border-bottom: none;
}
.store-checkbox[data-v-73ea7dc9]:hover {
  background-color: #f5f7fa;
}
.store-item[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}
.store-icon[data-v-73ea7dc9] {
  color: #909399;
  font-size: 14px;
}
.store-name[data-v-73ea7dc9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #303133;
}

/* 员工选择弹窗样式 */
.employees-header[data-v-73ea7dc9] {
  border-bottom: 1px solid #e4e7ed;
  padding-bottom: 12px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.employees-content[data-v-73ea7dc9] {
  max-height: 400px;
  overflow-y: auto;
}
.employees-grid[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.employee-checkbox[data-v-73ea7dc9] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.employee-checkbox[data-v-73ea7dc9]:hover {
  background-color: #f5f7fa;
  border-color: #c0c4cc;
}
.employee-checkbox.is-checked[data-v-73ea7dc9] {
  border-color: #409eff;
  background-color: #ecf5ff;
}
.employee-item[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.employee-info[data-v-73ea7dc9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
}
.employee-name[data-v-73ea7dc9] {
  font-weight: 500;
  color: #303133;
  font-size: 14px;
}
.employee-details[data-v-73ea7dc9] {
  font-size: 12px;
  color: #909399;
  margin-top: 2px;
}
.employee-filters[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.employee-list[data-v-73ea7dc9] {
  max-height: 300px;
  overflow-y: auto;
}

/* ==================== 分布式自适应布局 - 确保不换行 ==================== */

/* 大屏幕 (>= 1440px) */
@media screen and (min-width: 1440px) {
.filter-container[data-v-73ea7dc9] {
    padding: 10px 0;
.filter-form {
      gap: 16px;
}
::v-deep .filter-container .el-input {
      width: 160px;
}
::v-deep .filter-container .el-select {
      width: 140px;
}
}
[data-v-73ea7dc9] .el-table {
    font-size: 13px;
th, td {
      padding: 10px 6px;
}
}
}

/* 中等屏幕 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.filter-container[data-v-73ea7dc9] {
    padding: 8px 0;
.filter-form {
      gap: 12px;
}
::v-deep .filter-container .el-input {
      width: 140px;
}
::v-deep .filter-container .el-select {
      width: 120px;
}
}
}

/* 小屏幕 (992px - 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.filter-container[data-v-73ea7dc9] {
    padding: 6px 0;
.filter-form {
      gap: 8px;
}
::v-deep .filter-container .el-form-item__label {
      font-size: 11px;
}
::v-deep .filter-container .el-input {
      width: 120px;
}
::v-deep .filter-container .el-select {
      width: 100px;
}
}
[data-v-73ea7dc9] .el-table {
    font-size: 11px;
th, td {
      padding: 6px 2px;
}
}
}

/* 平板 (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.filter-container[data-v-73ea7dc9] {
    padding: 6px 0;
.filter-form {
      gap: 6px;
}
::v-deep .filter-container .el-form-item__label {
      font-size: 11px;
      padding-right: 4px;
}
::v-deep .filter-container .el-input {
      width: 110px;
}
::v-deep .filter-container .el-select {
      width: 90px;
}
::v-deep .filter-container .el-button {
      padding: 0 8px;
      font-size: 11px;
}
}
[data-v-73ea7dc9] .el-table {
    font-size: 11px;
th, td {
      padding: 5px 2px;
}
.el-button--mini,
    .el-button--small {
      padding: 0 4px;
      height: 22px;
      line-height: 22px;
      font-size: 11px;
}
}
}

/* ==================== 响应式断点优化 ==================== */

/* 小屏幕手机 (<= 375px) */
@media screen and (max-width: 375px) {
.filter-container[data-v-73ea7dc9] {
    padding: 2px 4px;
    min-height: 24px;
.filter-form {
      gap: 2px;
::v-deep .el-form-item {
.el-form-item__label {
          font-size: 9px;
          padding-right: 2px;
          line-height: 18px;
}
}
::v-deep .el-input {
        width: 80px;
.el-input__inner {
          height: 18px;
          line-height: 18px;
          font-size: 9px;
          padding: 0 4px;
}
}
::v-deep .el-select {
        width: 70px;
.el-input__inner {
          height: 18px;
          line-height: 18px;
          font-size: 9px;
          padding: 0 4px;
}
}
::v-deep .el-button {
        height: 18px;
        line-height: 18px;
        padding: 0 6px;
        font-size: 9px;
i {
          font-size: 9px;
          margin-right: 1px;
}
}
}
}
.commission-table[data-v-73ea7dc9] {
::v-deep .el-table {
      font-size: 10px;
.el-table__header-wrapper th {
        font-size: 10px;
        padding: 4px;
}
.el-table__body-wrapper .el-table__row {
        height: 24px;
td {
          font-size: 9px;
          padding: 2px;
}
}
.el-button--mini {
        font-size: 8px;
        padding: 0 3px;
        height: 16px;
        line-height: 16px;
i {
          font-size: 8px;
}
}
.el-link {
        font-size: 9px;
}
.el-tag--mini {
        font-size: 8px;
        height: 14px;
        line-height: 14px;
        padding: 0 2px;
}
}
}
.pagination-container[data-v-73ea7dc9] {
    padding: 2px 4px;
    min-height: 24px;
.pagination-total {
      font-size: 9px;
      margin-right: 4px;
}
::v-deep .el-pagination {
      gap: 2px;
.el-pagination__total,
      .el-pagination__jump {
        font-size: 9px;
}
.btn-prev,
      .btn-next,
      .el-pager li {
        min-width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 9px;
}
}
}
}

/* 中屏幕手机 (376px - 768px) */
@media screen and (min-width: 376px) and (max-width: 768px) {
.filter-container[data-v-73ea7dc9] {
    padding: 3px 6px;
    min-height: 26px;
.filter-form {
      gap: 3px;
::v-deep .el-form-item {
.el-form-item__label {
          font-size: 10px;
          padding-right: 4px;
          line-height: 20px;
}
}
::v-deep .el-input {
        width: 90px;
.el-input__inner {
          height: 20px;
          line-height: 20px;
          font-size: 10px;
          padding: 0 5px;
}
}
::v-deep .el-select {
        width: 80px;
.el-input__inner {
          height: 20px;
          line-height: 20px;
          font-size: 10px;
          padding: 0 5px;
}
}
::v-deep .el-button {
        height: 20px;
        line-height: 20px;
        padding: 0 8px;
        font-size: 10px;
i {
          font-size: 10px;
          margin-right: 2px;
}
}
}
}
.commission-table[data-v-73ea7dc9] {
::v-deep .el-table {
      font-size: 11px;
.el-table__header-wrapper th {
        font-size: 11px;
        padding: 6px;
}
.el-table__body-wrapper .el-table__row {
        height: 26px;
td {
          font-size: 10px;
          padding: 3px;
}
}
.el-button--mini {
        font-size: 9px;
        padding: 0 4px;
        height: 18px;
        line-height: 18px;
i {
          font-size: 9px;
}
}
.el-link {
        font-size: 10px;
}
.el-tag--mini {
        font-size: 9px;
        height: 16px;
        line-height: 16px;
        padding: 0 3px;
}
}
}
.pagination-container[data-v-73ea7dc9] {
    padding: 3px 6px;
    min-height: 28px;
.pagination-total {
      font-size: 10px;
      margin-right: 6px;
}
::v-deep .el-pagination {
      gap: 3px;
.el-pagination__total,
      .el-pagination__jump {
        font-size: 10px;
}
.btn-prev,
      .btn-next,
      .el-pager li {
        min-width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 10px;
}
}
}
}

/* 平板 (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.filter-container[data-v-73ea7dc9] {
    padding: 4px 8px;
    min-height: 32px;
.filter-form {
      gap: 4px;
::v-deep .el-form-item {
.el-form-item__label {
          font-size: 11px;
          padding-right: 6px;
          line-height: 22px;
}
}
::v-deep .el-input {
        width: 120px;
.el-input__inner {
          height: 22px;
          line-height: 22px;
          font-size: 11px;
          padding: 0 8px;
}
}
::v-deep .el-select {
        width: 110px;
.el-input__inner {
          height: 22px;
          line-height: 22px;
          font-size: 11px;
          padding: 0 8px;
}
}
::v-deep .el-button {
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        font-size: 11px;
i {
          font-size: 11px;
          margin-right: 3px;
}
}
}
}
.commission-table[data-v-73ea7dc9] {
::v-deep .el-table {
      font-size: 12px;
.el-table__header-wrapper th {
        font-size: 12px;
        padding: 8px;
}
.el-table__body-wrapper .el-table__row {
        height: 30px;
td {
          font-size: 11px;
          padding: 4px;
}
}
.el-button--mini {
        font-size: 10px;
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
i {
          font-size: 10px;
}
}
.el-link {
        font-size: 11px;
}
.el-tag--mini {
        font-size: 10px;
        height: 18px;
        line-height: 18px;
        padding: 0 4px;
}
}
}
.pagination-container[data-v-73ea7dc9] {
    padding: 4px 8px;
    min-height: 34px;
.pagination-total {
      font-size: 11px;
      margin-right: 8px;
}
::v-deep .el-pagination {
      gap: 4px;
.el-pagination__total,
      .el-pagination__jump {
        font-size: 11px;
}
.btn-prev,
      .btn-next,
      .el-pager li {
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
}
}
}
}

/* 小高度屏幕 (<= 600px) */
@media screen and (max-height: 600px) {
.filter-container[data-v-73ea7dc9] {
    min-height: 24px;
    padding: 2px 6px;
}
.commission-table[data-v-73ea7dc9] {
::v-deep .el-table {
.el-table__header-wrapper th {
        padding: 4px 6px;
}
.el-table__body-wrapper .el-table__row {
        height: 24px;
td {
          padding: 2px 4px;
}
}
}
}
.pagination-container[data-v-73ea7dc9] {
    min-height: 28px;
    padding: 2px 6px;
}
}

/* 横屏模式 */
@media screen and (orientation: landscape) and (max-height: 500px) {
.filter-container[data-v-73ea7dc9] {
    min-height: 22px;
    padding: 2px 4px;
}
.commission-table[data-v-73ea7dc9] {
::v-deep .el-table {
      font-size: 10px;
.el-table__header-wrapper th {
        font-size: 10px;
        padding: 3px 4px;
}
.el-table__body-wrapper .el-table__row {
        height: 22px;
td {
          font-size: 9px;
          padding: 2px 3px;
}
}
}
}
}

/* 超小屏幕 (<= 320px) */
@media screen and (max-width: 320px) {
.filter-container .filter-form[data-v-73ea7dc9] {
::v-deep .el-form-item__label {
      display: none;
}
::v-deep .el-input,
    ::v-deep .el-select {
      width: 70px;
}
::v-deep .el-button {
      padding: 0 4px;
span {
        display: none;
}
i {
        margin-right: 0;
}
}
}
}

/* iPhone SE / iPad 特殊适配 */
@media screen and (device-width: 375px) and (device-height: 667px),
       screen and (device-width: 414px) and (device-height: 896px) {
.filter-container[data-v-73ea7dc9] {
    min-height: 26px;
}
.pagination-container[data-v-73ea7dc9] {
    min-height: 30px;
}
}

/* ==================== 操作列按钮样式 ==================== */
.operation-buttons[data-v-73ea7dc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.operation-btn[data-v-73ea7dc9] {
  padding: 0 4px;
  font-size: 14px;
i {
    font-size: 14px;
}
&:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
}

/* 原有弹窗响应式样式 */
@media (max-width: 768px) {
.filter-form .el-form-item[data-v-73ea7dc9] {
    margin-bottom: 16px;
}
.employee-filters[data-v-73ea7dc9] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.employee-filters .el-select[data-v-73ea7dc9],
  .employee-filters .el-input[data-v-73ea7dc9] {
    width: 100%;
}
}

/* ==================== 基础布局样式 ==================== */
.page_performance_add[data-v-e9840150] {
  padding: 0;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}
.page_performance_add > *[data-v-e9840150] {
  margin: 0 !important;
}

/* ==================== 顶部表单区域样式 ==================== */
.page_performance_add .el-alert[data-v-e9840150] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 8px 16px !important;
  padding: 8px 16px;
}
.page_performance_add .el-alert__title[data-v-e9840150] {
  font-size: 13px;
}
.header_form[data-v-e9840150] {
  border: 1px solid #e5e7eb;
  margin: 0 16px 8px !important;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header_form .el-form-item[data-v-e9840150] {
  margin-bottom: 0;
  margin-right: 16px;
}
.header_form .el-form-item__label[data-v-e9840150] {
  font-size: 13px;
  color: #606266;
  padding-right: 8px;
  line-height: 28px;
}

/* 头部表单输入框宽度 - 特定类名 */
.compact-input[data-v-e9840150] {
  width: 128px !important;
}
.compact-input[data-v-e9840150]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 8px;
}
.compact-select[data-v-e9840150] {
  width: 128px !important;
}
.compact-select[data-v-e9840150]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 8px;
}
.header_form .el-button[data-v-e9840150] {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 13px;
  margin-left: 8px;
}
.header_form .el-button i[data-v-e9840150] {
  font-size: 12px;
  margin-right: 4px;
}
.header-form-actions[data-v-e9840150] {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/* ==================== 表格容器样式 ==================== */
.performance-table-container[data-v-e9840150] {
  margin: 0 16px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.performance-table-container[data-v-e9840150] .el-table {
  border: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .el-table__header-wrapper {
  background-color: #f8f9fa;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.performance-table-container[data-v-e9840150] .el-table__header-wrapper th {
  background-color: #f8f9fa;
  color: #333333;
  font-weight: 600;
  padding: 10px 8px;
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
}
.performance-table-container[data-v-e9840150] .el-table__row {
  height: 40px;
}
.performance-table-container[data-v-e9840150] .el-table__row td {
  padding: 6px 8px;
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .category-name {
  font-weight: 600;
  color: #409eff;
  cursor: pointer;
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .category-name:hover {
  color: #66b1ff;
}
.performance-table-container[data-v-e9840150] .project-name {
  color: #606266;
  padding-left: 0;
  font-size: 13px;
}

/* 移除树形表格的缩进 */
.performance-table-container[data-v-e9840150] .el-table__indent {
  padding-left: 0 !important;
}
.performance-table-container[data-v-e9840150] .el-table__placeholder {
  display: none;
}
.performance-table-container[data-v-e9840150] .calculation-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.performance-table-container[data-v-e9840150] .calculation-rules .el-tag {
  height: auto;
  line-height: 1.4;
  padding: 4px 8px;
  white-space: normal;
  word-break: break-all;
  max-width: 100%;
}
.performance-table-container[data-v-e9840150] .unconfigured-btn {
  color: #409eff;
  font-size: 13px;
  padding: 0;
}
.performance-table-container[data-v-e9840150] .unconfigured-btn:hover {
  color: #66b1ff;
}
.performance-table-container[data-v-e9840150] .unconfigured-text {
  color: #409eff;
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .more-rules-btn {
  color: #909399;
  font-size: 12px;
  padding: 0;
  margin-left: 8px;
}
.performance-table-container[data-v-e9840150] .more-rules-btn:hover {
  color: #409eff;
}

/* 复制粘贴按钮样式 */
.calculation-rules-wrapper[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.calculation-rules-wrapper .calculation-rules[data-v-e9840150] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.performance-table-container[data-v-e9840150] .copy-rules-btn {
  color: #909399;
  font-size: 14px;
  padding: 0 4px;
  margin-left: 8px;
}
.performance-table-container[data-v-e9840150] .copy-rules-btn:hover {
  color: #409eff;
}
.performance-table-container[data-v-e9840150] .paste-rules-btn {
  color: #67c23a;
  font-size: 16px;
  padding: 0;
}
.performance-table-container[data-v-e9840150] .paste-rules-btn:hover {
  color: #85ce61;
}
.performance-table-container[data-v-e9840150] .cancel-copy-btn {
  color: #f56c6c;
  font-size: 12px;
  padding: 0;
}
.performance-table-container[data-v-e9840150] .cancel-copy-btn:hover {
  color: #f78989;
}
.performance-table-container[data-v-e9840150] .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.performance-table-container[data-v-e9840150] .action-buttons .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
.performance-table-container[data-v-e9840150] .action-buttons .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 正在编辑的行高亮 */
.performance-table-container[data-v-e9840150] .el-table__row.selected-row > td {
  background: #f0f9ff !important;
}
.performance-table-container[data-v-e9840150] .el-table__row.current-row > td {
  background: #f0f9ff !important;
}
.performance-table-container[data-v-e9840150] .el-table__body tr:hover > td {
  background-color: #f5f7fa;
}

/* ==================== 抽屉弹窗样式 ==================== */
.performance-drawer[data-v-e9840150] .el-drawer {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.performance-drawer[data-v-e9840150] .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.performance-drawer[data-v-e9840150] .el-drawer__body {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.drawer-header[data-v-e9840150] {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  background-color: #fafafa;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.title-section[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-section h3[data-v-e9840150] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.header-actions[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-actions .el-button[data-v-e9840150] {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 13px;
}
.header-actions .el-button i[data-v-e9840150] {
  font-size: 12px;
  margin-right: 4px;
}
.sort-tip[data-v-e9840150] {
  font-size: 12px;
  color: #909399;
}
.drawer-content[data-v-e9840150] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 20px;
  overflow-y: auto;
}

/* ==================== 规则表格样式 ==================== */
.rule-table-container[data-v-e9840150] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  margin: 0;
  padding: 0;
}
.rule-table[data-v-e9840150] {
  width: 100%;
}
.rule-table[data-v-e9840150] .el-table__header-wrapper th {
  background-color: #f8f9fa;
  color: #333333;
  font-weight: 600;
  padding: 8px 4px;
  font-size: 13px;
  text-align: center;
}
.rule-table[data-v-e9840150] .el-table__row {
  height: 36px;
}
.rule-table[data-v-e9840150] .el-table__row td {
  padding: 4px;
  font-size: 13px;
}
.sort-number[data-v-e9840150] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #f0f2f5;
  border-radius: 4px;
  font-weight: 600;
  color: #606266;
  font-size: 12px;
}
.table-cell-content[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-cell-content .el-button--text[data-v-e9840150] {
  font-size: 13px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.calculation-cell[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
}
.table-action-buttons[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
}
.table-action-buttons .action-icon-btn[data-v-e9840150] {
  padding: 0 2px !important;
  margin: 0 !important;
  font-size: 14px;
  min-width: 20px;
}
.table-action-buttons .action-icon-btn i[data-v-e9840150] {
  font-size: 14px;
}
.table-action-buttons .delete-btn[data-v-e9840150] {
  color: #f56c6c;
}
.table-action-buttons .delete-btn[data-v-e9840150]:hover {
  color: #f78989;
}
.table-action-buttons .no-action-text[data-v-e9840150] {
  color: #c0c4cc;
  font-size: 13px;
}

/* 紧凑模式 */
.table-action-buttons.compact[data-v-e9840150] {
  gap: 0;
}
.table-action-buttons .action-icon-btn.compact[data-v-e9840150] {
  padding: 0 1px !important;
  margin: 0 !important;
  font-size: 13px;
  min-width: 18px;
}
.table-action-buttons .action-icon-btn.compact i[data-v-e9840150] {
  font-size: 13px;
}

/* ==================== 弹窗样式 ==================== */
.dialog-content[data-v-e9840150] {
  padding: 20px;
}

/* 选择弹窗复选框组样式 - 行显示 */
.selection-checkbox-group[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.selection-checkbox-group .all-checkbox[data-v-e9840150] {
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}
.selection-checkbox-group .item-checkbox[data-v-e9840150] {
  min-width: 100px;
  margin-right: 15px;
}
.dialog-content .el-checkbox[data-v-e9840150] {
  font-size: 13px;
}
.dialog-content .el-checkbox__label[data-v-e9840150] {
  font-size: 13px;
}

/* ==================== 原有规则卡片样式（保留兼容） ==================== */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e5e7eb;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 14px;
}
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 13px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* ==================== 表单样式优化 ==================== */
.compact-form .el-form-item[data-v-e9840150] {
  margin-bottom: 12px;
}
.compact-form .el-form-item__label[data-v-e9840150] {
  font-size: 12px;
  color: #606266;
  line-height: 28px;
}
.compact-form .el-select[data-v-e9840150] {
  width: 100%;
}
.compact-form .el-select .el-input__inner[data-v-e9840150] {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.compact-form .el-select__tags[data-v-e9840150] {
  max-width: 100%;
}

/* ==================== 计算规则配置样式 ==================== */
.calculation-rule-config[data-v-e9840150] {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 14px;
  background-color: #f9f9f9;
}
.rule-item[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.rule-item[data-v-e9840150]:last-child {
  margin-bottom: 0;
}
.rule-label[data-v-e9840150] {
  min-width: 100px;
  font-weight: 500;
  color: #606266;
  margin-right: 10px;
  font-size: 12px;
}
.unit-text[data-v-e9840150] {
  color: #909399;
  font-size: 12px;
  margin-left: 5px;
}
.calculation-rule-config[data-v-e9840150] .el-input-number {
  width: 120px;
}
.calculation-rule-config[data-v-e9840150] .el-input-number .el-input__inner {
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.calculation-rule-config[data-v-e9840150] .el-switch {
  margin-left: 10px;
}
.calculation-rule-config[data-v-e9840150] .el-switch__label {
  font-size: 12px;
}

/* ==================== 项目选择弹窗样式 ==================== */
.service-project-select[data-v-e9840150] { padding: 0 20px;
}
.service-project-select .dialog-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}
.service-project-select .dialog-header .title[data-v-e9840150] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.service-project-select .dialog-header .search-input[data-v-e9840150] {
  width: 280px;
}
.service-project-select .dialog-header .search-input .el-input__inner[data-v-e9840150] {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
}
.project-categories[data-v-e9840150] {
  max-height: 500px;
  overflow-y: auto;
}
.project-category[data-v-e9840150] {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin-bottom: 12px;
  background-color: #f9f9f9;
}
.project-category .category-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.project-category .category-header[data-v-e9840150]:hover {
  background-color: #e6f7ff;
}
.project-category .category-header .checkbox-wrapper[data-v-e9840150] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  pointer-events: none;
}
.project-category .category-header .checkbox-wrapper .el-checkbox[data-v-e9840150] {
  font-weight: 600;
  font-size: 13px;
  pointer-events: auto;
}
.project-category .category-header .selected-count[data-v-e9840150] {
  color: #409eff;
  font-size: 12px;
  margin-right: 12px;
}
.project-items[data-v-e9840150] {
  padding: 10px 12px;
  background-color: white;
}
.project-grid[data-v-e9840150] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 8px;
}
.project-grid-item[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #fafafa;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.project-grid-item[data-v-e9840150]:hover {
  border-color: #409eff;
  background-color: #f0f9ff;
}
.project-grid-item .el-checkbox[data-v-e9840150] {
  width: 100%;
  margin: 0;
  margin-right: 2px;
}
.project-grid-item .el-checkbox .el-checkbox__label[data-v-e9840150] {
  margin-left: 4px;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.project-grid-item .el-checkbox__label .project-code[data-v-e9840150] {
  font-size: 11px;
  color: #666;
  font-weight: normal;
}

/* ==================== 页面基础样式（参考系统参数）==================== */
.page_performance_add[data-v-e9840150] {
  font-size: 13px;
  padding: 16px;
}

/* 头部表单区域 - 卡片样式 */
.header_form[data-v-e9840150] {
  background-color: #f5f7fa;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.header_form .el-form-item[data-v-e9840150] {
  margin-bottom: 0;
  margin-right: 12px;
}
.header_form .el-form-item__label[data-v-e9840150] {
  font-size: 13px;
  color: #606266;
  font-weight: 500;
}
.header_form .el-button[data-v-e9840150] {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}

/* 表格容器 - 白色卡片 */
.performance-table-container[data-v-e9840150] {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 12px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid #ebeef5;
}

/* 表格字体统一 */
.performance-table-container[data-v-e9840150] .el-table {
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .el-table th {
  background-color: #f5f7fa;
  color: #606266;
  font-weight: 600;
  padding: 10px 8px;
}
.performance-table-container[data-v-e9840150] .el-table td {
  padding: 8px;
}

/* 分类和项目名称 */
.category-name[data-v-e9840150] {
  font-size: 13px;
  font-weight: 600;
  color: #409eff;
}
.project-name[data-v-e9840150] {
  font-size: 12px;
  color: #606266;
}

/* 计算规则标签 */
.performance-table-container[data-v-e9840150] .calculation-rules .el-tag {
  font-size: 12px;
  height: auto;
  line-height: 1.4;
  padding: 4px 8px;
  white-space: normal;
  word-break: break-all;
}

/* ==================== 抽屉弹窗样式（参考系统参数）==================== */
.performance-drawer[data-v-e9840150] .el-drawer {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-header[data-v-e9840150] {
  padding: 16px 20px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
}
.title-section h3[data-v-e9840150] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
  margin: 0;
}
.drawer-content[data-v-e9840150] {
  padding: 16px 20px;
  font-size: 13px;
}

/* 规则卡片容器 - 灰色背景 */
.rule-cards-container[data-v-e9840150] {
  background-color: #f5f7fa;
  border-radius: 8px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

/* 规则卡片 */
.rule-card[data-v-e9840150] {
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 0 !important;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #fafafa;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 14px;
}

/* 卡片头部 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/* 计算规则配置区域 */
.calculation-rule-config[data-v-e9840150] {
  background-color: #fafafa;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 12px;
}
.rule-row[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.rule-item[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.rule-label[data-v-e9840150] {
  font-size: 13px;
  color: #606266;
  font-weight: 500;
  white-space: nowrap;
}
.number-input[data-v-e9840150] {
  width: 120px !important;
}
.number-input[data-v-e9840150] .el-input__inner {
  height: 28px;
  line-height: 28px;
  text-align: left;
}
.unit-text[data-v-e9840150] {
  font-size: 12px;
  color: #909399;
}

/* ==================== 响应式样式（参考系统参数）==================== */
@media screen and (max-width: 1200px) {
.page_performance_add[data-v-e9840150] {
    font-size: 12px;
    padding: 12px;
}
.header_form[data-v-e9840150] {
    padding: 10px 12px;
}
.header_form .el-form-item__label[data-v-e9840150] {
    font-size: 12px;
}
.performance-table-container[data-v-e9840150] {
    padding: 10px;
}
.performance-table-container[data-v-e9840150] .el-table {
    font-size: 12px;
}
.category-name[data-v-e9840150] {
    font-size: 12px;
}
.project-name[data-v-e9840150] {
    font-size: 11px;
}
.drawer-content[data-v-e9840150] {
    font-size: 12px;
}
.rule-label[data-v-e9840150] {
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.page_performance_add[data-v-e9840150] {
    padding: 10px;
}
.drawer-header[data-v-e9840150] {
    padding: 14px 18px;
}
.drawer-content[data-v-e9840150] {
    padding: 14px 18px;
}
}
@media screen and (max-width: 768px) {
.page_performance_add[data-v-e9840150] {
    padding: 8px;
    font-size: 12px;
}
.header_form[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 10px;
}
.header_form .el-form-item[data-v-e9840150] {
    margin-right: 0;
    width: 100%;
}
.header_form .el-input[data-v-e9840150],
  .header_form .el-select[data-v-e9840150] {
    width: 100% !important;
}
.performance-table-container[data-v-e9840150] {
    padding: 8px;
    overflow-x: auto;
}
.performance-table-container[data-v-e9840150] .el-table {
    min-width: 700px;
    font-size: 11px;
}
.category-name[data-v-e9840150] {
    font-size: 11px;
}
.project-name[data-v-e9840150] {
    font-size: 10px;
}
.drawer-header[data-v-e9840150] {
    padding: 12px 16px;
}
.title-section h3[data-v-e9840150] {
    font-size: 13px;
}
.drawer-content[data-v-e9840150] {
    padding: 12px 16px;
    font-size: 12px;
}
.rule-cards-container[data-v-e9840150] {
    gap: 10px;
    padding: 10px;
}
.rule-row[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}
.rule-item[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 6px;
}
.rule-label[data-v-e9840150] {
    font-size: 12px;
}
.number-input[data-v-e9840150] {
    width: 100% !important;
}
}
@media screen and (max-width: 480px) {
.page_performance_add[data-v-e9840150] {
    padding: 6px;
    font-size: 11px;
}
.header_form[data-v-e9840150] {
    padding: 10px;
}
.performance-table-container[data-v-e9840150] {
    padding: 6px;
}
.performance-table-container[data-v-e9840150] .el-table {
    font-size: 10px;
}
.drawer-header[data-v-e9840150] {
    padding: 10px 12px;
}
.title-section h3[data-v-e9840150] {
    font-size: 12px;
}
.drawer-content[data-v-e9840150] {
    padding: 10px 12px;
    font-size: 11px;
}
.rule-label[data-v-e9840150] {
    font-size: 11px;
}
.project-grid[data-v-e9840150] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* ==================== 其他原有样式保留 ==================== */
.tab_col_cell[data-v-e9840150] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 40px;
}
.addIcon[data-v-e9840150] { position: absolute; top: 2px; right: 2px; color: #409eff; font-size: 12px; cursor: pointer;
}
.closeIcon[data-v-e9840150] { position: absolute; top: 2px; left: 2px; font-size: 12px; color: #f56c6c; cursor: pointer;
}

/* 表格容器样式 */
.page_performance_add[data-v-e9840150] .el-table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}
.page_performance_add[data-v-e9840150] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
}
.page_performance_add[data-v-e9840150] .el-table__header-wrapper {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page_performance_add[data-v-e9840150] .el-table__fixed-header-wrapper {
  position: sticky;
  top: 0;
  z-index: 11;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 正在编辑的行高亮（只显示背景，不显示虚线） */
.page_performance_add[data-v-e9840150] .el-table__row.selected-row > td {
  background: #f0f9ff !important;
}

/* 兼容 ElementUI 的 current-row 样式（setCurrentRow 设置的当前行） */
.page_performance_add[data-v-e9840150] .el-table__row.current-row > td {
  background: #f0f9ff !important;
}

/* 行 hover */
.page_performance_add[data-v-e9840150] .el-table__body tr:hover > td {
  background-color: #f5f7fa;
}

/* 计数徽章（员工级别右上） */
.page_performance_add[data-v-e9840150] .count-badge-right {
  display: inline-block;
  background-color: #409eff;
  color: white;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: absolute;
  top: 22px;
  right: 2px;
}
.page_performance_add[data-v-e9840150] .count-badge-right:hover { background-color: #66b1ff;
}

/* 可点击项 hover */
.page_performance_add[data-v-e9840150] .employee-level-item,
.page_performance_add[data-v-e9840150] .expense-type-item,
.page_performance_add[data-v-e9840150] .membership-type-item,
.page_performance_add[data-v-e9840150] .payment-item,
.page_performance_add[data-v-e9840150] .project-item,
.page_performance_add[data-v-e9840150] .specify-type-item {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 2px 4px;
  border-radius: 4px;
}
.page_performance_add[data-v-e9840150] .employee-level-item:hover,
.page_performance_add[data-v-e9840150] .expense-type-item:hover,
.page_performance_add[data-v-e9840150] .membership-type-item:hover,
.page_performance_add[data-v-e9840150] .payment-item:hover,
.page_performance_add[data-v-e9840150] .project-item:hover,
.page_performance_add[data-v-e9840150] .specify-type-item:hover {
  background-color: #f0f7ff;
  color: #409eff;
}

/* 支付方式换行显示 */
.page_performance_add[data-v-e9840150] .payment-item {
  text-align: left;
  display: inline-block;
  max-width: 7ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.page_performance_add[data-v-e9840150] .content-area {
  line-height: 1.2;
  word-break: break-all;
}
.page_performance_add[data-v-e9840150] .el-table .cell {
  white-space: normal !important;
  line-height: 1.2;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

/* 项目选择弹窗样式 */
.service-project-select[data-v-e9840150] { padding: 0 20px;
}
.service-project-select .dialog-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;
}
.service-project-select .dialog-header .title[data-v-e9840150] { font-size: 18px; font-weight: bold; color: #333;
}
.service-project-select .dialog-header .search-input[data-v-e9840150] { width: 300px;
}
.project-categories[data-v-e9840150] { max-height: 500px; overflow-y: auto;
}
.project-category[data-v-e9840150] { border: 1px solid #e6e6e6; border-radius: 4px; margin-bottom: 15px; background-color: #f9f9f9;
}
.project-category .category-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  padding: 12px 15px; background-color: #f0f0f0; border-bottom: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;
}
.project-category .category-header[data-v-e9840150]:hover { background-color: #e6f7ff;
}
.project-category .category-header .checkbox-wrapper[data-v-e9840150] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; pointer-events: none;
}
.project-category .category-header .checkbox-wrapper .el-checkbox[data-v-e9840150] { font-weight: bold; font-size: 16px; pointer-events: auto;
}
.project-category .category-header .checkbox-wrapper .el-checkbox__label[data-v-e9840150] { pointer-events: auto;
}
.project-category .category-header .selected-count[data-v-e9840150] { color: #409eff; font-size: 14px; margin-right: 15px;
}
.project-category .category-header .collapse-icon[data-v-e9840150] { color: #666; font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;
}
.project-category .category-header:hover .collapse-icon[data-v-e9840150] { color: #409eff;
}
.project-items[data-v-e9840150] { padding: 10px 15px; background-color: white;
}
.project-grid[data-v-e9840150] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px;
}
.project-grid-item[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 8px; border: 1px solid #e6e6e6; border-radius: 4px; background-color: #fafafa; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.project-grid-item[data-v-e9840150]:hover { border-color: #409eff; background-color: #f0f9ff;
}
.project-grid-item .el-checkbox[data-v-e9840150] { width: 100%; margin: 0; margin-right: 2px;
}
.project-grid-item .el-checkbox .el-checkbox__label[data-v-e9840150] { margin-left: 4px; font-size: 13px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px;
}
.project-grid-item .el-checkbox__label .project-code[data-v-e9840150] { font-size: 11px; color: #666; font-weight: normal;
}

/* 滚动条 */
.project-categories[data-v-e9840150]::-webkit-scrollbar { width: 6px;
}
.project-categories[data-v-e9840150]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px;
}
.project-categories[data-v-e9840150]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px;
}
.project-categories[data-v-e9840150]::-webkit-scrollbar-thumb:hover { background: #a8a8a8;
}

/* 项目分类显示徽章与数量小圆点 */
.page_performance_add[data-v-e9840150] .project-category-display {
  font-weight: bold; color: #409eff; background-color: #f0f9ff; padding: 2px 6px; border-radius: 4px; border: 1px solid #c6e2ff;
}
.page_performance_add[data-v-e9840150] .project-count-badge {
  position: absolute; top: 22px; right: 2px; background-color: #f56c6c; color: white; border-radius: 50%;
  width: 16px; height: 16px; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; z-index: 1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.page_performance_add[data-v-e9840150] .project-item { display: block; margin-bottom: 0; line-height: 1.2; padding: 2px 4px;
}

/* 业绩配置表格样式 */
.performance-table-container[data-v-e9840150] {
  margin-top: 20px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.performance-table-container[data-v-e9840150] .el-table {
  border: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.performance-table-container[data-v-e9840150] .el-table__header-wrapper {
  background-color: #f5f7fa;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.performance-table-container[data-v-e9840150] .el-table__body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
}
.performance-table-container[data-v-e9840150] .el-table th {
  background-color: #f5f7fa;
  color: #606266;
  font-weight: 600;
}
.performance-table-container[data-v-e9840150] .category-name {
  font-weight: 600;
  color: #409eff;
  cursor: pointer;
}
.performance-table-container[data-v-e9840150] .category-name:hover {
  color: #66b1ff;
}
.performance-table-container[data-v-e9840150] .project-name {
  color: #606266;
  padding-left: 0;
}

/* 移除树形表格的缩进 */
.performance-table-container[data-v-e9840150] .el-table__indent {
  padding-left: 0 !important;
}
.performance-table-container[data-v-e9840150] .el-table__placeholder {
  display: none;
}
.performance-table-container[data-v-e9840150] .calculation-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.performance-table-container[data-v-e9840150] .calculation-rules .el-tag {
  height: auto;
  line-height: 1.4;
  padding: 4px 8px;
  white-space: normal;
  word-break: break-all;
  max-width: 100%;
}
.performance-table-container[data-v-e9840150] .unconfigured-btn {
  color: #409eff;
  font-size: 13px;
  padding: 0;
}
.performance-table-container[data-v-e9840150] .unconfigured-btn:hover {
  color: #66b1ff;
}
.performance-table-container[data-v-e9840150] .unconfigured-text {
  color: #409eff;
  font-size: 13px;
}
.performance-table-container[data-v-e9840150] .more-rules-btn {
  color: #909399;
  font-size: 12px;
  padding: 0;
  margin-left: 8px;
}
.performance-table-container[data-v-e9840150] .more-rules-btn:hover {
  color: #409eff;
}
.performance-table-container[data-v-e9840150] .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.performance-table-container[data-v-e9840150] .el-table__expand-icon {
  color: #409eff;
}
.performance-table-container[data-v-e9840150] .el-table__expand-icon--expanded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.performance-table-container[data-v-e9840150] .el-table .el-table__row--level-1 {
  background-color: #f9f9f9;
}
.performance-table-container[data-v-e9840150] .el-table .el-table__row--level-2 {
  background-color: #fff;
}

/* 抽屉弹窗样式 */
.performance-drawer[data-v-e9840150] .el-drawer {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.performance-drawer[data-v-e9840150] .el-drawer__header {
  margin-bottom: 0;
  padding: 20px 20px 0;
  border-bottom: 1px solid #ebeef5;
}
.performance-drawer[data-v-e9840150] .el-drawer__body {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.drawer-header[data-v-e9840150] {
  padding: 20px;
  border-bottom: 1px solid #ebeef5;
  background-color: #fafafa;
}
.title-section[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-section h3[data-v-e9840150] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}
.header-actions[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-content[data-v-e9840150] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.default-card[data-v-e9840150] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.default-card[data-v-e9840150] .el-card__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  padding: 12px 20px;
}
.default-card[data-v-e9840150] .el-card__header span {
  font-weight: 600;
  color: #303133;
}
.default-card[data-v-e9840150] .el-card__body {
  padding: 20px;
}

/* 表单样式优化 */
.default-card[data-v-e9840150] .el-form-item {
  margin-bottom: 16px;
}
.default-card[data-v-e9840150] .el-form-item__label {
  font-weight: 500;
  color: #606266;
}
.default-card[data-v-e9840150] .el-select {
  width: 100%;
}
.default-card[data-v-e9840150] .el-select__tags {
  max-width: 100%;
}

/* 计算规则配置样式 */
.calculation-rule-config[data-v-e9840150] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 16px;
  background-color: #f9f9f9;
}
.rule-item[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.rule-item[data-v-e9840150]:last-child {
  margin-bottom: 0;
}
.rule-label[data-v-e9840150] {
  min-width: 120px;
  font-weight: 500;
  color: #606266;
  margin-right: 10px;
}
.unit-text[data-v-e9840150] {
  color: #909399;
  font-size: 14px;
  margin-left: 5px;
}

/* 数字输入框样式优化 */
.calculation-rule-config[data-v-e9840150] .el-input-number {
  width: 120px;
}
.calculation-rule-config[data-v-e9840150] .el-input-number .el-input__inner {
  text-align: center;
}

/* 开关样式优化 */
.calculation-rule-config[data-v-e9840150] .el-switch {
  margin-left: 10px;
}
.calculation-rule-config[data-v-e9840150] .el-switch__label {
  font-size: 12px;
}
.calculation-rule-config[data-v-e9840150] .el-switch__label.is-active {
  color: #409eff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* 规则卡片容器样式 */
.rule-cards-container[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px; /* 卡片间距 */
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 4px 0;
  min-height: 200px;
}

/* 规则卡片样式优化 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  min-height: 120px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 10px 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}
.rule-card[data-v-e9840150] .el-card__body {
  padding: 16px;
}

/* 规则卡片样式 */
.rule-card[data-v-e9840150] {
  margin-bottom: 0 !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.rule-card[data-v-e9840150] .el-card__header {
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebeef5;
}

/* 卡片头部样式 */
.card-header[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.card-header-left[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.card-header-right[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 图标样式 */
.delete-icon[data-v-e9840150] {
  color: #f56c6c;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.delete-icon[data-v-e9840150]:hover {
  color: #f78989;
}
.copy-icon[data-v-e9840150] {
  color: #409eff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.copy-icon[data-v-e9840150]:hover {
  color: #66b1ff;
}

/* 紧凑表单样式 */
.compact-form[data-v-e9840150] {
  width: 100%;
}
.form-row[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.compact-item[data-v-e9840150] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 240px;
  margin-bottom: 0 !important;
}
.compact-item[data-v-e9840150] .el-form-item__content {
  width: 100%;
}
.compact-item[data-v-e9840150] .el-select {
  width: 240px !important;
}

/* 下拉菜单宽度优化 */
.compact-item[data-v-e9840150] .el-select .el-input__inner {
  min-width: 200px;
}
.compact-item[data-v-e9840150] .el-select .el-select__tags {
  max-width: 220px;
}

/* 计算规则配置样式优化 */
.calculation-rule-config[data-v-e9840150] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 16px;
  background-color: #f9f9f9;
}
.rule-row[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rule-item[data-v-e9840150] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 280px;
  margin-bottom: 0 !important;
}
.rule-label[data-v-e9840150] {
  min-width: 100px;
  font-weight: 500;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}
.unit-text[data-v-e9840150] {
  color: #909399;
  font-size: 14px;
  margin-left: 5px;
  white-space: nowrap;
}

/* 数字输入框样式优化 */
.number-input[data-v-e9840150] {
  width: 160px !important;
  margin-right: 8px;
}

/* 计算规则配置区域内的数字输入框 */
.calculation-rule-config .number-input[data-v-e9840150] {
  width: 160px !important;
  min-width: 160px !important;
}

/* 拖拽手柄与标签宽度优化 */
.drag-handle[data-v-e9840150] {
  cursor: move;
  color: #909399;
}
.drag-handle[data-v-e9840150]:hover {
  color: #409eff;
}
.compact-form[data-v-e9840150] .el-form-item__label {
  width: 140px !important;
}
.compact-form[data-v-e9840150] .el-form-item__content {
  margin-left: 140px !important;
}
.rule-label[data-v-e9840150] {
  min-width: 140px !important;
}
.number-input[data-v-e9840150] .el-input__inner {
  text-align: left;
  padding-right: 30px;
}

/* 计算规则配置区域内的输入框内部样式 */
.calculation-rule-config .number-input[data-v-e9840150] .el-input__inner {
  width: 160px !important;
  min-width: 160px !important;
  text-align: left;
  padding-right: 30px;
}

/* 开关样式优化 */
.unit-switch[data-v-e9840150] {
  margin-left: 8px;
}
.sharing-switch[data-v-e9840150] {
  margin-left: 8px;
}
.sharing-switch.is-disabled[data-v-e9840150] {
  opacity: 0.6;
}
.sharing-switch.is-disabled[data-v-e9840150] .el-switch__label {
  color: #c0c4cc !important;
}
.calculation-rule-config[data-v-e9840150] .el-switch__label {
  font-size: 12px;
}
.calculation-rule-config[data-v-e9840150] .el-switch__label.is-active {
  color: #409eff;
}

/* 添加规则按钮样式 */
.add-rule-btn[data-v-e9840150] {
  margin-left: 8px;
  font-size: 12px;
  padding: 6px 10px;
}

/* 表单校验错误样式 - 红色边框 */
.compact-form[data-v-e9840150] .el-form-item.is-error .el-select .el-input__inner,
.compact-form[data-v-e9840150] .el-form-item.is-error .el-input-number .el-input__inner {
  border-color: #f56c6c !important;
}
.compact-form[data-v-e9840150] .el-form-item.is-error .el-select:hover .el-input__inner,
.compact-form[data-v-e9840150] .el-form-item.is-error .el-input-number:hover .el-input__inner {
  border-color: #f56c6c !important;
}
.compact-form[data-v-e9840150] .el-form-item.is-error .el-select.is-focus .el-input__inner,
.compact-form[data-v-e9840150] .el-form-item.is-error .el-input-number.is-focus .el-input__inner {
  border-color: #f56c6c !important;
}
.compact-form[data-v-e9840150] .el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}

/* 响应式设计 */
@media (max-width: 1200px) {
.compact-item[data-v-e9840150] {
    min-width: 180px;
}
.number-input[data-v-e9840150] {
    width: 140px !important;
}
.rule-label[data-v-e9840150] {
    min-width: 100px;
}
.rule-item[data-v-e9840150] {
    min-width: 240px;
}
}
@media (max-width: 992px) {
.form-row[data-v-e9840150] {
    gap: 12px;
}
.compact-item[data-v-e9840150] {
    min-width: 160px;
}
.rule-row[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.rule-item[data-v-e9840150] {
    min-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.rule-label[data-v-e9840150] {
    min-width: 100px;
    margin-bottom: 0;
    margin-right: 8px;
}
.number-input[data-v-e9840150] {
    width: 120px !important;
    margin-right: 8px;
    margin-bottom: 0;
}
.unit-switch[data-v-e9840150],
  .sharing-switch[data-v-e9840150] {
    margin-left: 8px;
    margin-top: 0;
}
}
@media (max-width: 768px) {
.performance-drawer[data-v-e9840150] .el-drawer {
    width: 95% !important;
}
.title-section[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.header-actions[data-v-e9840150] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.form-row[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.compact-item[data-v-e9840150] {
    min-width: 100%;
}
.calculation-rule-config[data-v-e9840150] {
    padding: 12px;
}
.rule-item[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.rule-label[data-v-e9840150] {
    min-width: auto;
    margin-right: 0;
    margin-bottom: 0;
}
.number-input[data-v-e9840150] {
    width: 100% !important;
    margin-right: 0;
}
.unit-switch[data-v-e9840150],
  .sharing-switch[data-v-e9840150] {
    margin-left: 0;
}
.card-header[data-v-e9840150] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.card-header-right[data-v-e9840150] {
    -ms-flex-item-align: end;
        align-self: flex-end;
}
}

/* 拖拽时禁用内部控件事件，保证外层区域接收拖拽事件 */
.drag-guard *[data-v-e9840150] {
  pointer-events: none !important;
}

/* 拖拽排序过渡动画 */
.card-list-move[data-v-e9840150] { -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.card-list-enter-active[data-v-e9840150], .card-list-leave-active[data-v-e9840150] { -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.card-list-enter[data-v-e9840150], .card-list-leave-to[data-v-e9840150] { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}

/* 拖拽中的 ghost 样式 */
.drag-ghost[data-v-e9840150] { opacity: 0.6; background: #c8ebfb;
}

/* 当前选中项样式（chosen-class） */
.drag-chosen[data-v-e9840150] { border: 1px dashed #409eff !important; -webkit-box-shadow: 0 0 0 2px rgba(64,158,255,0.2) inset; box-shadow: 0 0 0 2px rgba(64,158,255,0.2) inset;
}

/* 悬停目标可做视觉提示（保留但暂不启用） */
.rule-card.is-hover[data-v-e9840150] { outline: 2px dashed #409eff;
}

/* 表格内点击的规则标签选中样式 */
.rule-tag.tag-chosen[data-v-e9840150] { border: 1px dashed #409eff !important; background: #ecf5ff !important;
}

/* ==================== 全局覆盖 - 禁止页面滚动 ==================== */
[data-v-44ccb062]:global(.app-main) {
  overflow: hidden !important;
}

/* ==================== 基础布局样式 - 同步 tianmeiHistory 样式 ==================== */
.app-container[data-v-44ccb062] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 移除 has-submenu 的特殊高度设置，因为父容器已经通过 paddingTop 处理了二级菜单的高度 */

/* .app-container.has-submenu { */

/*   height: calc(100vh - 50px - 35px); */

/* } */

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .filter-form[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
[data-v-44ccb062] .el-form-item {
  margin: 0;
}
[data-v-44ccb062] .el-form-item__label {
  font-size: 12px;
  color: #606266;
  padding-right: 8px;
  line-height: 28px;
}
[data-v-44ccb062] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-44ccb062] .el-input__icon {
  line-height: 28px;
}
[data-v-44ccb062] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-44ccb062] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
[data-v-44ccb062] .el-button [class*="el-icon-"] {
  font-size: 12px;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-44ccb062] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-44ccb062] .el-table {
  font-size: 12px;
}
[data-v-44ccb062] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-44ccb062] .el-table td {
  padding: 6px 0;
}
[data-v-44ccb062] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-44ccb062] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-44ccb062] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 链接样式 */
[data-v-44ccb062] .el-table .el-link {
  font-size: 12px;
  white-space: nowrap;
}

/* 标签样式 */
[data-v-44ccb062] .el-table .el-tag {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  margin-left: 4px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-44ccb062] {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 链接 */
.el-link--primary {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 标签 */
.el-tag--success {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-44ccb062] {
  margin-top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 门店选择弹窗样式 */
.stores-header[data-v-44ccb062] {
  border-bottom: 1px solid #e4e7ed;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.stores-content[data-v-44ccb062] {
  max-height: 400px;
  overflow-y: auto;
}
.stores-grid[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.store-group[data-v-44ccb062] {
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  overflow: hidden;
}
.group-title[data-v-44ccb062] {
  background: #f5f7fa;
  padding: 8px 12px;
  font-weight: 500;
  color: #606266;
  border-bottom: 1px solid #e4e7ed;
}
.store-checkbox[data-v-44ccb062] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
}
.store-checkbox[data-v-44ccb062]:last-child {
  border-bottom: none;
}
.store-checkbox[data-v-44ccb062]:hover {
  background-color: #f5f7fa;
}
.store-item[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}
.store-icon[data-v-44ccb062] {
  color: #909399;
  font-size: 14px;
}
.store-name[data-v-44ccb062] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #303133;
}

/* 员工选择弹窗样式 */
.employees-header[data-v-44ccb062] {
  border-bottom: 1px solid #e4e7ed;
  padding-bottom: 12px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.employees-content[data-v-44ccb062] {
  max-height: 400px;
  overflow-y: auto;
}
.employees-grid[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.employee-checkbox[data-v-44ccb062] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.employee-checkbox[data-v-44ccb062]:hover {
  background-color: #f5f7fa;
  border-color: #c0c4cc;
}
.employee-checkbox.is-checked[data-v-44ccb062] {
  border-color: #409eff;
  background-color: #ecf5ff;
}
.employee-item[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.employee-info[data-v-44ccb062] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
}
.employee-name[data-v-44ccb062] {
  font-weight: 500;
  color: #303133;
  font-size: 14px;
}
.employee-details[data-v-44ccb062] {
  font-size: 12px;
  color: #909399;
  margin-top: 2px;
}
.employee-filters[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.employee-list[data-v-44ccb062] {
  max-height: 300px;
  overflow-y: auto;
}

/* 排序对话框样式 */
.sort-container[data-v-44ccb062] {
  max-height: 400px;
  overflow-y: auto;
}

/* ==================== 操作列按钮样式 ==================== */
.operation-buttons[data-v-44ccb062] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.operation-btn[data-v-44ccb062] {
  padding: 0 4px;
  font-size: 14px;
i {
    font-size: 14px;
}
&:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
}

/* ==================== 响应式样式 - 同步 projectList ==================== */
@media screen and (max-width: 1200px) {
.filter-container[data-v-44ccb062] {
    padding: 6px 12px;
    gap: 6px;
    min-height: 44px;
.filter-form {
      gap: 6px;
::v-deep .el-input {
        width: 160px;
}
::v-deep .el-select {
        width: 120px;
}
}
}
[data-v-44ccb062] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-44ccb062] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-44ccb062] {
    padding: 6px 10px;
    gap: 6px;
    min-height: 44px;
.filter-form {
      gap: 6px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
::v-deep .el-form-item {
.el-form-item__label {
          font-size: 12px;
          padding-right: 6px;
          line-height: 26px;
}
}
::v-deep .el-input {
        width: 140px;
.el-input__inner {
          height: 26px;
          line-height: 26px;
          font-size: 12px;
}
}
::v-deep .el-select {
        width: 110px;
.el-input__inner {
          height: 26px;
          line-height: 26px;
          font-size: 12px;
}
}
::v-deep .el-button {
        height: 26px;
        line-height: 26px;
        padding: 0 10px;
        font-size: 12px;
}
}
}
[data-v-44ccb062] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-44ccb062] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container[data-v-44ccb062] {
    padding: 6px 8px;
    gap: 6px;
    min-height: 40px;
.filter-form {
      gap: 6px;
::v-deep .el-form-item {
.el-form-item__label {
          font-size: 12px;
          padding-right: 4px;
          line-height: 26px;
}
}
::v-deep .el-input {
        width: 120px;
.el-input__inner {
          height: 26px;
          line-height: 26px;
          font-size: 12px;
}
}
::v-deep .el-select {
        width: 100px;
.el-input__inner {
          height: 26px;
          line-height: 26px;
          font-size: 12px;
}
}
::v-deep .el-button {
        height: 26px;
        line-height: 26px;
        padding: 0 8px;
        font-size: 12px;
}
}
}
.pagination-container[data-v-44ccb062] {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 2px 8px;
::v-deep .el-pagination {
.el-pagination__total,
      .el-pagination__jump {
        font-size: 11px;
}
.el-pager li {
        font-size: 11px;
        min-width: 22px;
        height: 22px;
        line-height: 22px;
}
.btn-prev,
      .btn-next {
        min-width: 22px;
        height: 22px;
        line-height: 22px;
}
}
}
}
@media screen and (max-width: 480px) {
.filter-container[data-v-44ccb062] {
    padding: 4px 6px;
    gap: 4px;
    min-height: 36px;
.filter-form {
      gap: 4px;
::v-deep .el-form-item {
.el-form-item__label {
          font-size: 11px;
          padding-right: 4px;
          line-height: 24px;
}
}
::v-deep .el-input {
        width: 100px;
.el-input__inner {
          height: 24px;
          line-height: 24px;
          font-size: 11px;
}
}
::v-deep .el-select {
        width: 90px;
.el-input__inner {
          height: 24px;
          line-height: 24px;
          font-size: 11px;
}
}
::v-deep .el-button {
        height: 24px;
        line-height: 24px;
        padding: 0 6px;
        font-size: 11px;
}
}
}
[data-v-44ccb062] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-44ccb062] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
[data-v-44ccb062] .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.pagination-container[data-v-44ccb062] {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 2px 6px;
::v-deep .el-pagination {
      gap: 4px;
.el-pagination__sizes {
.el-select {
          width: 80px;
}
}
}
}
}

/* 超小屏幕 (<= 320px) */
@media screen and (max-width: 320px) {
.filter-container .filter-form[data-v-44ccb062] {
::v-deep .el-form-item__label {
      display: none;
}
::v-deep .el-input,
    ::v-deep .el-select {
      width: 70px;
}
::v-deep .el-button {
      padding: 0 4px;
span {
        display: none;
}
i {
        margin-right: 0;
}
}
}
}

/* iPhone SE / iPad 特殊适配 */
@media screen and (device-width: 375px) and (device-height: 667px),
       screen and (device-width: 414px) and (device-height: 896px) {
.filter-container[data-v-44ccb062] {
    min-height: 26px;
}
.pagination-container[data-v-44ccb062] {
    min-height: 30px;
}
}

/* 原有弹窗响应式样式 */
@media (max-width: 768px) {
.filter-form .el-form-item[data-v-44ccb062] {
    margin-bottom: 16px;
}
.employee-filters[data-v-44ccb062] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.employee-filters .el-select[data-v-44ccb062],
  .employee-filters .el-input[data-v-44ccb062] {
    width: 100%;
}
}

@charset "UTF-8";
.weixin-marketing-container[data-v-1cfa3ad5] {
  background: #fff;
  min-height: calc(100vh - 84px);
}
.weixin-marketing-container .marketing-tabs[data-v-1cfa3ad5] {
  background: #fff;
  padding: 20px;
  border-bottom: 1px solid #e4e7ed;
}
.weixin-marketing-container .marketing-tabs[data-v-1cfa3ad5]  .el-radio-button__inner {
  font-size: 16px;
  padding: 12px 20px;
}
.weixin-marketing-container .miniapp-content[data-v-1cfa3ad5] {
  padding: 20px;
  background: #fff;
}
.weixin-marketing-container .miniapp-content .miniapp-selector[data-v-1cfa3ad5] {
  padding: 15px 0;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #e4e7ed;
}
.weixin-marketing-container .miniapp-content .miniapp-selector .app-button[data-v-1cfa3ad5] {
  margin-right: 10px;
}
.weixin-marketing-container .miniapp-content .content-wrapper[data-v-1cfa3ad5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background: #fff;
}
.weixin-marketing-container .miniapp-content .content-wrapper .left-section[data-v-1cfa3ad5],
.weixin-marketing-container .miniapp-content .content-wrapper .right-section[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  padding: 0;
}
.weixin-marketing-container .miniapp-content .content-wrapper .section-title[data-v-1cfa3ad5] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e7ed;
  color: #303133;
}
.weixin-marketing-container .miniapp-content .content-wrapper .base-form.is-disabled .el-input__inner[data-v-1cfa3ad5],
.weixin-marketing-container .miniapp-content .content-wrapper .base-form.is-disabled .el-textarea__inner[data-v-1cfa3ad5] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.weixin-marketing-container .miniapp-content .content-wrapper .base-form.is-disabled .el-checkbox__input.is-disabled .el-checkbox__inner[data-v-1cfa3ad5] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
}
.weixin-marketing-container .miniapp-content .content-wrapper .base-form.is-disabled .el-link.is-disabled[data-v-1cfa3ad5] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block[data-v-1cfa3ad5] {
  background: #fff;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-header[data-v-1cfa3ad5] {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 15px;
  color: #303133;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e7ed;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item[data-v-1cfa3ad5] {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item .version-actions[data-v-1cfa3ad5] {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ebeef5;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item .version-actions .el-button[data-v-1cfa3ad5] {
  margin-right: 10px;
  margin-bottom: 10px;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item[data-v-1cfa3ad5]:last-child {
  margin-bottom: 0;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item .label[data-v-1cfa3ad5] {
  min-width: 80px;
  color: #606266;
  font-weight: 500;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item .value[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item .remark-content[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weixin-marketing-container .miniapp-content .content-wrapper .version-block .version-info .info-item .remark-content .reject-reason[data-v-1cfa3ad5] {
  color: #f56c6c;
  margin-top: 8px;
  padding: 8px;
  background: #fef0f0;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
}
.weixin-marketing-container .official-content[data-v-1cfa3ad5] {
  padding: 20px;
  background: #fff;
}
.weixin-marketing-container .official-content .manual-sync-btn[data-v-1cfa3ad5] {
  display: none;
}
.weixin-marketing-container .official-content .content-wrapper[data-v-1cfa3ad5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background: #fff;
}
.weixin-marketing-container .official-content .content-wrapper .left-section[data-v-1cfa3ad5],
.weixin-marketing-container .official-content .content-wrapper .right-section[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  padding: 0;
}
.weixin-marketing-container .official-content .content-wrapper .section-title[data-v-1cfa3ad5] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e4e7ed;
  color: #303133;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.weixin-marketing-container .official-content .content-wrapper .section-title i[data-v-1cfa3ad5] {
  font-size: 20px;
  color: #409eff;
}
.weixin-marketing-container .official-content .content-wrapper .base-form.is-disabled .el-input__inner[data-v-1cfa3ad5],
.weixin-marketing-container .official-content .content-wrapper .base-form.is-disabled .el-textarea__inner[data-v-1cfa3ad5] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.weixin-marketing-container .official-content .content-wrapper .base-form.is-disabled .el-checkbox__input.is-disabled .el-checkbox__inner[data-v-1cfa3ad5] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
}
.weixin-marketing-container .official-content .content-wrapper .base-form.is-disabled .el-link.is-disabled[data-v-1cfa3ad5] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.weixin-marketing-container .official-content .content-wrapper .version-block[data-v-1cfa3ad5] {
  background: #fff;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-header[data-v-1cfa3ad5] {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 15px;
  color: #303133;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e7ed;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item[data-v-1cfa3ad5] {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item .version-actions[data-v-1cfa3ad5] {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ebeef5;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item .version-actions .el-button[data-v-1cfa3ad5] {
  margin-right: 10px;
  margin-bottom: 10px;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item[data-v-1cfa3ad5]:last-child {
  margin-bottom: 0;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item .label[data-v-1cfa3ad5] {
  min-width: 80px;
  color: #606266;
  font-weight: 500;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item .value[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item .remark-content[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weixin-marketing-container .official-content .content-wrapper .version-block .version-info .info-item .remark-content .reject-reason[data-v-1cfa3ad5] {
  color: #f56c6c;
  margin-top: 8px;
  padding: 8px;
  background: #fef0f0;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
}
.weixin-marketing-container .code-manage-actions[data-v-1cfa3ad5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
.weixin-marketing-container .auth-guide[data-v-1cfa3ad5] {
  padding: 40px;
  text-align: center;
}
.weixin-marketing-container .feature-disabled[data-v-1cfa3ad5] {
  padding: 40px;
  text-align: center;
}
.weixin-marketing-container .official-content .official-detail-card[data-v-1cfa3ad5] {
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.weixin-marketing-container .official-content .official-detail-card[data-v-1cfa3ad5]:hover {
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.weixin-marketing-container .official-content .official-header-info[data-v-1cfa3ad5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}
.weixin-marketing-container .official-content .official-header-info .official-avatar[data-v-1cfa3ad5] {
  width: 90px;
  height: 90px;
  margin-right: 20px;
  border-radius: 12px;
  overflow: hidden;
  border: 4px solid rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.weixin-marketing-container .official-content .official-header-info .official-avatar img[data-v-1cfa3ad5] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.weixin-marketing-container .official-content .official-header-info .official-name-info[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.weixin-marketing-container .official-content .official-header-info .official-name-info .official-nickname[data-v-1cfa3ad5] {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  word-break: break-all;
}
.weixin-marketing-container .official-content .official-header-info .official-name-info .official-appid[data-v-1cfa3ad5] {
  font-size: 13px;
  opacity: 0.95;
  font-family: "Courier New", monospace;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.weixin-marketing-container .official-content .official-header-info .official-name-info .official-appid i[data-v-1cfa3ad5] {
  font-size: 14px;
}
.weixin-marketing-container .official-content .info-grid[data-v-1cfa3ad5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0;
}
.weixin-marketing-container .official-content .info-grid .info-grid-item .info-grid-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .info-grid .info-grid-item .info-grid-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .info-grid .info-grid-item .info-grid-value .info-grid-desc[data-v-1cfa3ad5] {
  font-size: 12px;
  color: #909399;
  margin-top: 6px;
  line-height: 1.5;
}
.weixin-marketing-container .official-content .info-grid .info-grid-item .info-grid-value .value-text[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
}
.weixin-marketing-container .official-content .signature-section[data-v-1cfa3ad5] {
  padding: 0;
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  padding-top: 20px;
}
.weixin-marketing-container .official-content .signature-section .signature-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .signature-section .signature-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .signature-section .signature-content[data-v-1cfa3ad5] {
  line-height: 1.8;
  color: #606266;
  padding: 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #f8f9fa 100%);
  border-radius: 8px;
  border-left: 4px solid #409eff;
  font-size: 14px;
}
.weixin-marketing-container .official-content .combined-info-card .info-section[data-v-1cfa3ad5],
.weixin-marketing-container .official-content .combined-info-card .auth-section[data-v-1cfa3ad5] {
  padding: 24px;
}
.weixin-marketing-container .official-content .combined-info-card .info-section[data-v-1cfa3ad5]:first-child,
.weixin-marketing-container .official-content .combined-info-card .auth-section[data-v-1cfa3ad5]:first-child {
  padding-top: 24px;
}
.weixin-marketing-container .official-content .combined-info-card .info-section[data-v-1cfa3ad5]:not(:first-child),
.weixin-marketing-container .official-content .combined-info-card .auth-section[data-v-1cfa3ad5]:not(:first-child) {
  border-top: 2px solid #f0f0f0;
}
.weixin-marketing-container .official-content .combined-info-card .section-divider[data-v-1cfa3ad5] {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.weixin-marketing-container .official-content .combined-info-card .section-divider[data-v-1cfa3ad5]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #e4e7ed;
}
.weixin-marketing-container .official-content .combined-info-card .section-divider .divider-text[data-v-1cfa3ad5] {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #409eff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.weixin-marketing-container .official-content .combined-info-card .section-divider .divider-text i[data-v-1cfa3ad5] {
  font-size: 16px;
}
.weixin-marketing-container .official-content .combined-info-card .auth-status-section[data-v-1cfa3ad5] {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.weixin-marketing-container .official-content .combined-info-card .auth-status-section .auth-status-item .auth-status-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .combined-info-card .auth-status-section .auth-status-item .auth-status-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .combined-info-card .auth-status-section .auth-status-item .auth-status-value .auth-status-desc[data-v-1cfa3ad5] {
  margin-top: 8px;
  font-size: 12px;
  color: #909399;
  line-height: 1.6;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid[data-v-1cfa3ad5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid .auth-detail-item .auth-detail-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid .auth-detail-item .auth-detail-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid .auth-detail-item .auth-detail-value[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid .auth-detail-item .auth-detail-value .code-text[data-v-1cfa3ad5] {
  font-family: "Courier New", monospace;
  font-size: 13px;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid .auth-detail-item .auth-detail-value .expires-time[data-v-1cfa3ad5] {
  display: block;
  font-size: 15px;
  color: #409eff;
  font-weight: 600;
  margin-bottom: 4px;
}
.weixin-marketing-container .official-content .combined-info-card .auth-details-grid .auth-detail-item .auth-detail-value .expires-desc[data-v-1cfa3ad5] {
  font-size: 12px;
  color: #909399;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-header[data-v-1cfa3ad5] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-header i[data-v-1cfa3ad5] {
  font-size: 16px;
  color: #409eff;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-header .permission-count[data-v-1cfa3ad5] {
  font-size: 12px;
  color: #909399;
  font-weight: normal;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-grid[data-v-1cfa3ad5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-grid .permission-card[data-v-1cfa3ad5] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #e9ecef;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-grid .permission-card[data-v-1cfa3ad5]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #409eff;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-grid .permission-card .permission-card-header[data-v-1cfa3ad5] {
  margin-bottom: 8px;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-grid .permission-card .permission-card-footer .permission-id[data-v-1cfa3ad5] {
  font-size: 11px;
  color: #909399;
  font-family: "Courier New", monospace;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-tip[data-v-1cfa3ad5] {
  padding: 12px 16px;
  background: linear-gradient(135deg, #e6f7ff 0%, #f0f9ff 100%);
  border-left: 4px solid #1890ff;
  border-radius: 6px;
  font-size: 12px;
  color: #1890ff;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.weixin-marketing-container .official-content .combined-info-card .permission-section .permission-tip i[data-v-1cfa3ad5] {
  font-size: 14px;
  margin-top: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.weixin-marketing-container .official-content .combined-info-card .card-actions[data-v-1cfa3ad5] {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f0f0f0;
  text-align: right;
}
.weixin-marketing-container .official-content .auth-info-card .card-header[data-v-1cfa3ad5] {
  padding: 20px 24px;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-bottom: 2px solid #e9ecef;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.weixin-marketing-container .official-content .auth-info-card .card-header i[data-v-1cfa3ad5] {
  font-size: 18px;
  color: #409eff;
}
.weixin-marketing-container .official-content .auth-info-card .card-body[data-v-1cfa3ad5] {
  padding: 24px;
}
.weixin-marketing-container .official-content .auth-info-card .auth-status-section[data-v-1cfa3ad5] {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.weixin-marketing-container .official-content .auth-info-card .auth-status-section .auth-status-item .auth-status-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .auth-info-card .auth-status-section .auth-status-item .auth-status-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .auth-info-card .auth-status-section .auth-status-item .auth-status-value .auth-status-desc[data-v-1cfa3ad5] {
  margin-top: 8px;
  font-size: 12px;
  color: #909399;
  line-height: 1.6;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid[data-v-1cfa3ad5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid .auth-detail-item .auth-detail-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid .auth-detail-item .auth-detail-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid .auth-detail-item .auth-detail-value[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid .auth-detail-item .auth-detail-value .code-text[data-v-1cfa3ad5] {
  font-family: "Courier New", monospace;
  font-size: 13px;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid .auth-detail-item .auth-detail-value .expires-time[data-v-1cfa3ad5] {
  display: block;
  font-size: 15px;
  color: #409eff;
  font-weight: 600;
  margin-bottom: 4px;
}
.weixin-marketing-container .official-content .auth-info-card .auth-details-grid .auth-detail-item .auth-detail-value .expires-desc[data-v-1cfa3ad5] {
  font-size: 12px;
  color: #909399;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-header[data-v-1cfa3ad5] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-header i[data-v-1cfa3ad5] {
  font-size: 16px;
  color: #409eff;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-header .permission-count[data-v-1cfa3ad5] {
  font-size: 12px;
  color: #909399;
  font-weight: normal;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-grid[data-v-1cfa3ad5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-grid .permission-card[data-v-1cfa3ad5] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #e9ecef;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-grid .permission-card[data-v-1cfa3ad5]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #409eff;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-grid .permission-card .permission-card-header[data-v-1cfa3ad5] {
  margin-bottom: 8px;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-grid .permission-card .permission-card-footer .permission-id[data-v-1cfa3ad5] {
  font-size: 11px;
  color: #909399;
  font-family: "Courier New", monospace;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-tip[data-v-1cfa3ad5] {
  padding: 12px 16px;
  background: linear-gradient(135deg, #e6f7ff 0%, #f0f9ff 100%);
  border-left: 4px solid #1890ff;
  border-radius: 6px;
  font-size: 12px;
  color: #1890ff;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.weixin-marketing-container .official-content .auth-info-card .permission-section .permission-tip i[data-v-1cfa3ad5] {
  font-size: 14px;
  margin-top: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.weixin-marketing-container .official-content .auth-info-card .card-actions[data-v-1cfa3ad5] {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f0f0f0;
  text-align: right;
}
.weixin-marketing-container .official-content .miniapp-detail-card[data-v-1cfa3ad5] {
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.weixin-marketing-container .official-content .miniapp-detail-card[data-v-1cfa3ad5]:hover {
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section[data-v-1cfa3ad5] {
  padding: 24px;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .section-divider[data-v-1cfa3ad5] {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .section-divider[data-v-1cfa3ad5]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #e4e7ed;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .section-divider .divider-text[data-v-1cfa3ad5] {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #409eff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .section-divider .divider-text i[data-v-1cfa3ad5] {
  font-size: 16px;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .info-grid[data-v-1cfa3ad5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .info-grid .info-grid-item .info-grid-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .info-grid .info-grid-item .info-grid-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .info-grid .info-grid-item .info-grid-value .info-grid-desc[data-v-1cfa3ad5] {
  font-size: 12px;
  color: #909399;
  margin-top: 6px;
  line-height: 1.5;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .info-grid .info-grid-item .info-grid-value .value-text[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .signature-section[data-v-1cfa3ad5] {
  padding: 0;
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  padding-top: 20px;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .signature-section .signature-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .signature-section .signature-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .miniapp-detail-card .info-section .signature-section .signature-content[data-v-1cfa3ad5] {
  line-height: 1.8;
  color: #606266;
  padding: 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #f8f9fa 100%);
  border-radius: 8px;
  border-left: 4px solid #409eff;
  font-size: 14px;
}
.weixin-marketing-container .official-content .miniapp-header-info[data-v-1cfa3ad5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}
.weixin-marketing-container .official-content .miniapp-header-info .miniapp-avatar[data-v-1cfa3ad5] {
  width: 90px;
  height: 90px;
  margin-right: 20px;
  border-radius: 12px;
  overflow: hidden;
  border: 4px solid rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.weixin-marketing-container .official-content .miniapp-header-info .miniapp-avatar img[data-v-1cfa3ad5] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.weixin-marketing-container .official-content .miniapp-header-info .miniapp-name-info[data-v-1cfa3ad5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.weixin-marketing-container .official-content .miniapp-header-info .miniapp-name-info .miniapp-nickname[data-v-1cfa3ad5] {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  word-break: break-all;
}
.weixin-marketing-container .official-content .miniapp-header-info .miniapp-name-info .miniapp-appid[data-v-1cfa3ad5] {
  font-size: 13px;
  opacity: 0.95;
  font-family: "Courier New", monospace;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.weixin-marketing-container .official-content .miniapp-header-info .miniapp-name-info .miniapp-appid i[data-v-1cfa3ad5] {
  font-size: 14px;
}
.weixin-marketing-container .official-content .miniapp-detail-section[data-v-1cfa3ad5] {
  margin-top: 30px;
}
.weixin-marketing-container .official-content .miniapp-detail-section .version-header[data-v-1cfa3ad5] {
  color: #303133;
  font-size: 15px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e7ed;
  font-weight: 600;
}
.weixin-marketing-container .official-content .empty-info-card .empty-tip[data-v-1cfa3ad5] {
  text-align: center;
  padding: 80px 40px;
}
.weixin-marketing-container .official-content .empty-info-card .empty-tip i[data-v-1cfa3ad5] {
  font-size: 64px;
  color: #c0c4cc;
  margin-bottom: 20px;
  display: block;
}
.weixin-marketing-container .official-content .empty-info-card .empty-tip .empty-title[data-v-1cfa3ad5] {
  font-size: 16px;
  color: #909399;
  margin: 0 0 12px 0;
  font-weight: 500;
}
.weixin-marketing-container .official-content .empty-info-card .empty-tip .empty-desc[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #c0c4cc;
  margin: 0;
}
.weixin-marketing-container .official-content .qrcode-section[data-v-1cfa3ad5] {
  padding: 0;
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  padding-top: 20px;
}
.weixin-marketing-container .official-content .qrcode-section .signature-label[data-v-1cfa3ad5] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.weixin-marketing-container .official-content .qrcode-section .signature-label i[data-v-1cfa3ad5] {
  font-size: 14px;
  color: #409eff;
}
.weixin-marketing-container .official-content .bind-section[data-v-1cfa3ad5] {
  padding: 0;
  border-top: 2px solid #f0f0f0;
  margin-top: 24px;
  padding-top: 24px;
}
.weixin-marketing-container .official-content .bind-section .section-divider[data-v-1cfa3ad5] {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.weixin-marketing-container .official-content .bind-section .section-divider[data-v-1cfa3ad5]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #e4e7ed;
}
.weixin-marketing-container .official-content .bind-section .section-divider .divider-text[data-v-1cfa3ad5] {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #409eff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.weixin-marketing-container .official-content .bind-section .section-divider .divider-text i[data-v-1cfa3ad5] {
  font-size: 16px;
}
@media (max-width: 1200px) {
.content-wrapper[data-v-1cfa3ad5] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}

/* 模板消息配置对话框样式 */
[data-v-1cfa3ad5] .template-message-dialog {
  height: 80vh;
}
[data-v-1cfa3ad5] .template-message-dialog .el-dialog__body {
  height: calc(80vh - 110px);
  overflow-y: auto;
}
.tip-text[data-v-1cfa3ad5] {
  margin-top: 10px;
}
.warning-text[data-v-1cfa3ad5] {
  color: #E6A23C;
  background-color: #FDF6EC;
  border: 1px solid #F5DAB1;
  border-radius: 4px;
  padding: 12px;
  margin: 0;
  line-height: 1.6;
}
.warning-text i[data-v-1cfa3ad5] {
  margin-right: 5px;
}
.text-muted[data-v-1cfa3ad5] {
  color: #909399;
  font-size: 14px;
}
.system-full-container[data-v-049f19c8] {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}
.system-header[data-v-049f19c8] {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 !important;
}

/* 页面头部区域 */
.page-header[data-v-049f19c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 12px 16px;
  background-color: white;
  border-bottom: 1px solid #ebeef5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 16px;
  min-height: 50px;
}

/* 门店选择区域 */
.store-selector[data-v-049f19c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 12px;
}
.system-content[data-v-049f19c8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
  background-color: white;
  overflow-y: auto;
}

/* 设置卡片样式 */
.setting-card[data-v-049f19c8] {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #f5f7fa;
  border-radius: 8px;
}
.setting-card[data-v-049f19c8]:last-child {
  margin-bottom: 0;
}
.el-input-number[data-v-049f19c8] :deep(.el-input__wrapper) {
  -webkit-box-shadow: 0 0 0 1px #dcdfe6 inset;
          box-shadow: 0 0 0 1px #dcdfe6 inset;
}
.el-input-number[data-v-049f19c8] :deep(.el-input__wrapper.is-focus) {
  -webkit-box-shadow: 0 0 0 1px var(--theme-color) inset;
          box-shadow: 0 0 0 1px var(--theme-color) inset;
}
.el-radio[data-v-049f19c8] {
  --el-radio-font-size: 14px;
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
}

/* ==================== 全局主题颜色覆盖 ==================== */
[data-v-049f19c8] {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 单选框 */
.el-radio__input.is-checked .el-radio__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-radio__input.is-checked + .el-radio__label {
    color: var(--theme-color);
}
.el-radio__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 对话框 */
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--theme-color);
}
}

/* ==================== 系统参数页面样式优化 - 分布式自适应布局 ==================== */

/* 页面头部标题 */
.system-header[data-v-049f19c8] {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  white-space: nowrap;
}

/* 门店选择器样式优化 */
.store-selector[data-v-049f19c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 12px;
::v-deep .el-select {
    width: 200px;
.el-input__inner {
      height: 28px;
      line-height: 28px;
      font-size: 12px;
}
.el-input__suffix {
      right: 8px;
}
}
::v-deep .el-button {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 12px;
i {
      font-size: 12px;
      margin-right: 4px;
}
}
.text-nowrap {
    white-space: nowrap;
    font-size: 12px;
    color: #606266;
}
.font-medium {
    font-weight: 500;
}
.text-base {
    font-size: 12px;
    color: #303133;
}
}

/* 设置卡片样式优化 */
.setting-card[data-v-049f19c8] {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #f5f7fa;
  border-radius: 8px;
h3 {
    font-size: 14px;
    font-weight: 600;
    color: #303133;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e4e7ed;
}
  /* 设置项容器 */
.space-y-4 > div,
  .space-y-3 > div {
    margin-bottom: 12px;
&:last-child {
      margin-bottom: 0;
}
}
  /* 设置项标签 */
.text-gray-600 {
    font-size: 12px;
    color: #606266;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
span {
      white-space: nowrap;
}
.ml-auto {
      margin-left: auto;
}
.text-red-500 {
      color: #f56c6c;
      font-size: 11px;
}
}
  /* 单选框组样式 */
::v-deep .el-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
.el-radio {
      font-size: 12px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 0;
.el-radio__input {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.el-radio__label {
        font-size: 12px;
        padding-left: 4px;
        white-space: nowrap;
}
}
}
  /* flex 布局的表单项 */
.flex.items-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 8px;
span {
      font-size: 12px;
      color: #606266;
      white-space: nowrap;
&.w-48 {
        width: 192px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
}
    /* 数字输入框 */
::v-deep .el-input-number {
      width: 100px;
.el-input__inner {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        padding: 0 8px;
}
.el-input-number__decrease,
      .el-input-number__increase {
        width: 24px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
}
}
    /* 单选框组 */
::v-deep .el-radio-group {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 0;
.el-radio {
        margin-bottom: 4px;
.el-radio__label {
          white-space: normal;
          line-height: 1.4;
}
}
}
}
}

/* 复制配置对话框样式 */
[data-v-049f19c8] .el-dialog {
.el-dialog__header {
    padding: 12px 16px;
    border-bottom: 1px solid #ebeef5;
.el-dialog__title {
      font-size: 14px;
      font-weight: 600;
}
}
.el-dialog__body {
    padding: 16px;
.space-y-6 > div {
      margin-bottom: 12px;
&:last-child {
        margin-bottom: 0;
}
}
.flex.items-center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 8px;
span.w-24 {
        width: 60px;
        font-size: 12px;
        color: #606266;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
::v-deep .el-select {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
.el-input__inner {
          height: 28px;
          line-height: 28px;
          font-size: 12px;
}
}
}
}
.el-dialog__footer {
    padding: 12px 16px;
    border-top: 1px solid #ebeef5;
.el-button {
      height: 28px;
      line-height: 26px;
      padding: 0 16px;
      font-size: 12px;
}
}
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.page-header[data-v-049f19c8] {
    padding: 12px 16px;
}
.system-content[data-v-049f19c8] {
    padding: 16px;
}
.setting-card[data-v-049f19c8] {
    padding: 12px;
h3 {
      font-size: 13px;
}
.flex.items-center {
span.w-48 {
        width: 160px;
}
}
}
}
@media screen and (max-width: 992px) {
.page-header[data-v-049f19c8] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
.system-header {
      font-size: 16px;
}
}
.store-selector[data-v-049f19c8] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
::v-deep .el-select {
      width: 160px;
}
}
.setting-card[data-v-049f19c8] {
.flex.items-center {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
span.w-48 {
        width: 100%;
        margin-bottom: 4px;
}
::v-deep .el-radio-group {
        width: 100%;
}
}
}
}
@media screen and (max-width: 768px) {
.page-header[data-v-049f19c8] {
    padding: 10px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: auto;
.system-header {
      font-size: 14px;
}
}
.store-selector[data-v-049f19c8] {
    width: 100%;
::v-deep .el-select {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: auto;
}
::v-deep .el-button {
      padding: 0 10px;
      font-size: 11px;
i {
        font-size: 11px;
}
}
}
.system-content[data-v-049f19c8] {
    padding: 12px;
}
.setting-card[data-v-049f19c8] {
    padding: 10px;
    margin-bottom: 12px;
h3 {
      font-size: 12px;
      margin-bottom: 10px;
}
.text-gray-600 {
      font-size: 11px;
}
::v-deep .el-radio-group {
      gap: 8px;
.el-radio {
        font-size: 11px;
.el-radio__label {
          font-size: 11px;
}
}
}
.flex.items-center {
span {
        font-size: 11px;
}
::v-deep .el-input-number {
        width: 80px;
.el-input__inner {
          height: 26px;
          line-height: 26px;
          font-size: 11px;
}
}
}
}
}
@media screen and (max-width: 480px) {
.page-header[data-v-049f19c8] {
    padding: 8px 10px;
.system-header {
      font-size: 13px;
}
}
.store-selector[data-v-049f19c8] {
    gap: 6px;
.text-nowrap {
      font-size: 11px;
}
::v-deep .el-select {
.el-input__inner {
        height: 26px;
        line-height: 26px;
        font-size: 11px;
}
}
::v-deep .el-button {
      height: 26px;
      line-height: 24px;
      padding: 0 8px;
      font-size: 10px;
i {
        font-size: 10px;
        margin-right: 2px;
}
}
}
.system-content[data-v-049f19c8] {
    padding: 10px;
}
.setting-card[data-v-049f19c8] {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
h3 {
      font-size: 11px;
      padding-bottom: 6px;
      margin-bottom: 8px;
}
::v-deep .el-radio-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      gap: 6px;
.el-radio {
        font-size: 10px;
.el-radio__label {
          font-size: 10px;
}
}
}
.flex.items-center {
      gap: 6px;
span {
        font-size: 10px;
}
span.w-48 {
        width: 100%;
}
::v-deep .el-input-number {
        width: 70px;
.el-input__inner {
          height: 24px;
          line-height: 24px;
          font-size: 10px;
          padding: 0 4px;
}
.el-input-number__decrease,
        .el-input-number__increase {
          width: 20px;
          height: 22px;
          line-height: 22px;
          font-size: 10px;
}
}
}
}
[data-v-049f19c8] .el-dialog {
    width: 95vw !important;
.el-dialog__header {
      padding: 10px 12px;
.el-dialog__title {
        font-size: 13px;
}
}
.el-dialog__body {
      padding: 12px;
.flex.items-center {
span.w-24 {
          font-size: 11px;
}
}
}
.el-dialog__footer {
      padding: 10px 12px;
.el-button {
        height: 26px;
        line-height: 24px;
        padding: 0 12px;
        font-size: 11px;
}
}
}
}

/* ==================== 工具类 ==================== */
.whitespace-nowrap[data-v-049f19c8] {
  white-space: nowrap;
}
.ml-1[data-v-049f19c8] {
  margin-left: 4px;
}
.ml-2[data-v-049f19c8] {
  margin-left: 8px;
}
.ml-4[data-v-049f19c8] {
  margin-left: 16px;
}
.mx-2[data-v-049f19c8] {
  margin-left: 8px;
  margin-right: 8px;
}
.mb-2[data-v-049f19c8] {
  margin-bottom: 8px;
}
.mb-3[data-v-049f19c8] {
  margin-bottom: 12px;
}
.mb-4[data-v-049f19c8] {
  margin-bottom: 16px;
}
.w-32[data-v-049f19c8] {
  width: 128px;
}
.w-64[data-v-049f19c8] {
  width: 256px;
}

/* 输入框样式统一 */
[data-v-049f19c8] .el-input__wrapper {
  -webkit-box-shadow: 0 0 0 1px #dcdfe6 inset;
          box-shadow: 0 0 0 1px #dcdfe6 inset;
}
[data-v-049f19c8] .el-input__wrapper.is-focus {
  -webkit-box-shadow: 0 0 0 1px #409eff inset;
          box-shadow: 0 0 0 1px #409eff inset;
}

/* 商品库存与会员管理卡片特定样式 */
.inventory-member-card[data-v-049f19c8] {
  background-color: #f5f7fa;
  border-radius: 8px;
h3 {
    color: #303133;
    padding-bottom: 8px;
}
  /* 设置行样式 */
.setting-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    padding: 6px 0;
.setting-label {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 200px;
      color: #606266;
      line-height: 1.5;
      word-break: break-all;
}
.setting-control {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 8px;
      min-width: 0;
.setting-desc {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-width: 200px;
        line-height: 1.5;
        word-break: break-all;
        white-space: normal;
}
::v-deep .el-input {
        width: 100px;
.el-input__inner {
          height: 28px;
          line-height: 28px;
          padding: 0 8px;
}
}
::v-deep .el-radio-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 12px;
.el-radio {
          margin-right: 0;
          line-height: 1.5;
          white-space: normal;
          height: auto;
.el-radio__label {
            white-space: normal;
            line-height: 1.5;
            word-break: break-all;
}
}
}
}
}
}

/* 响应式：商品库存与会员管理卡片 */
@media screen and (max-width: 1200px) {
.inventory-member-card[data-v-049f19c8] {
    padding: 12px;
h3 {
      font-size: 14px;
}
.flex.items-center {
span {
        font-size: 13px;
}
}
}
}
@media screen and (max-width: 992px) {
.inventory-member-card[data-v-049f19c8] {
    padding: 10px;
h3 {
      font-size: 13px;
}
.setting-row {
      gap: 8px;
.setting-label {
        width: 180px;
        font-size: 12px;
}
.setting-control {
span {
          font-size: 12px;
}
}
}
}
}
@media screen and (max-width: 768px) {
.inventory-member-card[data-v-049f19c8] {
    padding: 10px;
h3 {
      font-size: 12px;
      padding-bottom: 6px;
      margin-bottom: 8px;
}
.setting-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 6px;
.setting-label {
        width: 100%;
        font-size: 11px;
}
.setting-control {
        width: 100%;
span {
          font-size: 11px;
}
::v-deep .el-radio-group {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          gap: 6px;
.el-radio {
            font-size: 11px;
            height: auto;
.el-radio__label {
              font-size: 11px;
}
}
}
}
}
}
}
@media screen and (max-width: 480px) {
.inventory-member-card[data-v-049f19c8] {
    padding: 8px;
h3 {
      font-size: 11px;
}
.setting-row {
.setting-label {
        font-size: 10px;
}
.setting-control {
span {
          font-size: 10px;
}
::v-deep .el-radio-group {
.el-radio {
            font-size: 10px;
            height: auto;
.el-radio__label {
              font-size: 10px;
}
}
}
}
}
}
}

.douyin-configuration[data-v-70fa387a] {
  background: white;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
.header[data-v-70fa387a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background: white;
  border-bottom: 1px solid #e8e8e8;
}
.tabs[data-v-70fa387a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab[data-v-70fa387a] {
  padding: 12px 24px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  font-size: 14px;
  color: #666;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tab.active[data-v-70fa387a] {
  color: #ff6500;
  border-bottom-color: #ff6500;
  background: white;
}
.tab[data-v-70fa387a]:hover:not(.active) {
  color: #333;
  background: #f8f8f8;
}
.header-actions[data-v-70fa387a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.header-actions .el-button[data-v-70fa387a] {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  margin: 0;
  padding: 0;
}
.header-actions .el-button[data-v-70fa387a]:hover {
  background: #f0f0f0;
}
.btn-close[data-v-70fa387a]:hover {
  background: #ff4757 !important;
  color: white !important;
}
.main-content[data-v-70fa387a] {
  padding: 16px;
}
.info-section[data-v-70fa387a] {
  margin-bottom: 32px;
}
.checkbox-item[data-v-70fa387a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.checkbox-item[data-v-70fa387a] .el-checkbox__label {
  font-size: 14px;
  color: #333;
}
.note[data-v-70fa387a] {
  font-size: 12px;
  color: #ff6500;
  margin-left: 8px;
}
.info-details[data-v-70fa387a] {
  background: #f8f9fa;
  padding: 16px;
  border-radius: 6px;
  border-left: 4px solid #ff6500;
}
.info-row[data-v-70fa387a] {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.6;
}
.info-row[data-v-70fa387a]:last-child {
  margin-bottom: 0;
}
.label[data-v-70fa387a] {
  color: #666;
  font-weight: 500;
}
.value[data-v-70fa387a] {
  color: #333;
  margin-right: 16px;
}
.payment-section[data-v-70fa387a] {
  margin-bottom: 32px;
  padding: 20px;
  background: #fff7f0;
  border-radius: 8px;
  border: 1px solid #ffe4cc;
}
.payment-header[data-v-70fa387a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.payment-icon[data-v-70fa387a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.payment-icon img[data-v-70fa387a] {
  width: 20px;
  height: 20px;
}
.payment-title[data-v-70fa387a] {
  font-size: 14px;
  font-weight: 500;
  color: #ff6500;
}
.edit-btn[data-v-70fa387a] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-btn[data-v-70fa387a]:hover {
  background: rgba(255, 101, 0, 0.1);
}
.payment-note[data-v-70fa387a] {
  font-size: 13px;
  color: #ff6500;
  line-height: 1.5;
}
.store-table-section[data-v-70fa387a] {
  overflow-x: auto;
}
.store-table[data-v-70fa387a] {
  width: 100%;
}
.store-table[data-v-70fa387a] .el-table {
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.store-table[data-v-70fa387a] .el-table th {
  background: #f8f9fa;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 13px;
  color: #666;
}
.store-table[data-v-70fa387a] .el-table td {
  padding: 16px;
  font-size: 13px;
  color: #333;
}
.store-table[data-v-70fa387a] .el-table .el-button {
  background: #1890ff;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.store-table[data-v-70fa387a] .el-table .el-button:hover {
  background: #096dd9;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.store-table[data-v-70fa387a] .el-table .el-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.statistics-section[data-v-70fa387a] {
  padding: 40px 0;
}
@media (max-width: 768px) {
.douyin-configuration[data-v-70fa387a] {
    margin: 0;
    border-radius: 0;
}
.main-content[data-v-70fa387a] {
    padding: 16px;
}
.header-actions[data-v-70fa387a] {
    display: none;
}
.tab[data-v-70fa387a] {
    padding: 12px 16px;
    font-size: 13px;
}
.store-table-section[data-v-70fa387a] {
    overflow-x: scroll;
}
}

.meituan-configuration[data-v-47350922] {
  background: white;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  padding: 16px;
}
.main-content[data-v-47350922] {
  padding: 0;
}
.info-section[data-v-47350922] {
  margin-bottom: 32px;
}
.checkbox-item[data-v-47350922] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.checkbox-item[data-v-47350922] .el-checkbox__label {
  font-size: 14px;
  color: #333;
}
.note[data-v-47350922] {
  font-size: 12px;
  color: #ff6500;
  margin-left: 8px;
}
.info-details[data-v-47350922] {
  background: #f8f9fa;
  padding: 16px;
  border-radius: 6px;
  border-left: 4px solid #ff6500;
}
.info-row[data-v-47350922] {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.6;
}
.info-row[data-v-47350922]:last-child {
  margin-bottom: 0;
}
.label[data-v-47350922] {
  color: #666;
  font-weight: 500;
}
.value[data-v-47350922] {
  color: #333;
  margin-right: 16px;
}
.payment-section[data-v-47350922] {
  margin-bottom: 32px;
  padding: 20px;
  background: #fff7f0;
  border-radius: 8px;
  border: 1px solid #ffe4cc;
}
.payment-header[data-v-47350922] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.payment-icon[data-v-47350922] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.payment-icon img[data-v-47350922] {
  width: 20px;
  height: 20px;
}
.payment-title[data-v-47350922] {
  font-size: 14px;
  font-weight: 500;
  color: #ff6500;
}
.edit-btn[data-v-47350922] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-btn[data-v-47350922]:hover {
  background: rgba(255, 101, 0, 0.1);
}
.payment-note[data-v-47350922] {
  font-size: 13px;
  color: #ff6500;
  line-height: 1.5;
}
.store-table-section[data-v-47350922] {
  overflow-x: auto;
}
.store-table[data-v-47350922] {
  width: 100%;
}
.store-table[data-v-47350922] .el-table {
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.store-table[data-v-47350922] .el-table th {
  background: #f8f9fa;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 13px;
  color: #666;
}
.store-table[data-v-47350922] .el-table td {
  padding: 16px;
  font-size: 13px;
  color: #333;
}
.store-table[data-v-47350922] .el-table .el-button {
  background: #1890ff;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.store-table[data-v-47350922] .el-table .el-button:hover {
  background: #096dd9;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.store-table[data-v-47350922] .el-table .el-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.statistics-section[data-v-47350922] {
  padding: 40px 0;
}
@media (max-width: 768px) {
.meituan-configuration[data-v-47350922] {
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.main-content[data-v-47350922] {
    padding: 16px;
}
.header-actions[data-v-47350922] {
    display: none;
}
.tab[data-v-47350922] {
    padding: 12px 16px;
    font-size: 13px;
}
.store-table-section[data-v-47350922] {
    overflow-x: scroll;
}
}

@charset "UTF-8";

/* ==================== 支付配置页面样式 - 分布式自适应布局 ==================== */
.payment-configuration[data-v-4ac59408] {
  background: #ffffff;
  padding: 12px;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.content[data-v-4ac59408] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 0;
}
.content[data-v-4ac59408]::-webkit-scrollbar {
  width: 6px;
}
.content[data-v-4ac59408]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.content[data-v-4ac59408]::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}

/* ==================== 渠道选择区域 ==================== */
.channel-section[data-v-4ac59408] {
  margin-bottom: 16px;
  padding: 12px;
  background: #f8fafc;
  border-radius: 4px;
  border: 1px solid #ebeef5;
}
.channel-label[data-v-4ac59408] {
  font-weight: 600;
  margin-bottom: 10px;
  color: #303133;
  font-size: 13px;
  white-space: nowrap;
}
.channel-options[data-v-4ac59408] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.channel-option[data-v-4ac59408] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.channel-option[data-v-4ac59408]  .el-radio__label {
  font-size: 12px;
  padding-left: 4px;
  white-space: nowrap;
}
.channel-option[data-v-4ac59408]  .el-radio__input .el-radio__inner {
  width: 14px;
  height: 14px;
}
.highlight-text[data-v-4ac59408] {
  color: #409eff;
  font-weight: 500;
}

/* ==================== 表格样式 ==================== */
.store-table[data-v-4ac59408] {
  margin-bottom: 12px;
}
.store-table[data-v-4ac59408]  .el-table {
  border-radius: 4px;
  font-size: 12px;
}
.store-table[data-v-4ac59408]  .el-table th {
  background: #f8fafc;
  font-weight: 600;
  color: #303133;
  padding: 8px 0;
  font-size: 12px;
}
.store-table[data-v-4ac59408]  .el-table th .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.store-table[data-v-4ac59408]  .el-table td {
  padding: 6px 0;
  font-size: 12px;
}
.store-table[data-v-4ac59408]  .el-table td .cell {
  line-height: 1.4;
  white-space: nowrap;
}
.store-table[data-v-4ac59408]  .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
.input-field[data-v-4ac59408]  .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.status-active[data-v-4ac59408] {
  color: #67c23a;
  font-weight: 500;
  font-size: 12px;
}
.status-inactive[data-v-4ac59408] {
  color: #f56c6c;
  font-weight: 500;
  font-size: 12px;
}
.masked-text[data-v-4ac59408] {
  color: #606266;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 12px;
}
.masked-text[data-v-4ac59408]:hover {
  color: #409eff;
  text-decoration: underline;
}

/* ==================== 服务条款区域 ==================== */
.terms-section[data-v-4ac59408] {
  text-align: center;
  padding: 12px;
  color: #606266;
  font-size: 12px;
  background: #f8fafc;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  white-space: nowrap;
}
.terms-link[data-v-4ac59408] {
  color: #409eff;
  text-decoration: none;
  font-weight: 500;
}
.terms-link[data-v-4ac59408]:hover {
  text-decoration: underline;
}

/* ==================== 服务条款弹窗样式 ==================== */
.terms-dialog[data-v-4ac59408]  .el-dialog {
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 4px;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__header {
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 14px;
  font-weight: 600;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 0;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__footer {
  padding: 12px 16px;
  border-top: 1px solid #ebeef5;
}
.terms-content[data-v-4ac59408] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.terms-text[data-v-4ac59408] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px;
  max-height: 60vh;
  line-height: 1.6;
  font-size: 12px;
  color: #303133;
}
.terms-text h3[data-v-4ac59408] {
  color: #409eff;
  margin: 16px 0 8px 0;
  font-size: 13px;
  font-weight: 600;
}
.terms-text p[data-v-4ac59408] {
  margin-bottom: 8px;
  text-align: justify;
}
.terms-text[data-v-4ac59408]::-webkit-scrollbar {
  width: 6px;
}
.terms-text[data-v-4ac59408]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.dialog-footer[data-v-4ac59408] {
  text-align: center;
}
.agree-btn[data-v-4ac59408] {
  width: 280px;
  height: 40px;
  font-size: 13px;
  background: linear-gradient(135deg, #409eff, #66b1ff);
  border: none;
  border-radius: 20px;
}
.agree-btn[data-v-4ac59408]:hover {
  background: linear-gradient(135deg, #66b1ff, #409eff);
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.payment-configuration[data-v-4ac59408] {
    padding: 10px;
}
.channel-section[data-v-4ac59408] {
    padding: 10px;
}
.store-table[data-v-4ac59408]  .el-table {
    font-size: 11px;
}
.store-table[data-v-4ac59408]  .el-table th, .store-table[data-v-4ac59408]  .el-table td {
    padding: 6px 0;
}
}
@media screen and (max-width: 992px) {
.payment-configuration[data-v-4ac59408] {
    padding: 8px;
}
.channel-section[data-v-4ac59408] {
    padding: 8px;
    margin-bottom: 12px;
}
.channel-label[data-v-4ac59408] {
    font-size: 12px;
}
.store-table[data-v-4ac59408]  .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.terms-section[data-v-4ac59408] {
    font-size: 11px;
    padding: 10px;
}
}
@media screen and (max-width: 768px) {
.payment-configuration[data-v-4ac59408] {
    padding: 6px;
    height: auto;
    min-height: 100%;
}
.content[data-v-4ac59408] {
    padding: 0;
}
.channel-section[data-v-4ac59408] {
    padding: 8px;
    margin-bottom: 10px;
}
.channel-options[data-v-4ac59408] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
.channel-option[data-v-4ac59408]  .el-radio__label {
    font-size: 11px;
}
.store-table[data-v-4ac59408] {
    margin-bottom: 10px;
}
.store-table[data-v-4ac59408]  .el-table {
    font-size: 11px;
}
.store-table[data-v-4ac59408]  .el-table th, .store-table[data-v-4ac59408]  .el-table td {
    padding: 6px 0;
}
.store-table[data-v-4ac59408]  .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.input-field[data-v-4ac59408]  .el-input__inner {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}
.terms-section[data-v-4ac59408] {
    font-size: 11px;
    padding: 8px;
    white-space: normal;
    line-height: 1.4;
}
.terms-dialog[data-v-4ac59408]  .el-dialog {
    width: 95% !important;
    margin-top: 2vh !important;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__header {
    padding: 10px 12px;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 13px;
}
.terms-text[data-v-4ac59408] {
    max-height: 50vh;
    padding: 12px;
    font-size: 11px;
}
.terms-text h3[data-v-4ac59408] {
    font-size: 12px;
}
.agree-btn[data-v-4ac59408] {
    width: 100%;
    max-width: 260px;
    height: 36px;
    font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.payment-configuration[data-v-4ac59408] {
    padding: 4px;
}
.channel-section[data-v-4ac59408] {
    padding: 6px;
}
.channel-label[data-v-4ac59408] {
    font-size: 11px;
    margin-bottom: 8px;
}
.store-table[data-v-4ac59408]  .el-table {
    font-size: 10px;
}
.store-table[data-v-4ac59408]  .el-table th, .store-table[data-v-4ac59408]  .el-table td {
    padding: 4px 0;
    font-size: 10px;
}
.store-table[data-v-4ac59408]  .el-table .el-button {
    font-size: 10px;
    padding: 0 4px;
    height: 22px;
    line-height: 22px;
}
.terms-section[data-v-4ac59408] {
    font-size: 10px;
    padding: 6px;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__header {
    padding: 8px 10px;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 12px;
}
.terms-dialog[data-v-4ac59408]  .el-dialog .el-dialog__footer {
    padding: 10px 12px;
}
.terms-text[data-v-4ac59408] {
    padding: 10px;
    font-size: 10px;
}
.terms-text h3[data-v-4ac59408] {
    font-size: 11px;
}
.agree-btn[data-v-4ac59408] {
    max-width: 240px;
    height: 32px;
    font-size: 11px;
}
}
/* 根容器 - 分布式自适应布局 */
.tianmei-history-page[data-v-6acfc808] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 使用 100% 高度，相对于父容器（.app-main），而不是 100vh */
  /* 这样在整体缩放时也能正确计算高度（与 ruoyi-ui 保持一致） */
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
  /* CSS 变量定义主题颜色（默认蓝色） */
  --theme-color: #409EFF;
  --theme-color-light: #ecf5ff;
  --theme-color-dark: #337ecc;
}

/* 筛选区域 */
.filter-container[data-v-6acfc808] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-6acfc808] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-6acfc808] {
  margin: 0;
}
.current-shop[data-v-6acfc808] {
  font-size: 12px;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}

/* 固定按钮和输入框高度为 28px */
.tianmei-history-page[data-v-6acfc808] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.tianmei-history-page[data-v-6acfc808] .el-button [class*="el-icon-"] {
  font-size: 12px;
}
.tianmei-history-page[data-v-6acfc808] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.tianmei-history-page[data-v-6acfc808] .el-input__icon {
  line-height: 28px;
}
.tianmei-history-page[data-v-6acfc808] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.tianmei-history-page[data-v-6acfc808] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.tianmei-history-page[data-v-6acfc808] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.tianmei-history-page[data-v-6acfc808] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.tianmei-history-page[data-v-6acfc808] .el-range-input {
  font-size: 12px;
}

/* 表格区域 */
.table-wrapper[data-v-6acfc808] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.tianmei-history-page[data-v-6acfc808] .el-table {
  font-size: 12px;
}
.tianmei-history-page[data-v-6acfc808] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
.tianmei-history-page[data-v-6acfc808] .el-table td {
  padding: 6px 0;
}
.tianmei-history-page[data-v-6acfc808] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* JSON显示样式 */
.json-display[data-v-6acfc808] {
  max-height: 200px;
  overflow-y: auto;
  padding: 8px;
  background-color: #f5f7fa;
  border-radius: 4px;
}
.json-content[data-v-6acfc808] {
  margin: 0;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 11px;
  line-height: 1.4;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* 滚动条样式 */
.json-display[data-v-6acfc808]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.json-display[data-v-6acfc808]::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 3px;
}
.json-display[data-v-6acfc808]::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}

/* 分页区域 */
.pagination-wrapper[data-v-6acfc808] {
  margin-top: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* 响应式样式 */
@media (max-width: 1400px) {
.filter-container .left-items .w-60[data-v-6acfc808] {
    width: 220px !important;
}
}
@media (max-width: 1200px) {
.tianmei-history-page[data-v-6acfc808] {
    padding: 12px;
}
.filter-container .left-items[data-v-6acfc808] {
    gap: 6px;
}
.filter-container .left-items .w-44[data-v-6acfc808] {
    width: 160px !important;
}
.filter-container .left-items .w-32[data-v-6acfc808] {
    width: 100px !important;
}
.filter-container .left-items .w-36[data-v-6acfc808] {
    width: 110px !important;
}
.filter-container .left-items .w-60[data-v-6acfc808] {
    width: 200px !important;
}
}
@media (max-width: 992px) {
.tianmei-history-page[data-v-6acfc808] {
    padding: 8px;
}
.filter-container[data-v-6acfc808] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-6acfc808] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
}
@media (max-width: 768px) {
.tianmei-history-page[data-v-6acfc808] {
    padding: 6px;
    height: auto;
    min-height: 100%;
}
.filter-container[data-v-6acfc808] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.filter-container .left-items[data-v-6acfc808] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.filter-container .left-items > *[data-v-6acfc808] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
}
.table-wrapper[data-v-6acfc808] {
    overflow-x: auto;
}
.tianmei-history-page[data-v-6acfc808] .el-table {
    min-width: 1200px;
}
}

/* 宽度工具类 */
.w-32[data-v-6acfc808] {
  width: 128px !important;
}
.w-36[data-v-6acfc808] {
  width: 144px !important;
}
.w-44[data-v-6acfc808] {
  width: 176px !important;
}
.w-60[data-v-6acfc808] {
  width: 240px !important;
}

/* ==================== 筛选区域和分页区域主题颜色覆盖 ==================== */
.tianmei-history-page[data-v-6acfc808]  {
  /* Element UI 按钮主题色 */
.el-button--primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
&:hover,
    &:focus {
      background-color: var(--theme-color-dark);
      border-color: var(--theme-color-dark);
}
}
  /* Element UI 文字按钮 */
.el-button--text {
    color: var(--theme-color);
&:hover,
    &:focus {
      color: var(--theme-color-dark);
}
}
  /* Element UI 输入框聚焦 */
.el-input__inner:focus {
    border-color: var(--theme-color);
}
  /* Element UI 选择器 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--theme-color);
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
  /* Element UI 分页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--theme-color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--theme-color);
}
  /* Element UI 日期选择器 */
.el-date-editor .el-range-input:focus {
    border-color: var(--theme-color);
}
  /* Element UI 多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--theme-color);
}
.el-checkbox__inner:hover {
    border-color: var(--theme-color);
}
  /* Element UI 表格当前行 */
.el-table__body tr.current-row > td {
    background-color: var(--theme-color-light);
}
}

.bg-gray-900[data-v-30ea7f02] {
  background-color: #1a202c;
}
.bg-gray-800[data-v-30ea7f02] {
  background-color: #2d3748;
}
.scrollbar[data-v-30ea7f02] {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}
.scrollbar[data-v-30ea7f02]::-webkit-scrollbar {
  width: 6px;
}
.scrollbar[data-v-30ea7f02]::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar[data-v-30ea7f02]::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.5);
  border-radius: 3px;
}
.scrollbar[data-v-30ea7f02]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.7);
}

/* 拟物化夹板样式 */
.clipboard-card[data-v-30ea7f02] {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f8f6f0 0%, #f0ece6 100%);
  border: none;
  border-radius: 8px;
  position: relative;
  -webkit-box-shadow:
    0 4px 12px rgba(64, 158, 255, 0.25),
    0 2px 4px rgba(64, 158, 255, 0.15),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
          box-shadow:
    0 4px 12px rgba(64, 158, 255, 0.25),
    0 2px 4px rgba(64, 158, 255, 0.15),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
  -webkit-transition: z-index 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: z-index 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, z-index 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, z-index 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  overflow: hidden;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.clipboard-card[data-v-30ea7f02] {
    border: none;
    border-radius: 6px;
    -webkit-box-shadow:
      0 3px 10px rgba(64, 158, 255, 0.2),
      0 2px 4px rgba(64, 158, 255, 0.12),
      inset 0 2px 4px rgba(255, 255, 255, 0.3),
      inset 0 -2px 4px rgba(139, 90, 60, 0.1);
            box-shadow:
      0 3px 10px rgba(64, 158, 255, 0.2),
      0 2px 4px rgba(64, 158, 255, 0.12),
      inset 0 2px 4px rgba(255, 255, 255, 0.3),
      inset 0 -2px 4px rgba(139, 90, 60, 0.1);
}
}

/* 挂单卡片网格布局 - 响应式适配（基于收银机基准：宽度<=1600，高度<=1200） */
.pending-orders-grid[data-v-30ea7f02] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  padding: 0 5px; /* 左右间距5px */
}

/* 收银机最小宽度（640px - 1023px）- 显示3列 */
@media (min-width: 640px) {
.pending-orders-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 0 5px; /* 左右间距5px */
}
}

/* 中等收银机（1024px - 1279px）- 显示3列 */
@media (min-width: 1024px) {
.pending-orders-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 0 5px; /* 左右间距5px */
}
}

/* 标准收银机（1280px - 1599px）- 收银设备常见分辨率，显示5列 */
@media (min-width: 1280px) {
.pending-orders-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding: 0 5px; /* 左右间距5px */
}
}

/* 大屏收银机（1600px及以下，收银机基准上限）- 显示6列 */
@media (min-width: 1600px) {
.pending-orders-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    padding: 0 5px; /* 左右间距5px */
}
}

/* 今日预约面板 - 响应式宽度（基于收银机基准：宽度<=1600，高度<=1200） */
.appointment-panel[data-v-30ea7f02] {
  width: 100%;
  min-width: 280px;
  max-width: 400px;
}

/* 收银机最小宽度（640px） */
@media (min-width: 640px) {
.appointment-panel[data-v-30ea7f02] {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}
}

/* 中等收银机（1024px） */
@media (min-width: 1024px) {
.appointment-panel[data-v-30ea7f02] {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}
}

/* 标准收银机（1280px - 收银设备常见分辨率） */
@media (min-width: 1280px) {
.appointment-panel[data-v-30ea7f02] {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}
}

/* 大屏收银机（1600px及以下，收银机基准上限） */
@media (min-width: 1600px) {
.appointment-panel[data-v-30ea7f02] {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}
}

/* 今日预约条目样式优化 */
.appointment-item[data-v-30ea7f02] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.appointment-item[data-v-30ea7f02]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* 确保预约条目在不同分辨率下正常显示 */
.appointment-item .flex[data-v-30ea7f02] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* 优化文字溢出处理 */
.appointment-item .truncate[data-v-30ea7f02] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appointment-item .break-words[data-v-30ea7f02] {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* 主布局容器优化 */
.workbench-main-layout[data-v-30ea7f02] {
  width: 100%;
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; /* 默认保持横向布局 */
}

/* 确保左侧挂单区域和右侧预约区域的比例合理 */
.workbench-main-layout > .flex-1[data-v-30ea7f02] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0; /* 防止flex子元素溢出 */
}

/* 确保今日预约面板的最小宽度 */
.appointment-panel[data-v-30ea7f02] {
  min-width: 300px !important;
  width: 300px !important;
  max-width: 300px !important;
}

/* 不同分辨率下的布局优化 */

/* 针对小屏幕设备（小于1024x1366）保持横向布局 */
@media screen and (max-width: 1024px), screen and (max-height: 1366px) {
.workbench-main-layout[data-v-30ea7f02] {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.appointment-panel[data-v-30ea7f02] {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
}

/* 只有在非常小的屏幕（<800px）时才使用纵向布局 */
@media (max-width: 799px) {
.workbench-main-layout[data-v-30ea7f02] {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.appointment-panel[data-v-30ea7f02] {
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
    min-height: auto !important;
}
}

/* 工作台顶部固定栏 - 替换原顶部菜单 */
.workbench-top-bar[data-v-30ea7f02] {
  position: fixed;
  top: 0;
  left: 70px; /* 左侧菜单栏宽度 */
  right: 0;
  height: 50px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.workbench-top-content[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

/* 工作台内容区域 */
.workbench-content-area[data-v-30ea7f02] {
  margin-top: 50px;
  padding: 5px; /* 上下左右5px */
  padding-bottom: 40px; /* 为底部员工栏留出空间 */
  height: calc(100vh - 50px); /* 减去顶部栏高度 */
  overflow: hidden; /* 防止整体滚动 */
}
@media (min-width: 1280px) {
.workbench-content-area[data-v-30ea7f02] {
    padding: 5px; /* 上下左右5px */
    padding-bottom: 40px;
}
}

/* 底部服务员区域 */
.staff-bar[data-v-30ea7f02] {
  position: fixed;
  bottom: 0;
  left: 70px; /* 侧边栏宽度 */
  right: 0;
  height: 40px;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.staff-bar-content[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  overflow-x: auto;
  width: 100%;
  height: 100%;
  padding: 8px 0;
}
.staff-item[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 80px;
  height: 32px;
  padding: 2px 6px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  background: #f5f5f5;
  gap: 4px;
}

/* 确保角标在staff-item内定位 */
.staff-item .staff-order-badge[data-v-30ea7f02] {
  position: absolute;
  top: -2px;
  right: -2px;
}
.staff-item[data-v-30ea7f02]:hover {
  background: #e8e8e8;
}
.staff-item.active[data-v-30ea7f02] {
  background: var(--theme-color, #409EFF);
  color: white;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
}
.staff-item.active .staff-avatar[data-v-30ea7f02] {
  border-color: rgba(255, 255, 255, 0.8);
}
.staff-avatar[data-v-30ea7f02] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid white;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.staff-info[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-top: 8px;
}
.staff-avatar img[data-v-30ea7f02] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.staff-order-badge[data-v-30ea7f02] {
  min-width: 16px;
  height: 16px;
  background: #ff6b6b;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 20;
}
.staff-code[data-v-30ea7f02] {
  font-size: 10px;
  font-weight: 600;
  color: #666;
  line-height: 1.1;
  text-align: center;
}

/* 全部员工按钮特殊样式 */
.staff-item-all[data-v-30ea7f02] {
  min-width: 50px;
  padding: 2px 8px;
}
.staff-code-all[data-v-30ea7f02] {
  font-size: 12px;
  font-weight: 700;
  color: #333;
  line-height: 1.2;
  text-align: center;
}
.staff-item-all.active .staff-code-all[data-v-30ea7f02] {
  color: white;
}
.staff-name-bar[data-v-30ea7f02] {
  font-size: 10px;
  color: #333;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50px;
  text-align: center;
}
.staff-item.active .staff-code[data-v-30ea7f02],
.staff-item.active .staff-name-bar[data-v-30ea7f02] {
  color: white;
}
.clipboard-card[data-v-30ea7f02]:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.2),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
          box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.2),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
  z-index: 10;
}

/* 夹子样式 - 透明背景+阴影 */
.clipboard-clip[data-v-30ea7f02] {
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 20px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 20px;
  -webkit-box-shadow:
    0 2px 8px rgba(64, 158, 255, 0.4),
    0 4px 12px rgba(64, 158, 255, 0.2),
    inset 0 1px 2px rgba(255, 255, 255, 0.3);
          box-shadow:
    0 2px 8px rgba(64, 158, 255, 0.4),
    0 4px 12px rgba(64, 158, 255, 0.2),
    inset 0 1px 2px rgba(255, 255, 255, 0.3);
  z-index: 3;
}
.clipboard-clip[data-v-30ea7f02]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 2px;
  background: var(--theme-color, #409EFF);
  border-radius: 1px;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.clipboard-clip[data-v-30ea7f02] {
    top: -5px;
    width: 50px;
    height: 16px;
}
.clipboard-clip[data-v-30ea7f02]::before {
    width: 32px;
    height: 1.5px;
}
}

/* 挂单状态标识 */
.order-status[data-v-30ea7f02] {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.order-status .status-icon[data-v-30ea7f02] {
  font-size: 10px;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.order-status[data-v-30ea7f02] {
    top: 10px;
    right: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 9px;
    gap: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.order-status .status-icon[data-v-30ea7f02] {
    font-size: 9px;
}
}

/* 标准收银机样式（>=1280px，收银机基准范围内：宽度<=1600，高度<=1200） */
@media (min-width: 1280px) {
.order-status[data-v-30ea7f02] {
    top: 15px;
    right: 15px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
}
}

/* 会员头像和姓名容器 */
.member-header[data-v-30ea7f02] {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  z-index: 2;
}

/* 会员头像 */
.member-avatar[data-v-30ea7f02] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 会员姓名 */
.member-name[data-v-30ea7f02] {
  font-size: 13px;
  font-weight: bold;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

/* 可点击的会员姓名样式 */
.member-name.cursor-pointer[data-v-30ea7f02] {
  color: var(--theme-color, #409EFF);
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.member-name.cursor-pointer[data-v-30ea7f02]:hover {
  color: var(--theme-color, #409EFF);
  opacity: 0.8;
  text-decoration: underline;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.member-header[data-v-30ea7f02] {
    top: 8px;
    left: 8px;
    gap: 6px;
}
.member-avatar[data-v-30ea7f02] {
    width: 28px;
    height: 28px;
    border: none;
}
.member-name[data-v-30ea7f02] {
    font-size: 12px;
    max-width: 100px;
}
}

/* 标准收银机样式（>=1280px，收银机基准范围内：宽度<=1600，高度<=1200） */
@media (min-width: 1280px) {
.member-header[data-v-30ea7f02] {
    top: 12px;
    left: 12px;
    gap: 10px;
}
.member-avatar[data-v-30ea7f02] {
    width: 36px;
    height: 36px;
    border: none;
}
.member-name[data-v-30ea7f02] {
    font-size: 14px;
    max-width: 140px;
}
}

/* 挂单内容区域 */
.clipboard-content[data-v-30ea7f02] {
  padding: 50px 10px 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.clipboard-content[data-v-30ea7f02] {
    padding: 45px 10px 10px;
}
}

/* 标准收银机样式（>=1280px，收银机基准范围内：宽度<=1600，高度<=1200） */
@media (min-width: 1280px) {
.clipboard-content[data-v-30ea7f02] {
    padding: 55px 10px 10px;
}
}

/* 日期时间 - 显示在一行 */
.order-datetime[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(64, 158, 255, 0.2);
  gap: 12px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: visible;
}
.order-date[data-v-30ea7f02] {
  font-size: 12px;
  font-weight: bold;
  color: #1e293b;
  white-space: nowrap;
}
.order-time[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  color: #666;
  gap: 1px;
  white-space: nowrap;
}
.time-label[data-v-30ea7f02] {
  font-size: 10px;
  color: #999;
  margin-right: 0;
}
.order-time i[data-v-30ea7f02] {
  font-size: 10px;
  margin: 0;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.order-datetime[data-v-30ea7f02] {
    margin-bottom: 3px;
    padding-bottom: 3px;
    gap: 8px;
}
.order-date[data-v-30ea7f02] {
    font-size: 11px;
}
.order-time[data-v-30ea7f02] {
    font-size: 10px;
    gap: 0;
}
.time-label[data-v-30ea7f02] {
    font-size: 9px;
    margin-right: 0;
}
.order-time i[data-v-30ea7f02] {
    font-size: 9px;
    margin: 0;
}
}

/* 服务员工名 - 紧挨着项目列表 */
.staff-name[data-v-30ea7f02] {
  font-size: 12px;
  color: #718096;
  margin-bottom: 2px;
  text-align: left;
  line-height: 1.3;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.staff-name[data-v-30ea7f02] {
    font-size: 11px;
    margin-bottom: 1px;
    line-height: 1.2;
}
}

/* 项目列表 - 默认显示3个项目时不需要滚动条，紧挨着服务员 */
.items-list[data-v-30ea7f02] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 8px;
  max-height: 110px; /* header 30px + 3个item 72px + 间距 = 约110px */
  overflow-y: auto;
  margin-top: 0;
}

/* 展开状态下不限制高度 */
.items-list.expanded[data-v-30ea7f02] {
  max-height: none;
  overflow-y: visible;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.items-list[data-v-30ea7f02] {
    margin-bottom: 6px;
    max-height: 100px; /* 小屏幕稍微小一点 */
}
.items-list.expanded[data-v-30ea7f02] {
    max-height: none;
}
}

/* 标准收银机样式（>=1280px，收银机基准范围内：宽度<=1600，高度<=1200） */
@media (min-width: 1280px) {
.items-list[data-v-30ea7f02] {
    margin-bottom: 10px;
    max-height: 120px; /* 大屏幕稍微大一点 */
}
.items-list.expanded[data-v-30ea7f02] {
    max-height: none;
}
}
.item-row[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0;
  border-bottom: 1px dotted rgba(139, 90, 60, 0.3);
  min-height: 24px;
}
.item-row.header[data-v-30ea7f02] {
  font-weight: bold;
  border-bottom: 2px solid rgba(139, 90, 60, 0.5);
  padding: 5px 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.item-row[data-v-30ea7f02]:last-child {
  border-bottom: none;
}
.item-info[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 4px;
}
.item-name[data-v-30ea7f02] {
  font-size: 13px;
  color: #4a5568;
  line-height: 1.4;
  max-width: 8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-quantity[data-v-30ea7f02] {
  font-size: 13px;
  color: #718096;
  white-space: nowrap;
}
.item-row.header .item-name[data-v-30ea7f02] {
  font-size: 14px;
  color: #2d3748;
}
.item-price[data-v-30ea7f02] {
  font-size: 13px;
  font-weight: bold;
  color: #2d3748;
  text-align: right;
  white-space: nowrap;
  margin-left: 8px;
}
.item-row.header .item-price[data-v-30ea7f02] {
  font-size: 14px;
}

/* 展开/折叠按钮样式 - 放在项目和价格中间，高度减小50%，主题色 */
.expand-toggle-btn[data-v-30ea7f02] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 2px 6px;
  margin: 0 auto;  /* 居中显示 */
  font-size: 10px;
  color: var(--theme-color, #409EFF);
  background: #ffffff;
  border: 1px solid rgba(64, 158, 255, 0.3);
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
  line-height: 1;
}
.expand-toggle-btn[data-v-30ea7f02]:hover {
  background: #f0f7ff;
  border-color: var(--theme-color, #409EFF);
}
.expand-toggle-btn i[data-v-30ea7f02] {
  font-size: 10px;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.item-row[data-v-30ea7f02] {
    padding: 3px 0;
    min-height: 22px;
}
.item-row.header[data-v-30ea7f02] {
    padding: 4px 0;
}
.item-name[data-v-30ea7f02] {
    font-size: 12px;
}
.item-row.header .item-name[data-v-30ea7f02] {
    font-size: 13px;
}
.item-price[data-v-30ea7f02] {
    font-size: 12px;
    margin-left: 6px;
}
.item-row.header .item-price[data-v-30ea7f02] {
    font-size: 13px;
}
}

/* 合计金额 - 减小与底部操作区域的间距 */
.total-amount[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0;
  border-top: 2px solid #e2e8f0;
  font-size: 15px;
  font-weight: bold;
  color: #1e293b;
  margin-bottom: 0;
}
.total-price[data-v-30ea7f02] {
  color: #1e293b;
  font-size: 16px;
}

/* 小屏幕样式 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
.total-amount[data-v-30ea7f02] {
    padding: 3px 0;
    font-size: 13px;
}
.total-price[data-v-30ea7f02] {
    font-size: 15px;
}
}

/* 底部操作区域 - 往上移动，与合计紧挨着 */
.clipboard-actions[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
  padding-top: 2px;
  gap: 6px;
}
.action-delete[data-v-30ea7f02] {
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--theme-color, #409EFF);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 16px;
}
.action-delete[data-v-30ea7f02]:hover {
  background: rgba(64, 158, 255, 0.1);
  color: var(--theme-color, #409EFF);
  opacity: 0.8;
}

/* 挂单中状态 - 透明背景主题色文字 */
.bg-transparent[data-v-30ea7f02] {
  background-color: transparent !important;
}
.text-theme[data-v-30ea7f02] {
  color: var(--theme-color, #409EFF) !important;
}

/* 保留旧样式兼容性 */
.bg-theme[data-v-30ea7f02] {
  background-color: var(--theme-color, #409EFF) !important;
}
.text-white[data-v-30ea7f02] {
  color: #ffffff !important;
}
.action-assign-room[data-v-30ea7f02] {
  background: #10b981;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3), 0 1px 2px rgba(16, 185, 129, 0.2);
          box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3), 0 1px 2px rgba(16, 185, 129, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.action-assign-room[data-v-30ea7f02]:hover {
  background: #059669;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 6px rgba(16, 185, 129, 0.4), 0 2px 4px rgba(16, 185, 129, 0.3);
          box-shadow: 0 4px 6px rgba(16, 185, 129, 0.4), 0 2px 4px rgba(16, 185, 129, 0.3);
}
.action-assign-room i[data-v-30ea7f02] {
  font-size: 9px;
  margin-right: 2px;
}
.action-assign-room-assigned[data-v-30ea7f02] {
  background: #fed7aa;
  color: #c2410c;
  border: none;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 1px 3px rgba(254, 215, 170, 0.3);
          box-shadow: 0 1px 3px rgba(254, 215, 170, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.action-assign-room-assigned[data-v-30ea7f02]:hover {
  background: #fec89a;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(254, 215, 170, 0.4);
          box-shadow: 0 2px 4px rgba(254, 215, 170, 0.4);
}

/* 房间状态标签样式 - 待分配（与挂单中样式一致） */
.room-status-unassigned[data-v-30ea7f02] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 12px;
  background: transparent;
  color: var(--theme-color, #409EFF);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  line-height: 1.2;
  height: auto;
  min-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.room-status-unassigned[data-v-30ea7f02]:hover {
  background: rgba(64, 158, 255, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* 房间状态标签样式 - 已分配（与挂单中样式一致） */
.room-status-assigned[data-v-30ea7f02] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 12px;
  background: transparent;
  color: var(--theme-color, #409EFF);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  line-height: 1.2;
  height: auto;
  min-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.room-status-assigned[data-v-30ea7f02]:hover {
  background: rgba(64, 158, 255, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.action-take-order[data-v-30ea7f02] {
  background: var(--theme-color, #409EFF);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-take-order[data-v-30ea7f02]:hover {
  background: var(--theme-color, #409EFF);
  opacity: 0.9;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
          box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
}

/* 顶部操作按钮 - 主题色渐变 */
.action-btn-theme[data-v-30ea7f02] {
  padding: 6px 12px;
  font-size: 12px;
  color: white;
  background: linear-gradient(135deg, var(--theme-color, #409EFF) 0%, rgba(64, 158, 255, 0.8) 100%);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.action-btn-theme[data-v-30ea7f02]:hover {
  opacity: 0.9;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
          box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
}
.action-btn-theme i[data-v-30ea7f02] {
  color: white;
  font-size: 11px;
}

/* 顶部栏图标按钮 */
.top-bar-icon-btn[data-v-30ea7f02] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  height: 32px;
  font-size: 16px;
  color: #5a5e66;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  border-radius: 4px;
}
.top-bar-icon-btn[data-v-30ea7f02]:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* 小屏幕按钮样式调整 - 收银机基准范围内小于1024px（宽度<=1600，高度<=1200） */
@media (max-width: 1023px) {
  /* 分配房间按钮 */
.action-assign-room[data-v-30ea7f02] {
    padding: 3px 6px;
    font-size: 9px;
    border-radius: 4px;
}
.action-assign-room i[data-v-30ea7f02] {
    font-size: 8px;
    margin-right: 1px;
}

  /* 已分配房间按钮 */
.action-assign-room-assigned[data-v-30ea7f02] {
    padding: 3px 6px;
    font-size: 9px;
    border-radius: 4px;
}

  /* 取单按钮 */
.action-take-order[data-v-30ea7f02] {
    padding: 5px 12px;
    font-size: 10px;
    border-radius: 5px;
}

  /* 删除按钮 */
.action-delete[data-v-30ea7f02] {
    width: 24px;
    height: 24px;
    font-size: 10px;
}

  /* 底部操作区域 */
.clipboard-actions[data-v-30ea7f02] {
    margin-top: 3px;
    padding-top: 3px;
    gap: 4px;
}
.clipboard-actions .flex[data-v-30ea7f02] {
    gap: 3px;
}
}

/* 超小屏幕按钮样式调整 - 小于收银机基准最小宽度（640px） */
@media (max-width: 639px) {
.action-assign-room[data-v-30ea7f02] {
    padding: 5px 8px;
    font-size: 10px;
}
.action-assign-room i[data-v-30ea7f02] {
    font-size: 9px;
    margin-right: 2px;
}
.action-assign-room-assigned[data-v-30ea7f02] {
    padding: 5px 8px;
    font-size: 10px;
}
.action-take-order[data-v-30ea7f02] {
    padding: 5px 10px;
    font-size: 10px;
}
.action-delete[data-v-30ea7f02] {
    width: 28px;
    height: 28px;
    font-size: 12px;
}
}

/* 状态样式调整 */
.bg-orange-100[data-v-30ea7f02] {
  background-color: #fed7aa !important;
  color: #c2410c !important;
}
.text-orange-800[data-v-30ea7f02] {
  color: #c2410c !important;
}
.bg-green-100[data-v-30ea7f02] {
  background-color: #dcfce7 !important;
  color: #15803d !important;
}
.text-green-800[data-v-30ea7f02] {
  color: #15803d !important;
}
.bg-red-100[data-v-30ea7f02] {
  background-color: #fecaca !important;
  color: #dc2626 !important;
}
.text-red-800[data-v-30ea7f02] {
  color: #dc2626 !important;
}

/* 挂单弹窗中的夹板卡片样式 */
.clipboard-card-modal[data-v-30ea7f02] {
  width: 260px;
  min-height: 320px;
  background: linear-gradient(135deg, #f8f6f0 0%, #f0ece6 100%);
  border: none;
  border-radius: 8px;
  position: relative;
  -webkit-box-shadow:
    0 4px 12px rgba(64, 158, 255, 0.25),
    0 2px 4px rgba(64, 158, 255, 0.15),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
          box-shadow:
    0 4px 12px rgba(64, 158, 255, 0.25),
    0 2px 4px rgba(64, 158, 255, 0.15),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  overflow: hidden;
  margin: 0 auto;
}
.clipboard-card-modal[data-v-30ea7f02]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow:
    0 8px 16px rgba(0, 0, 0, 0.15),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
          box-shadow:
    0 8px 16px rgba(0, 0, 0, 0.15),
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(139, 90, 60, 0.1);
}

/* 弹窗中的操作按钮区域 */
.clipboard-actions-modal[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  padding-top: 15px;
}
.action-buttons[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.action-cancel-order[data-v-30ea7f02] {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(107, 114, 128, 0.3);
          box-shadow: 0 2px 4px rgba(107, 114, 128, 0.3);
}
.action-cancel-order[data-v-30ea7f02]:hover {
  background: linear-gradient(135deg, #4b5563 0%, #374151 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(107, 114, 128, 0.4);
          box-shadow: 0 4px 8px rgba(107, 114, 128, 0.4);
}

/* 弹窗中的取单按钮调整 */
.clipboard-card-modal .action-take-order[data-v-30ea7f02] {
  padding: 8px 16px;
  font-size: 12px;
}

/* 弹窗中的分配房间按钮调整 */
.clipboard-card-modal .action-assign-room[data-v-30ea7f02] {
  padding: 8px 12px;
  font-size: 12px;
}
.clipboard-card-modal .action-assign-room-assigned[data-v-30ea7f02] {
  padding: 8px 12px;
  font-size: 12px;
}

/* ==================== 房态管理弹窗 - Element UI el-dialog 样式 ==================== */

/* Element UI Dialog 自定义样式 - 使用主题色 */
.room-dialog-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 90vh;
  margin: 0 auto !important;
  border-radius: 12px;
  overflow: hidden;
  min-width: 320px;
  max-width: 1400px;
}

/* 小屏幕设备 */
@media (max-width: 640px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 95% !important;
    min-width: 300px;
    max-width: 100%;
}
}

/* 中等屏幕 */
@media (min-width: 641px) and (max-width: 1024px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 90% !important;
    max-width: 900px;
}
}

/* 大屏幕 */
@media (min-width: 1025px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 85% !important;
    max-width: 1200px;
}
}

/* 超大屏幕 */
@media (min-width: 1600px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 80% !important;
    max-width: 1400px;
}
}
.room-dialog-el .el-dialog__header[data-v-30ea7f02] {
  padding: clamp(12px, 2vh, 16px) clamp(16px, 3vw, 24px);
  border-bottom: 2px solid var(--theme-color, #409EFF);
  background: linear-gradient(135deg, var(--theme-color, #409EFF) 0%, var(--theme-color-light, #66b1ff) 100%);
}
.room-dialog-el .el-dialog__title[data-v-30ea7f02] {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 600;
  color: white;
}
.room-dialog-el .el-dialog__body[data-v-30ea7f02] {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  background: #f8fafc;
}
.room-dialog-el .el-dialog__headerbtn[data-v-30ea7f02] {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: clamp(16px, 3vw, 24px);
}
.room-dialog-el .el-dialog__headerbtn .el-dialog__close[data-v-30ea7f02] {
  color: white;
  font-size: 18px;
  font-weight: bold;
}
.room-dialog-el .el-dialog__headerbtn:hover .el-dialog__close[data-v-30ea7f02] {
  color: rgba(255, 255, 255, 0.8);
}

/* 弹窗标题插槽 */
.room-dialog-title-slot[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vw, 12px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.room-dialog-subtitle-slot[data-v-30ea7f02] {
  font-size: clamp(12px, 1.4vw, 14px);
  color: #6b7280;
  font-weight: 400;
}
.room-dialog-header-btn[data-v-30ea7f02] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: clamp(6px, 1vh, 8px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(12px, 1.3vw, 14px);
  font-weight: 500;
  color: var(--theme-color, #409EFF);
  background: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
  margin-left: auto;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.room-dialog-header-btn[data-v-30ea7f02]:hover {
  background: #f0f9ff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* 弹窗内容包装器 */
.room-dialog-content-wrapper[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-height: calc(90vh - 60px);
  overflow: hidden;
}

/* 弹窗按钮 - Element UI 版本 */
.room-dialog-btn-el[data-v-30ea7f02] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4px, 0.5vw, 6px);
  padding: clamp(8px, 1.5vh, 12px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.room-dialog-btn-primary-el[data-v-30ea7f02] {
  color: white;
  background: var(--theme-color, #409EFF);
  -webkit-box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
          box-shadow: 0 2px 4px rgba(64, 158, 255, 0.3);
}
.room-dialog-btn-primary-el[data-v-30ea7f02]:hover {
  background: var(--theme-color-dark, #3a8ee6);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
          box-shadow: 0 4px 8px rgba(64, 158, 255, 0.4);
}
.room-dialog-btn-secondary-el[data-v-30ea7f02] {
  color: #374151;
  background: #f3f4f6;
}
.room-dialog-btn-secondary-el[data-v-30ea7f02]:hover {
  background: #e5e7eb;
}
.room-dialog-btn-large-el[data-v-30ea7f02] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(10px, 1.5vh, 14px) clamp(20px, 2vw, 24px);
}

/* 筛选区域 - Element UI 版本 */
.room-dialog-filter-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(12px, 2vh, 16px) clamp(20px, 3vw, 32px);
  gap: clamp(12px, 2vw, 20px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #f3f4f6;
}

/* 搜索框 - Element UI 版本 */
.room-dialog-search-el[data-v-30ea7f02] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.room-dialog-search-icon-el[data-v-30ea7f02] {
  position: absolute;
  left: clamp(10px, 1.5vw, 12px);
  color: #9ca3af;
  font-size: clamp(12px, 1.4vw, 14px);
}
.room-dialog-search-input-el[data-v-30ea7f02] {
  width: clamp(150px, 20vw, 240px);
  padding: clamp(8px, 1.5vh, 10px) clamp(10px, 1.5vw, 12px) clamp(8px, 1.5vh, 10px) clamp(32px, 3vw, 36px);
  font-size: clamp(12px, 1.4vw, 14px);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-dialog-search-input-el[data-v-30ea7f02]:focus {
  outline: none;
  border-color: var(--theme-color, #409EFF);
  -webkit-box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
}

/* 内容区域 - Element UI 版本 */
.room-dialog-body-el[data-v-30ea7f02] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: clamp(16px, 2vh, 20px) clamp(20px, 3vw, 32px);
}

/* 房间列表 - Element UI 版本 */
.room-dialog-list-el[data-v-30ea7f02] {
  height: 100%;
  overflow: hidden;
}

/* 加载中 - Element UI 版本 */
.room-dialog-loading-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(8px, 1vw, 12px);
  padding: clamp(40px, 10vh, 80px);
  color: #6b7280;
  font-size: clamp(14px, 1.6vw, 16px);
}

/* 空状态 - Element UI 版本 */
.room-dialog-empty-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(40px, 10vh, 80px);
  color: #6b7280;
  font-size: clamp(14px, 1.6vw, 16px);
}

/* 房间网格布局 - Element UI 版本 */
.room-grid-el[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(240px, 25vw, 320px), 1fr));
  gap: clamp(12px, 2vw, 20px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
  -ms-flex-line-pack: start;
      align-content: start;
  max-height: 100%;
}

/* 房间卡片 - Element UI 版本 */
.room-grid-item-el[data-v-30ea7f02] {
  background: #f9fafb;
  border-radius: 8px;
  padding: clamp(12px, 2vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(10px, 1.5vh, 14px);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  min-height: clamp(160px, 20vh, 200px);
}
.room-grid-item-clickable-el[data-v-30ea7f02] {
  cursor: pointer;
}
.room-grid-item-clickable-el[data-v-30ea7f02]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.room-grid-item-disabled-el[data-v-30ea7f02] {
  opacity: 0.5;
  cursor: not-allowed;
}
.room-grid-item-selected-el[data-v-30ea7f02] {
  border: 2px solid #3b82f6;
  -webkit-box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2), 0 4px 12px rgba(59, 130, 246, 0.3);
          box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2), 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* 房间卡片头部 - Element UI 版本 */
.room-grid-item-header-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vw, 12px);
}
.room-grid-item-name-el[data-v-30ea7f02] {
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-grid-item-status-el[data-v-30ea7f02] {
  padding: clamp(3px, 0.5vh, 4px) clamp(8px, 1vw, 10px);
  font-size: clamp(11px, 1.2vw, 12px);
  font-weight: 500;
  border-radius: 9999px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 房间卡片内容 - Element UI 版本 */
.room-grid-item-body-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(8px, 1vh, 10px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.room-grid-item-row-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vw, 12px);
}
.room-grid-item-label-el[data-v-30ea7f02] {
  font-size: clamp(12px, 1.4vw, 14px);
  color: #6b7280;
  white-space: nowrap;
}
.room-grid-item-value-el[data-v-30ea7f02] {
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}

/* 房间卡片底部 - Element UI 版本 */
.room-grid-item-footer-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(8px, 1vw, 12px);
  padding-top: clamp(10px, 1.5vh, 12px);
  border-top: 1px solid #e5e7eb;
}
.room-grid-item-btn-el[data-v-30ea7f02] {
  padding: clamp(6px, 1vh, 8px) clamp(10px, 1vw, 12px);
  font-size: clamp(12px, 1.4vw, 14px);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.room-grid-item-btn-edit-el[data-v-30ea7f02] {
  color: #2563eb;
  background: #eff6ff;
}
.room-grid-item-btn-edit-el[data-v-30ea7f02]:hover {
  background: #dbeafe;
}
.room-grid-item-btn-delete-el[data-v-30ea7f02] {
  color: #dc2626;
  background: #fef2f2;
}
.room-grid-item-btn-delete-el[data-v-30ea7f02]:hover {
  background: #fee2e2;
}

/* 已选中标记 - Element UI 版本 */
.room-grid-item-selected-mark-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4px, 0.5vw, 6px);
  padding-top: clamp(10px, 1.5vh, 12px);
  border-top: 1px solid #e5e7eb;
  color: #2563eb;
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  white-space: nowrap;
}

/* 编辑房间区域 - Element UI 版本 */
.room-dialog-edit-el[data-v-30ea7f02] {
  height: 100%;
  overflow-y: auto;
}
.room-edit-grid-el[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(20px, 3vw, 40px);
  max-width: 800px;
  margin: 0 auto;
}
.room-edit-column-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 2.5vh, 24px);
}
.room-edit-field-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(6px, 1vh, 8px);
}
.room-edit-label-el[data-v-30ea7f02] {
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.room-edit-required-el[data-v-30ea7f02] {
  color: #dc2626;
}
.room-edit-input-el[data-v-30ea7f02],
.room-edit-select-el[data-v-30ea7f02] {
  width: 100%;
  padding: clamp(10px, 1.5vh, 12px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(14px, 1.5vw, 16px);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.room-edit-input-el[data-v-30ea7f02]:focus,
.room-edit-select-el[data-v-30ea7f02]:focus {
  outline: none;
  border-color: #2563eb;
}
.room-edit-input-disabled-el[data-v-30ea7f02] {
  background: #f3f4f6;
  cursor: not-allowed;
}
.room-edit-actions-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 2vw, 16px);
  padding-top: clamp(16px, 2vh, 24px);
}

/* 房间卡片头部 */
.room-grid-item-header[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vw, 12px);
}
.room-grid-item-name[data-v-30ea7f02] {
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-grid-item-status[data-v-30ea7f02] {
  padding: clamp(3px, 0.5vh, 4px) clamp(8px, 1vw, 10px);
  font-size: clamp(11px, 1.2vw, 12px);
  font-weight: 500;
  border-radius: 9999px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 房间卡片内容 */
.room-grid-item-body[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(8px, 1vh, 10px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.room-grid-item-row[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vw, 12px);
}
.room-grid-item-label[data-v-30ea7f02] {
  font-size: clamp(12px, 1.4vw, 14px);
  color: #6b7280;
  white-space: nowrap;
}
.room-grid-item-value[data-v-30ea7f02] {
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}

/* 房间卡片底部 */
.room-grid-item-footer[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(8px, 1vw, 12px);
  padding-top: clamp(10px, 1.5vh, 12px);
  border-top: 1px solid #e5e7eb;
}
.room-grid-item-btn[data-v-30ea7f02] {
  padding: clamp(6px, 1vh, 8px) clamp(10px, 1vw, 12px);
  font-size: clamp(12px, 1.4vw, 14px);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.room-grid-item-btn-edit[data-v-30ea7f02] {
  color: #2563eb;
  background: #eff6ff;
}
.room-grid-item-btn-edit[data-v-30ea7f02]:hover {
  background: #dbeafe;
}
.room-grid-item-btn-delete[data-v-30ea7f02] {
  color: #dc2626;
  background: #fef2f2;
}
.room-grid-item-btn-delete[data-v-30ea7f02]:hover {
  background: #fee2e2;
}

/* 已选中标记 */
.room-grid-item-selected-mark[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4px, 0.5vw, 6px);
  padding-top: clamp(10px, 1.5vh, 12px);
  border-top: 1px solid #e5e7eb;
  color: #2563eb;
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  white-space: nowrap;
}

/* 编辑房间区域 */
.room-dialog-edit[data-v-30ea7f02] {
  height: 100%;
  overflow-y: auto;
  padding: clamp(16px, 2vw, 24px);
}
.room-edit-grid[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(20px, 3vw, 40px);
  max-width: 800px;
  margin: 0 auto;
}
.room-edit-column[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 2.5vh, 24px);
}
.room-edit-field[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(6px, 1vh, 8px);
}
.room-edit-label[data-v-30ea7f02] {
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.room-edit-required[data-v-30ea7f02] {
  color: #dc2626;
}
.room-edit-input[data-v-30ea7f02],
.room-edit-select[data-v-30ea7f02] {
  width: 100%;
  padding: clamp(10px, 1.5vh, 12px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(14px, 1.5vw, 16px);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-edit-input[data-v-30ea7f02]:focus,
.room-edit-select[data-v-30ea7f02]:focus {
  outline: none;
  border-color: #2563eb;
}
.room-edit-input-disabled[data-v-30ea7f02] {
  background: #f3f4f6;
  cursor: not-allowed;
}
.room-edit-actions[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(12px, 2vw, 16px);
  padding-top: clamp(16px, 2vh, 24px);
}

/* ==================== 房态管理弹窗响应式适配 ==================== */

/* 大屏幕（1280px以上） */
@media (min-width: 1280px) {
.room-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* 中等屏幕（1024px - 1279px） */
@media (max-width: 1279px) and (min-width: 1024px) {
.room-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 小屏幕（768px - 1023px） */
@media (max-width: 1023px) {
.room-dialog-container[data-v-30ea7f02] {
    width: 95vw;
    height: 95vh;
}
.room-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(2, 1fr);
}
.room-edit-grid[data-v-30ea7f02] {
    gap: clamp(16px, 2vw, 24px);
}
}

/* 平板/手机横屏（640px - 767px） */
@media (max-width: 767px) {
.room-dialog-overlay[data-v-30ea7f02] {
    padding: 10px;
}
.room-dialog-container[data-v-30ea7f02] {
    width: 100%;
    height: 95vh;
}
.room-dialog-header[data-v-30ea7f02] {
    padding: 12px 16px;
}
.room-dialog-title[data-v-30ea7f02] {
    font-size: 16px;
}
.room-dialog-subtitle[data-v-30ea7f02] {
    display: none;
}
.room-dialog-filter[data-v-30ea7f02] {
    padding: 12px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.room-dialog-filter-left[data-v-30ea7f02],
  .room-dialog-filter-right[data-v-30ea7f02] {
    width: 100%;
}
.room-dialog-search-input[data-v-30ea7f02] {
    width: 100%;
}
.room-grid[data-v-30ea7f02] {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.room-edit-grid[data-v-30ea7f02] {
    grid-template-columns: 1fr;
    max-width: 100%;
}
}

/* 手机竖屏（480px - 639px） */
@media (max-width: 639px) {
.room-dialog-header[data-v-30ea7f02] {
    padding: 10px 12px;
}
.room-dialog-title[data-v-30ea7f02] {
    font-size: 15px;
}
.room-dialog-body[data-v-30ea7f02] {
    padding: 0 12px 12px;
}
.room-grid[data-v-30ea7f02] {
    grid-template-columns: 1fr;
}
.room-grid-item[data-v-30ea7f02] {
    min-height: 140px;
}
.room-edit-column[data-v-30ea7f02] {
    gap: 12px;
}
.room-edit-actions[data-v-30ea7f02] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}

/* 超小屏幕（479px以下） */
@media (max-width: 479px) {
.room-dialog-overlay[data-v-30ea7f02] {
    padding: 8px;
}
.room-dialog-container[data-v-30ea7f02] {
    border-radius: 12px;
}
.room-dialog-header[data-v-30ea7f02] {
    padding: 10px;
}
.room-dialog-title[data-v-30ea7f02] {
    font-size: 14px;
}
.room-dialog-btn[data-v-30ea7f02] {
    padding: 6px 10px;
    font-size: 12px;
}
.room-dialog-close[data-v-30ea7f02] {
    width: 28px;
    height: 28px;
    font-size: 16px;
}
.room-dialog-filter[data-v-30ea7f02] {
    padding: 10px;
}
.room-dialog-body[data-v-30ea7f02] {
    padding: 0 10px 10px;
}
.room-grid[data-v-30ea7f02] {
    gap: 10px;
}
.room-grid-item[data-v-30ea7f02] {
    padding: 10px;
    min-height: 120px;
}
.room-grid-item-name[data-v-30ea7f02] {
    font-size: 14px;
}
.room-grid-item-status[data-v-30ea7f02] {
    font-size: 10px;
    padding: 2px 6px;
}
.room-grid-item-label[data-v-30ea7f02],
  .room-grid-item-value[data-v-30ea7f02] {
    font-size: 12px;
}
.room-edit-input[data-v-30ea7f02],
  .room-edit-select[data-v-30ea7f02] {
    padding: 8px 10px;
    font-size: 14px;
}
}

/* ==================== 房态管理弹窗 Element UI 版本响应式适配 ==================== */

/* 大屏幕（1280px以上） */
@media (min-width: 1280px) {
.room-grid-el[data-v-30ea7f02] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* 中等屏幕（1024px - 1279px） */
@media (max-width: 1279px) and (min-width: 1024px) {
.room-grid-el[data-v-30ea7f02] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 小屏幕（768px - 1023px） */
@media (max-width: 1023px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 95vw !important;
}
.room-grid-el[data-v-30ea7f02] {
    grid-template-columns: repeat(2, 1fr);
}
.room-edit-grid-el[data-v-30ea7f02] {
    gap: clamp(16px, 2vw, 24px);
}
}

/* 平板/手机横屏（640px - 767px） */
@media (max-width: 767px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 100vw !important;
    margin: 10px auto !important;
}
.room-dialog-el .el-dialog__header[data-v-30ea7f02] {
    padding: 12px 16px;
}
.room-dialog-title-slot[data-v-30ea7f02] {
    font-size: 16px;
}
.room-dialog-subtitle-slot[data-v-30ea7f02] {
    display: none;
}
.room-dialog-filter-el[data-v-30ea7f02] {
    padding: 12px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.room-dialog-filter-left[data-v-30ea7f02],
  .room-dialog-filter-right[data-v-30ea7f02] {
    width: 100%;
}
.room-dialog-search-input-el[data-v-30ea7f02] {
    width: 100%;
}
.room-grid-el[data-v-30ea7f02] {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.room-edit-grid-el[data-v-30ea7f02] {
    grid-template-columns: 1fr;
    max-width: 100%;
}
}

/* 手机竖屏（480px - 639px） */
@media (max-width: 639px) {
.room-dialog-el .el-dialog__header[data-v-30ea7f02] {
    padding: 10px 12px;
}
.room-dialog-title-slot[data-v-30ea7f02] {
    font-size: 15px;
}
.room-dialog-body-el[data-v-30ea7f02] {
    padding: 12px;
}
.room-grid-el[data-v-30ea7f02] {
    grid-template-columns: 1fr;
}
.room-grid-item-el[data-v-30ea7f02] {
    min-height: 140px;
}
.room-edit-column-el[data-v-30ea7f02] {
    gap: 12px;
}
.room-edit-actions-el[data-v-30ea7f02] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}

/* 超小屏幕（479px以下） */
@media (max-width: 479px) {
.room-dialog-el[data-v-30ea7f02] {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.room-dialog-el .el-dialog__header[data-v-30ea7f02] {
    padding: 10px;
}
.room-dialog-title-slot[data-v-30ea7f02] {
    font-size: 14px;
}
.room-dialog-btn-el[data-v-30ea7f02] {
    padding: 6px 10px;
    font-size: 12px;
}
.room-dialog-filter-el[data-v-30ea7f02] {
    padding: 10px;
}
.room-dialog-body-el[data-v-30ea7f02] {
    padding: 10px;
}
.room-grid-el[data-v-30ea7f02] {
    gap: 10px;
}
.room-grid-item-el[data-v-30ea7f02] {
    padding: 10px;
    min-height: 120px;
}
.room-grid-item-name-el[data-v-30ea7f02] {
    font-size: 14px;
}
.room-grid-item-status-el[data-v-30ea7f02] {
    font-size: 10px;
    padding: 2px 6px;
}
.room-grid-item-label-el[data-v-30ea7f02],
  .room-grid-item-value-el[data-v-30ea7f02] {
    font-size: 12px;
}
.room-edit-input-el[data-v-30ea7f02],
  .room-edit-select-el[data-v-30ea7f02] {
    padding: 8px 10px;
    font-size: 14px;
}
}

/* 旧样式兼容 - 隐藏所有旧样式 */
.room-dialog-overlay[data-v-30ea7f02],
.room-dialog-container[data-v-30ea7f02],
.room-dialog-header[data-v-30ea7f02],
.room-dialog-title[data-v-30ea7f02],
.room-dialog-subtitle[data-v-30ea7f02],
.room-dialog-actions[data-v-30ea7f02],
.room-dialog-btn[data-v-30ea7f02],
.room-dialog-btn-primary[data-v-30ea7f02],
.room-dialog-btn-secondary[data-v-30ea7f02],
.room-dialog-btn-large[data-v-30ea7f02],
.room-dialog-close[data-v-30ea7f02],
.room-dialog-filter[data-v-30ea7f02],
.room-dialog-search[data-v-30ea7f02],
.room-dialog-search-icon[data-v-30ea7f02],
.room-dialog-search-input[data-v-30ea7f02],
.room-dialog-body[data-v-30ea7f02],
.room-dialog-list[data-v-30ea7f02],
.room-dialog-loading[data-v-30ea7f02],
.room-dialog-empty[data-v-30ea7f02],
.room-grid[data-v-30ea7f02],
.room-grid-item[data-v-30ea7f02],
.room-grid-item-clickable[data-v-30ea7f02],
.room-grid-item-disabled[data-v-30ea7f02],
.room-grid-item-selected[data-v-30ea7f02],
.room-grid-item-header[data-v-30ea7f02],
.room-grid-item-name[data-v-30ea7f02],
.room-grid-item-status[data-v-30ea7f02],
.room-grid-item-body[data-v-30ea7f02],
.room-grid-item-row[data-v-30ea7f02],
.room-grid-item-label[data-v-30ea7f02],
.room-grid-item-value[data-v-30ea7f02],
.room-grid-item-footer[data-v-30ea7f02],
.room-grid-item-btn[data-v-30ea7f02],
.room-grid-item-btn-edit[data-v-30ea7f02],
.room-grid-item-btn-delete[data-v-30ea7f02],
.room-grid-item-selected-mark[data-v-30ea7f02],
.room-dialog-edit[data-v-30ea7f02],
.room-edit-grid[data-v-30ea7f02],
.room-edit-column[data-v-30ea7f02],
.room-edit-field[data-v-30ea7f02],
.room-edit-label[data-v-30ea7f02],
.room-edit-required[data-v-30ea7f02],
.room-edit-input[data-v-30ea7f02],
.room-edit-select[data-v-30ea7f02],
.room-edit-input-disabled[data-v-30ea7f02],
.room-edit-actions[data-v-30ea7f02],
.room-manage-dialog[data-v-30ea7f02],
.room-list-grid[data-v-30ea7f02],
.room-card[data-v-30ea7f02],
.room-card-selected[data-v-30ea7f02] {
  display: none !important;
}

/* ========== 收款弹窗右上角关闭按钮 ========== */
.close-button-payment[data-v-30ea7f02] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.close-button-payment[data-v-30ea7f02]:hover {
  background: #f56c6c;
  color: white;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3);
          box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3);
}
.close-button-payment i[data-v-30ea7f02] {
  font-size: 20px;
  color: #606266;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-button-payment:hover i[data-v-30ea7f02] {
  color: white;
}

/* ==================== 收款弹窗 - 分布式自适应布局（全局样式） ==================== */

/* Element UI Dialog 自定义样式 */
.payment-dialog-el[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 90vh;
  margin: 0 auto !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}
.payment-dialog-el .el-dialog__header[data-v-30ea7f02] {
  padding: clamp(12px, 2vh, 16px) clamp(16px, 3vw, 24px);
  border-bottom: 1px solid #e5e7eb;
}
.payment-dialog-el .el-dialog__title[data-v-30ea7f02] {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 600;
  color: #1f2937;
}
.payment-dialog-el .el-dialog__body[data-v-30ea7f02] {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.payment-dialog-el .el-dialog__headerbtn[data-v-30ea7f02] {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: clamp(16px, 3vw, 24px);
}

/* 弹窗内容区域 */
.payment-dialog-content[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 2vw, 24px);
  padding: clamp(4px, 1vh, 8px) clamp(16px, 3vw, 24px) clamp(12px, 2vh, 16px);
  height: 100%;
  max-height: calc(90vh - 60px);
  overflow: hidden;
}

/* 左侧数字键盘区域 */
.payment-dialog-left[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(10px, 1.5vh, 16px);
  overflow: hidden;
}

/* 金额输入区域 */
.payment-amount-section[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.payment-amount-label[data-v-30ea7f02] {
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.payment-amount-input[data-v-30ea7f02] {
  width: 100%;
  padding: clamp(10px, 1.5vh, 16px) clamp(12px, 1.5vw, 20px);
  font-size: clamp(20px, 2.5vw, 32px);
  font-weight: 700;
  color: #2563eb;
  background: white;
  border: 2px solid #d1d5db;
  border-radius: 8px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.payment-amount-input[data-v-30ea7f02]:focus {
  outline: none;
  border-color: #2563eb;
  -webkit-box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
          box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* 数字键盘 */
.payment-keyboard[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(6px, 1vh, 10px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.payment-key[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(6px, 1.5vh, 12px);
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 500;
  background: #f3f4f6;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
  min-height: clamp(40px, 8vh, 60px);
}
.payment-key[data-v-30ea7f02]:hover {
  background: #e5e7eb;
}
.payment-key-clear[data-v-30ea7f02] {
  background: #fee2e2;
  color: #dc2626;
}
.payment-key-clear[data-v-30ea7f02]:hover {
  background: #fecaca;
}

/* 右侧支付信息区域 */
.payment-dialog-right[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(10px, 1.5vh, 16px);
  overflow-y: auto;
  min-height: 0;
}

/* 支付信息卡片 */
.payment-info-card[data-v-30ea7f02] {
  background: #f9fafb;
  border-radius: 8px;
  padding: clamp(10px, 1.5vh, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(8px, 1vh, 12px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-info-row[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6px, 1vw, 10px);
}
.payment-info-label[data-v-30ea7f02] {
  font-size: clamp(11px, 1.3vw, 13px);
  color: #6b7280;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-info-value[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(4px, 0.5vw, 6px);
}
.payment-method-icon[data-v-30ea7f02] {
  font-size: clamp(14px, 1.8vw, 18px);
}
.payment-method-text[data-v-30ea7f02] {
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}
.payment-amount-display[data-v-30ea7f02] {
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 700;
  color: #2563eb;
  white-space: nowrap;
}

/* 支付按钮区域 */
.payment-buttons[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(8px, 1.5vw, 12px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-btn[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4px, 0.5vw, 6px);
  padding: clamp(10px, 1.5vh, 14px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.payment-btn-wechat[data-v-30ea7f02] {
  background: #22c55e;
}
.payment-btn-wechat[data-v-30ea7f02]:hover {
  background: #16a34a;
}
.payment-btn-alipay[data-v-30ea7f02] {
  background: #3b82f6;
}
.payment-btn-alipay[data-v-30ea7f02]:hover {
  background: #2563eb;
}
.payment-btn-icon[data-v-30ea7f02] {
  font-size: clamp(16px, 1.8vw, 20px);
}
.payment-btn-text[data-v-30ea7f02] {
  white-space: nowrap;
}

/* 扫码输入区域 */
.payment-scan-section[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(4px, 0.8vh, 6px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-scan-label[data-v-30ea7f02] {
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.payment-scan-input-group[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(6px, 1vw, 10px);
}
.payment-scan-input[data-v-30ea7f02] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(8px, 1.2vh, 12px) clamp(10px, 1.2vw, 14px);
  font-size: clamp(12px, 1.3vw, 14px);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.payment-scan-input[data-v-30ea7f02]:focus {
  outline: none;
  border-color: #2563eb;
}
.payment-scan-btn[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4px, 0.5vw, 6px);
  padding: clamp(8px, 1.2vh, 12px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(12px, 1.3vw, 14px);
  font-weight: 500;
  color: white;
  background: #2563eb;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-scan-btn[data-v-30ea7f02]:hover {
  background: #1d4ed8;
}
.payment-scan-hint[data-v-30ea7f02] {
  font-size: clamp(10px, 1.1vw, 12px);
  color: #9ca3af;
  margin: 0;
  white-space: nowrap;
}

/* 二维码显示区域 */
.payment-qrcode-section[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vh, 12px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
  width: clamp(160px, 20vw, 220px);
  aspect-ratio: 1;
  background: #f3f4f6;
  border-radius: 8px;
  padding: clamp(10px, 1.5vw, 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.payment-qrcode-img[data-v-30ea7f02] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-qrcode-hint[data-v-30ea7f02] {
  font-size: clamp(12px, 1.3vw, 14px);
  color: #6b7280;
  margin: 0;
  white-space: nowrap;
}

/* 支付操作按钮 */
.payment-actions[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(8px, 1.5vw, 12px);
  margin-top: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: clamp(8px, 1vh, 12px);
}
.payment-action-btn[data-v-30ea7f02] {
  padding: clamp(8px, 1.2vh, 12px) clamp(20px, 2.5vw, 28px);
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.payment-action-cancel[data-v-30ea7f02] {
  background: #6b7280;
}
.payment-action-cancel[data-v-30ea7f02]:hover {
  background: #4b5563;
}
.payment-action-confirm[data-v-30ea7f02] {
  background: #22c55e;
}
.payment-action-confirm[data-v-30ea7f02]:hover {
  background: #16a34a;
}

/* ==================== 收款弹窗响应式适配 ==================== */

/* 大屏幕（1280px以上） */
@media (min-width: 1280px) {
.payment-dialog-el[data-v-30ea7f02] {
    width: 80vw !important;
    max-width: 1200px !important;
}
.payment-keyboard[data-v-30ea7f02] {
    gap: 10px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 24px;
    padding: 14px;
}
}

/* 中等屏幕（1024px - 1279px） */
@media (max-width: 1279px) and (min-width: 1024px) {
.payment-dialog-el[data-v-30ea7f02] {
    width: 85vw !important;
}
.payment-dialog-content[data-v-30ea7f02] {
    gap: 20px;
    padding: 16px 20px;
}
}

/* 小屏幕（768px - 1023px） */
@media (max-width: 1023px) {
.payment-dialog-el[data-v-30ea7f02] {
    width: 90vw !important;
}
.payment-dialog-content[data-v-30ea7f02] {
    gap: 16px;
    padding: 14px 16px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: clamp(140px, 25vw, 180px);
}
}

/* 平板/手机横屏（640px - 767px） */
@media (max-width: 767px) {
.payment-dialog-el[data-v-30ea7f02] {
    width: 95vw !important;
    margin: 10px auto !important;
}
.payment-dialog-content[data-v-30ea7f02] {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 16px;
    max-height: calc(95vh - 60px);
}
.payment-dialog-left[data-v-30ea7f02] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-height: 300px;
}
.payment-dialog-right[data-v-30ea7f02] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.payment-keyboard[data-v-30ea7f02] {
    max-height: 260px;
}
.payment-key[data-v-30ea7f02] {
    min-height: 50px;
}
}

/* 手机竖屏（480px - 639px） */
@media (max-width: 639px) {
.payment-dialog-el[data-v-30ea7f02] {
    width: 98vw !important;
    margin: 5px auto !important;
}
.payment-dialog-el .el-dialog__header[data-v-30ea7f02] {
    padding: 10px 12px;
}
.payment-dialog-content[data-v-30ea7f02] {
    padding: 10px 12px;
    gap: 12px;
}
.payment-amount-input[data-v-30ea7f02] {
    font-size: 22px;
    padding: 10px 14px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 18px;
    padding: 10px;
    min-height: 45px;
}
.payment-buttons[data-v-30ea7f02] {
    grid-template-columns: 1fr;
}
.payment-btn[data-v-30ea7f02] {
    padding: 12px 16px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: 150px;
}
}

/* 超小屏幕（479px以下） */
@media (max-width: 479px) {
.payment-dialog-el[data-v-30ea7f02] {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.payment-dialog-el .el-dialog__header[data-v-30ea7f02] {
    padding: 10px;
}
.payment-dialog-content[data-v-30ea7f02] {
    padding: 8px 10px;
    gap: 10px;
    max-height: calc(100vh - 50px);
}
.payment-amount-input[data-v-30ea7f02] {
    font-size: 20px;
    padding: 8px 12px;
}
.payment-keyboard[data-v-30ea7f02] {
    gap: 6px;
    max-height: 220px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 16px;
    padding: 8px;
    min-height: 40px;
    border-radius: 6px;
}
.payment-scan-input-group[data-v-30ea7f02] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.payment-scan-btn[data-v-30ea7f02] {
    width: 100%;
    padding: 10px;
}
.payment-actions[data-v-30ea7f02] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.payment-action-btn[data-v-30ea7f02] {
    width: 100%;
    padding: 10px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: 140px;
    padding: 8px;
}
}

/* 极小屏幕（360px以下） */
@media (max-width: 359px) {
.payment-dialog-el .el-dialog__title[data-v-30ea7f02] {
    font-size: 14px;
}
.payment-amount-input[data-v-30ea7f02] {
    font-size: 18px;
    padding: 8px 10px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 14px;
    padding: 6px;
    min-height: 36px;
}
.payment-btn[data-v-30ea7f02] {
    font-size: 12px;
    padding: 10px 12px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: 120px;
}
}

/* 旧样式兼容 - 隐藏 */
.payment-dialog-overlay[data-v-30ea7f02],
.payment-dialog-container[data-v-30ea7f02],
.payment-dialog-header[data-v-30ea7f02],
.payment-dialog-title[data-v-30ea7f02],
.payment-dialog-close[data-v-30ea7f02] {
  display: none !important;
}

/* 弹窗内容区域 - 左右分布式布局 */
.payment-dialog-content[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 3vw, 32px);
  padding: clamp(16px, 3vw, 24px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

/* 左侧数字键盘区域 */
.payment-dialog-left[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(12px, 2vh, 20px);
  overflow: hidden;
}

/* 金额输入区域 */
.payment-amount-section[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(6px, 1vh, 10px);
}
.payment-amount-label[data-v-30ea7f02] {
  font-size: clamp(12px, 1.5vw, 14px);
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.payment-amount-input[data-v-30ea7f02] {
  width: 100%;
  padding: clamp(12px, 2vh, 20px) clamp(16px, 2vw, 24px);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  color: #2563eb;
  background: white;
  border: 2px solid #d1d5db;
  border-radius: 8px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.payment-amount-input[data-v-30ea7f02]:focus {
  outline: none;
  border-color: #2563eb;
  -webkit-box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
          box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* 数字键盘 */
.payment-keyboard[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(8px, 1.5vh, 12px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-key[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(8px, 2vh, 16px);
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 500;
  background: #f3f4f6;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.payment-key[data-v-30ea7f02]:hover {
  background: #e5e7eb;
}
.payment-key-clear[data-v-30ea7f02] {
  background: #fee2e2;
  color: #dc2626;
}
.payment-key-clear[data-v-30ea7f02]:hover {
  background: #fecaca;
}

/* 右侧支付信息区域 */
.payment-dialog-right[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(12px, 2vh, 20px);
  overflow-y: auto;
}

/* 支付信息卡片 */
.payment-info-card[data-v-30ea7f02] {
  background: #f9fafb;
  border-radius: 8px;
  padding: clamp(12px, 2vh, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(10px, 1.5vh, 16px);
}
.payment-info-row[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 1vw, 12px);
}
.payment-info-label[data-v-30ea7f02] {
  font-size: clamp(12px, 1.4vw, 14px);
  color: #6b7280;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-info-value[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(4px, 0.5vw, 8px);
}
.payment-method-icon[data-v-30ea7f02] {
  font-size: clamp(16px, 2vw, 20px);
}
.payment-method-text[data-v-30ea7f02] {
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}
.payment-amount-display[data-v-30ea7f02] {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  color: #2563eb;
  white-space: nowrap;
}

/* 支付按钮区域 */
.payment-buttons[data-v-30ea7f02] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(10px, 2vw, 16px);
}
.payment-btn[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(6px, 1vw, 10px);
  padding: clamp(12px, 2vh, 16px) clamp(16px, 2vw, 24px);
  font-size: clamp(14px, 1.6vw, 16px);
  font-weight: 500;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.payment-btn-wechat[data-v-30ea7f02] {
  background: #22c55e;
}
.payment-btn-wechat[data-v-30ea7f02]:hover {
  background: #16a34a;
}
.payment-btn-alipay[data-v-30ea7f02] {
  background: #3b82f6;
}
.payment-btn-alipay[data-v-30ea7f02]:hover {
  background: #2563eb;
}
.payment-btn-icon[data-v-30ea7f02] {
  font-size: clamp(18px, 2vw, 22px);
}
.payment-btn-text[data-v-30ea7f02] {
  white-space: nowrap;
}

/* 扫码输入区域 */
.payment-scan-section[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(6px, 1vh, 10px);
}
.payment-scan-label[data-v-30ea7f02] {
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.payment-scan-input-group[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(8px, 1vw, 12px);
}
.payment-scan-input[data-v-30ea7f02] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(10px, 1.5vh, 14px) clamp(12px, 1.5vw, 16px);
  font-size: clamp(13px, 1.4vw, 14px);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.payment-scan-input[data-v-30ea7f02]:focus {
  outline: none;
  border-color: #2563eb;
}
.payment-scan-btn[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4px, 0.5vw, 6px);
  padding: clamp(10px, 1.5vh, 14px) clamp(16px, 2vw, 20px);
  font-size: clamp(13px, 1.4vw, 14px);
  font-weight: 500;
  color: white;
  background: #2563eb;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.payment-scan-btn[data-v-30ea7f02]:hover {
  background: #1d4ed8;
}
.payment-scan-hint[data-v-30ea7f02] {
  font-size: clamp(11px, 1.2vw, 12px);
  color: #9ca3af;
  margin: 0;
  white-space: nowrap;
}

/* 二维码显示区域 */
.payment-qrcode-section[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, 1.5vh, 16px);
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
  width: clamp(200px, 25vw, 280px);
  aspect-ratio: 1;
  background: #f3f4f6;
  border-radius: 8px;
  padding: clamp(12px, 2vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.payment-qrcode-img[data-v-30ea7f02] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-qrcode-hint[data-v-30ea7f02] {
  font-size: clamp(13px, 1.4vw, 14px);
  color: #6b7280;
  margin: 0;
  white-space: nowrap;
}

/* 支付操作按钮 */
.payment-actions[data-v-30ea7f02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(10px, 2vw, 16px);
  margin-top: auto;
}
.payment-action-btn[data-v-30ea7f02] {
  padding: clamp(10px, 1.5vh, 14px) clamp(24px, 3vw, 32px);
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 500;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.payment-action-cancel[data-v-30ea7f02] {
  background: #6b7280;
}
.payment-action-cancel[data-v-30ea7f02]:hover {
  background: #4b5563;
}
.payment-action-confirm[data-v-30ea7f02] {
  background: #22c55e;
}
.payment-action-confirm[data-v-30ea7f02]:hover {
  background: #16a34a;
}

/* ==================== 收款弹窗响应式适配 ==================== */

/* 大屏幕（1280px以上） */
@media (min-width: 1280px) {
.payment-dialog-container[data-v-30ea7f02] {
    width: clamp(900px, 80vw, 1200px);
    height: clamp(600px, 85vh, 900px);
}
.payment-keyboard[data-v-30ea7f02] {
    gap: 12px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 28px;
    padding: 16px;
}
}

/* 中等屏幕（1024px - 1279px） */
@media (max-width: 1279px) and (min-width: 1024px) {
.payment-dialog-container[data-v-30ea7f02] {
    width: 90vw;
    height: 90vh;
}
.payment-dialog-content[data-v-30ea7f02] {
    gap: 24px;
    padding: 20px;
}
}

/* 小屏幕（768px - 1023px） */
@media (max-width: 1023px) {
.payment-dialog-container[data-v-30ea7f02] {
    width: 95vw;
    height: 95vh;
}
.payment-dialog-content[data-v-30ea7f02] {
    gap: clamp(12px, 2vw, 20px);
    padding: clamp(12px, 2vw, 16px);
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: clamp(160px, 30vw, 220px);
}
}

/* 平板/手机横屏（640px - 767px） */
@media (max-width: 767px) {
.payment-dialog-overlay[data-v-30ea7f02] {
    padding: 10px;
}
.payment-dialog-container[data-v-30ea7f02] {
    width: 100%;
    height: 95vh;
    max-height: none;
}
.payment-dialog-content[data-v-30ea7f02] {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: clamp(16px, 3vh, 24px);
    overflow-y: auto;
}
.payment-dialog-left[data-v-30ea7f02] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.payment-dialog-right[data-v-30ea7f02] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.payment-keyboard[data-v-30ea7f02] {
    max-height: 280px;
}
.payment-buttons[data-v-30ea7f02] {
    grid-template-columns: 1fr 1fr;
}
}

/* 手机竖屏（480px - 639px） */
@media (max-width: 639px) {
.payment-dialog-header[data-v-30ea7f02] {
    padding: 12px 16px;
}
.payment-dialog-title[data-v-30ea7f02] {
    font-size: 18px;
}
.payment-dialog-content[data-v-30ea7f02] {
    padding: 12px;
    gap: 12px;
}
.payment-amount-input[data-v-30ea7f02] {
    font-size: 24px;
    padding: 12px 16px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 20px;
    padding: 12px;
}
.payment-buttons[data-v-30ea7f02] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.payment-btn[data-v-30ea7f02] {
    padding: 12px 16px;
    font-size: 14px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: 180px;
}
}

/* 超小屏幕（479px以下） */
@media (max-width: 479px) {
.payment-dialog-overlay[data-v-30ea7f02] {
    padding: 8px;
}
.payment-dialog-container[data-v-30ea7f02] {
    width: 100%;
    height: 98vh;
    border-radius: 12px;
}
.payment-dialog-header[data-v-30ea7f02] {
    padding: 10px 12px;
}
.payment-dialog-title[data-v-30ea7f02] {
    font-size: 16px;
}
.payment-dialog-content[data-v-30ea7f02] {
    padding: 10px;
    gap: 10px;
}
.payment-amount-input[data-v-30ea7f02] {
    font-size: 22px;
    padding: 10px 12px;
}
.payment-keyboard[data-v-30ea7f02] {
    gap: 6px;
    max-height: 240px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 18px;
    padding: 10px 8px;
    border-radius: 6px;
}
.payment-scan-input-group[data-v-30ea7f02] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.payment-scan-btn[data-v-30ea7f02] {
    width: 100%;
    padding: 10px;
}
.payment-actions[data-v-30ea7f02] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.payment-action-btn[data-v-30ea7f02] {
    width: 100%;
    padding: 12px;
    font-size: 14px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: 160px;
    padding: 10px;
}
}

/* 极小屏幕（360px以下） */
@media (max-width: 359px) {
.payment-dialog-title[data-v-30ea7f02] {
    font-size: 14px;
}
.payment-amount-input[data-v-30ea7f02] {
    font-size: 20px;
    padding: 8px 10px;
}
.payment-key[data-v-30ea7f02] {
    font-size: 16px;
    padding: 8px 6px;
}
.payment-btn[data-v-30ea7f02] {
    font-size: 13px;
    padding: 10px 12px;
}
.payment-qrcode-wrapper[data-v-30ea7f02] {
    width: 140px;
}
}

/* 响应式设计：屏幕小于1024x1366时其他弹窗样式 */
@media screen and (max-width: 1024px), screen and (max-height: 1366px) {
  /* 房态管理弹窗：所有UI元素缩小20% */
.room-manage-dialog-container[data-v-30ea7f02] {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    /* 调整宽度以适应缩放后的内容 */
    width: 125% !important;
    max-width: none !important;
}

  /* 房态管理弹窗：所有UI元素缩小20% */
.room-manage-dialog-container[data-v-30ea7f02] {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    /* 调整宽度以适应缩放后的内容 */
    width: 125% !important;
    max-width: none !important;
}

  /* 确保房态管理弹窗内所有元素正确缩放 */
.room-manage-dialog-container *[data-v-30ea7f02] {
    -webkit-transform: scale(1);
            transform: scale(1);
}

  /* 调整房态管理弹窗按钮大小 */
.room-manage-dialog-container button[data-v-30ea7f02] {
    padding: 4px 8px !important;
    font-size: 12px !important;
}

  /* 调整房态管理弹窗输入框大小 */
.room-manage-dialog-container input[data-v-30ea7f02],
  .room-manage-dialog-container select[data-v-30ea7f02] {
    padding: 4px 8px !important;
    font-size: 12px !important;
}

  /* 调整房态管理弹窗标题大小 */
.room-manage-dialog-container h3[data-v-30ea7f02] {
    font-size: 16px !important;
}

  /* ==================== 关注我们弹窗 - 分布式自适应布局 ==================== */

  /* 弹窗遮罩层 */
.follow-dialog-overlay[data-v-30ea7f02] {
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

  /* 弹窗容器 - 分布式自适应 */
.follow-dialog-container[data-v-30ea7f02] {
    width: 90vw;
    max-width: 900px;
    min-width: 320px;
    max-height: 90vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

  /* 弹窗头部 - 紧凑布局 */
.follow-dialog-header[data-v-30ea7f02] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: clamp(12px, 2vw, 20px) clamp(16px, 3vw, 24px);
    border-bottom: 1px solid #e5e7eb;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

  /* 弹窗标题 - 自适应字体 */
.follow-dialog-title[data-v-30ea7f02] {
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 600;
    color: #1f2937;
    white-space: nowrap;
    margin: 0;
}

  /* 关闭按钮 - 固定大小 */
.follow-dialog-close[data-v-30ea7f02] {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #6b7280;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.follow-dialog-close[data-v-30ea7f02]:hover {
    color: #374151;
    background: #f3f4f6;
}

  /* 弹窗内容区域 - 分布式网格 */
.follow-dialog-content[data-v-30ea7f02] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 3vw, 32px);
    padding: clamp(20px, 4vw, 40px) clamp(16px, 3vw, 32px);
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

  /* 单个项目 - 自适应布局 */
.follow-dialog-item[data-v-30ea7f02] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    min-width: 0;
}

  /* 二维码容器 - 自适应大小 */
.follow-dialog-qr-wrapper[data-v-30ea7f02] {
    width: 100%;
    max-width: 280px;
    aspect-ratio: 1;
    border-radius: 12px;
    padding: clamp(12px, 2vw, 20px);
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin-bottom: clamp(12px, 2vw, 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

  /* 二维码图片 - 填充容器 */
.follow-dialog-qr[data-v-30ea7f02] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

  /* 项目名称 - 自适应字体，不换行 */
.follow-dialog-item-title[data-v-30ea7f02] {
    font-size: clamp(13px, 1.8vw, 16px);
    font-weight: 600;
    margin: 0 0 clamp(6px, 1vw, 8px) 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

  /* 项目描述 - 自适应字体，不换行 */
.follow-dialog-item-desc[data-v-30ea7f02] {
    font-size: clamp(11px, 1.4vw, 13px);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

  /* 响应式适配 - 中等屏幕 */
@media (max-width: 1023px) {
.follow-dialog-container[data-v-30ea7f02] {
      width: 95vw;
}
.follow-dialog-content[data-v-30ea7f02] {
      gap: clamp(12px, 2vw, 20px);
      padding: clamp(16px, 3vw, 24px);
}
.follow-dialog-qr-wrapper[data-v-30ea7f02] {
      max-width: 160px;
}
}

  /* 响应式适配 - 小屏幕（2列布局） */
@media (max-width: 767px) {
.follow-dialog-content[data-v-30ea7f02] {
      grid-template-columns: repeat(2, 1fr);
      gap: clamp(16px, 4vw, 24px);
}
.follow-dialog-item[data-v-30ea7f02]:last-child {
      grid-column: span 2;
      justify-self: center;
      max-width: 50%;
}
.follow-dialog-qr-wrapper[data-v-30ea7f02] {
      max-width: 140px;
}
}

  /* 响应式适配 - 超小屏幕（1列布局） */
@media (max-width: 479px) {
.follow-dialog-overlay[data-v-30ea7f02] {
      padding: 10px;
}
.follow-dialog-container[data-v-30ea7f02] {
      width: 100%;
      max-height: 95vh;
}
.follow-dialog-content[data-v-30ea7f02] {
      grid-template-columns: 1fr;
      gap: clamp(20px, 5vw, 28px);
      padding: clamp(16px, 4vw, 24px);
}
.follow-dialog-item[data-v-30ea7f02]:last-child {
      grid-column: span 1;
      max-width: 100%;
}
.follow-dialog-qr-wrapper[data-v-30ea7f02] {
      max-width: 180px;
}
}

  /* 旧样式兼容 - 隐藏 */
.follow-us-dialog-container[data-v-30ea7f02] {
    display: none !important;
}
}

.filter-container[data-v-2f62ec7a] {
  margin-bottom: 20px;
}
.filter-container h2[data-v-2f62ec7a] {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}
.tip-text[data-v-2f62ec7a] {
  margin-top: 10px;
}
.warning-text[data-v-2f62ec7a] {
  color: #E6A23C;
  background-color: #FDF6EC;
  border: 1px solid #F5DAB1;
  border-radius: 4px;
  padding: 12px;
  margin: 0;
  line-height: 1.6;
}
.warning-text i[data-v-2f62ec7a] {
  margin-right: 5px;
}
.text-muted[data-v-2f62ec7a] {
  color: #909399;
  font-size: 14px;
}

.drawer-content[data-v-6d07d4bd] {
  padding: 20px;
}
.drawer-footer[data-v-6d07d4bd] {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #ebeef5;
}

/*树形菜单子菜单 左对齐*/
[data-v-4ab7bb0c] .el-tree-node.is-expanded>.el-tree-node__children{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
[data-v-4ab7bb0c] .custom-tree-node{
  font-size: 17px !important;
}
[data-v-4ab7bb0c] .el-tree-node__content{
  margin: 2px;
  margin-bottom: 20px;
}
.el-tree-node.is-expanded>.el-tree-node__children[data-v-4ab7bb0c]{
  width: 90%;
}



.permission-panel[data-v-0c493855] {
  max-height: 65vh;
  overflow-y: auto;
  padding: 5px 15px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.permission-card[data-v-0c493855] {
  margin-bottom: 20px;
}
.permission-card[data-v-0c493855]:last-child {
  margin-bottom: 5px;
}
.permission-card[data-v-0c493855]  .el-card__header {
  background-color: #F5F7FA;
  padding: 10px 20px;
}
.permission-card .card-header .el-checkbox[data-v-0c493855]  .el-checkbox__label {
  font-size: 16px;
  font-weight: bold;
}
.permission-card .menu-group[data-v-0c493855] {
  margin-bottom: 15px;
  padding-left: 20px;
  border-bottom: 1px dashed #EBEEF5;
  padding-bottom: 15px;
}
.permission-card .menu-group[data-v-0c493855]:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.permission-card .menu-title-container[data-v-0c493855] {
  margin-bottom: 10px;
  padding-left: 5px;
}
.permission-card .menu-title[data-v-0c493855]  .el-checkbox__label {
  font-weight: 500;
  color: #303133;
}
.permission-card .submenu-container[data-v-0c493855] {
  margin-left: 30px;
  margin-top: 10px;
  padding-left: 15px;
}
.permission-card .submenu-group[data-v-0c493855] {
  margin-bottom: 12px;
}
.permission-card .submenu-group[data-v-0c493855]:last-child {
  margin-bottom: 0;
}
.permission-card .submenu-title-container[data-v-0c493855] {
  margin-bottom: 8px;
  padding-left: 5px;
}
.permission-card .submenu-title[data-v-0c493855]  .el-checkbox__label {
  font-weight: 400;
  color: #606266;
  font-size: 14px;
}
.permission-card .permission-group[data-v-0c493855] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 25px;
}
.submenu-container .permission-card .permission-group[data-v-0c493855] {
  padding-left: 20px;
}
.permission-card .permission-item[data-v-0c493855] {
  min-width: 120px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.dialog-footer[data-v-0c493855] {
  text-align: center;
  margin-top: 15px;
}
.select-all-container[data-v-666fcdb8] {
  padding: 15px 20px;
  border-bottom: 1px solid #EBEEF5;
  margin-bottom: 10px;
  background-color: #F5F7FA;
}
.select-all-container .select-all-checkbox[data-v-666fcdb8]  .el-checkbox__label {
  font-size: 16px;
  font-weight: bold;
  color: #303133;
}
.permission-panel[data-v-666fcdb8] {
  max-height: 65vh;
  overflow-y: auto;
  padding: 5px 15px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.permission-card[data-v-666fcdb8] {
  margin-bottom: 20px;
}
.permission-card[data-v-666fcdb8]:last-child {
  margin-bottom: 5px;
}
.permission-card[data-v-666fcdb8]  .el-card__header {
  background-color: #F5F7FA;
  padding: 10px 20px;
}
.permission-card .card-header .el-checkbox[data-v-666fcdb8]  .el-checkbox__label {
  font-size: 16px;
  font-weight: bold;
}
.permission-card .menu-group[data-v-666fcdb8] {
  margin-bottom: 15px;
  padding-left: 20px;
  border-bottom: 1px dashed #EBEEF5;
  padding-bottom: 15px;
}
.permission-card .menu-group[data-v-666fcdb8]:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.permission-card .menu-title-container[data-v-666fcdb8] {
  margin-bottom: 10px;
  padding-left: 5px;
}
.permission-card .menu-title[data-v-666fcdb8]  .el-checkbox__label {
  font-weight: 500;
  color: #303133;
}
.permission-card .submenu-container[data-v-666fcdb8] {
  margin-left: 30px;
  margin-top: 10px;
  padding-left: 15px;
}
.permission-card .submenu-group[data-v-666fcdb8] {
  margin-bottom: 12px;
}
.permission-card .submenu-group[data-v-666fcdb8]:last-child {
  margin-bottom: 0;
}
.permission-card .submenu-title-container[data-v-666fcdb8] {
  margin-bottom: 8px;
  padding-left: 5px;
}
.permission-card .submenu-title[data-v-666fcdb8]  .el-checkbox__label {
  font-weight: 400;
  color: #606266;
  font-size: 14px;
}
.permission-card .permission-group[data-v-666fcdb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 25px;
}
.submenu-container .permission-card .permission-group[data-v-666fcdb8] {
  padding-left: 20px;
}
.permission-card .permission-item[data-v-666fcdb8] {
  min-width: 120px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.dialog-footer[data-v-666fcdb8] {
  text-align: center;
  margin-top: 15px;
}
[data-v-666fcdb8] .el-tabs__header {
  margin-bottom: 20px;
}
[data-v-666fcdb8] .el-tabs__nav-wrap {
  padding: 0 20px;
}
.select-all-container[data-v-7ab9d724] {
  padding: 15px 20px;
  border-bottom: 1px solid #EBEEF5;
  margin-bottom: 10px;
  background-color: #F5F7FA;
}
.select-all-container .select-all-checkbox[data-v-7ab9d724]  .el-checkbox__label {
  font-size: 16px;
  font-weight: bold;
  color: #303133;
}
.permission-panel[data-v-7ab9d724] {
  max-height: 65vh;
  overflow-y: auto;
  padding: 5px 15px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.permission-card[data-v-7ab9d724] {
  margin-bottom: 20px;
}
.permission-card[data-v-7ab9d724]:last-child {
  margin-bottom: 5px;
}
.permission-card[data-v-7ab9d724]  .el-card__header {
  background-color: #F5F7FA;
  padding: 10px 20px;
}
.permission-card .card-header .el-checkbox[data-v-7ab9d724]  .el-checkbox__label {
  font-size: 16px;
  font-weight: bold;
}
.permission-card .menu-group[data-v-7ab9d724] {
  margin-bottom: 15px;
  padding-left: 20px;
  border-bottom: 1px dashed #EBEEF5;
  padding-bottom: 15px;
}
.permission-card .menu-group[data-v-7ab9d724]:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.permission-card .menu-title-container[data-v-7ab9d724] {
  margin-bottom: 10px;
  padding-left: 5px;
}
.permission-card .menu-title[data-v-7ab9d724]  .el-checkbox__label {
  font-weight: 500;
  color: #303133;
}
.permission-card .submenu-container[data-v-7ab9d724] {
  margin-left: 30px;
  margin-top: 10px;
  padding-left: 15px;
}
.permission-card .submenu-group[data-v-7ab9d724] {
  margin-bottom: 12px;
}
.permission-card .submenu-group[data-v-7ab9d724]:last-child {
  margin-bottom: 0;
}
.permission-card .submenu-title-container[data-v-7ab9d724] {
  margin-bottom: 8px;
  padding-left: 5px;
}
.permission-card .submenu-title[data-v-7ab9d724]  .el-checkbox__label {
  font-weight: 400;
  color: #606266;
  font-size: 14px;
}
.permission-card .permission-group[data-v-7ab9d724] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 25px;
}
.submenu-container .permission-card .permission-group[data-v-7ab9d724] {
  padding-left: 20px;
}
.permission-card .permission-item[data-v-7ab9d724] {
  min-width: 120px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.dialog-footer[data-v-7ab9d724] {
  text-align: center;
  margin-top: 15px;
}
.rounded-button[data-v-106c86ed] {
  border-radius: 20px !important;
}
.el-tabs__nav-wrap[data-v-106c86ed]::after {
  height: 1px;
}
.el-tabs__active-bar[data-v-106c86ed] {
  height: 2px;
}

.dashboard-editor-container[data-v-308292d4] {
  padding: 32px;
  background-color: #f0f2f5;
  position: relative;
}
.dashboard-editor-container .github-corner[data-v-308292d4] {
  position: absolute;
  top: 0px;
  border: 0;
  right: 0;
}
.dashboard-editor-container .chart-wrapper[data-v-308292d4] {
  background: #fff;
  padding: 16px 16px 0;
  margin-bottom: 32px;
}
.panel-group[data-v-308292d4] {
  margin-top: 18px;
}
.panel-group .card-panel-col[data-v-308292d4] {
  margin-bottom: 32px;
}
.panel-group .card-panel[data-v-308292d4] {
  padding-bottom: 10px;
  height: 108px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  color: #666;
  background: #fff;
  -webkit-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
}
.panel-group .card-panel:hover .card-panel-icon-wrapper[data-v-308292d4] {
  color: #fff;
}
.panel-group .card-panel:hover .icon-people[data-v-308292d4] {
  background: #40c9c6;
}
.panel-group .card-panel:hover .icon-message[data-v-308292d4] {
  background: #36a3f7;
}
.panel-group .card-panel:hover .icon-money[data-v-308292d4] {
  background: #f4516c;
}
.panel-group .card-panel:hover .icon-shopping[data-v-308292d4] {
  background: #34bfa3;
}
.panel-group .card-panel .icon-people[data-v-308292d4] {
  font-size: 48px;
  color: #40c9c6;
}
.panel-group .card-panel .icon-message[data-v-308292d4] {
  font-size: 48px;
  color: #36a3f7;
}
.panel-group .card-panel .icon-money[data-v-308292d4] {
  font-size: 48px;
  color: #f4516c;
}
.panel-group .card-panel .icon-shopping[data-v-308292d4] {
  font-size: 48px;
  color: #34bfa3;
}
.panel-group .card-panel .card-panel-icon-wrapper[data-v-308292d4] {
  float: left;
  margin: 7px 0 0 14px;
  padding: 16px;
  -webkit-transition: all 0.38s ease-out;
  transition: all 0.38s ease-out;
  border-radius: 6px;
}
.panel-group .card-panel .card-panel-icon[data-v-308292d4] {
  float: left;
  font-size: 48px;
}
.panel-group .card-panel .card-panel-description[data-v-308292d4] {
  float: right;
  font-weight: bold;
  margin: 26px;
  margin-left: 0px;
}
.panel-group .card-panel .card-panel-description .card-panel-text[data-v-308292d4] {
  line-height: 18px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  margin-bottom: 12px;
}
.panel-group .card-panel .card-panel-description .card-panel-num[data-v-308292d4] {
  font-size: 20px;
}
.github-corner:hover .octo-arm[data-v-308292d4] {
  -webkit-animation: octocat-wave-data-v-308292d4 560ms ease-in-out;
          animation: octocat-wave-data-v-308292d4 560ms ease-in-out;
}
@-webkit-keyframes octocat-wave-data-v-308292d4 {
0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
20%, 60% {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
}
40%, 80% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
}
}
@keyframes octocat-wave-data-v-308292d4 {
0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
20%, 60% {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
}
40%, 80% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
}
}
@media (max-width: 500px) {
.github-corner:hover .octo-arm[data-v-308292d4] {
    -webkit-animation: none;
            animation: none;
}
.github-corner .octo-arm[data-v-308292d4] {
    -webkit-animation: octocat-wave-data-v-308292d4 560ms ease-in-out;
            animation: octocat-wave-data-v-308292d4 560ms ease-in-out;
}
}
@media (max-width: 550px) {
.card-panel-description[data-v-308292d4] {
    display: none;
}
.card-panel-icon-wrapper[data-v-308292d4] {
    float: none !important;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}
.card-panel-icon-wrapper .svg-icon[data-v-308292d4] {
    display: block;
    margin: 14px auto !important;
    float: none !important;
}
}
@media (max-width: 1024px) {
.chart-wrapper[data-v-308292d4] {
    padding: 8px;
}
}
.dashboard-editor-container .chart-wrapper[data-v-308292d4] {
  padding: 24px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.dashboard-editor-container .card-panel .card-panel-icon-wrapper[data-v-308292d4] {
  padding: 20px;
  border-radius: 8px;
}
.dashboard-editor-container .card-panel .card-panel-description .card-panel-text[data-v-308292d4] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.dashboard-editor-container .card-panel .card-panel-description .card-panel-num[data-v-308292d4] {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
@media (max-width: 1024px) {
.chart-wrapper[data-v-308292d4] {
    padding: 16px;
}
}
.comment-item[data-v-598c6bb1] {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}
.comment-item[data-v-598c6bb1]:last-child {
  border-bottom: none;
}
.comment-header[data-v-598c6bb1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.comment-author[data-v-598c6bb1] {
  font-size: 14px;
}
.comment-time[data-v-598c6bb1] {
  font-size: 12px;
  color: #999;
}
.comment-body[data-v-598c6bb1] {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
}
.reply-quote[data-v-598c6bb1] {
  font-size: 13px;
  color: #888;
  background-color: #f4f4f5;
  border-left: 3px solid #d3d3d3;
  padding: 8px 10px;
  margin: 8px 0;
  border-radius: 4px;
}
.comment-actions[data-v-598c6bb1] {
  text-align: right;
  margin-top: 5px;
}
.comment-children[data-v-598c6bb1] {
  margin-left: 30px;
  padding-left: 15px;
  border-left: 2px solid #f0f0f0;
}

.dialog-content-wrapper[data-v-c565fc34] {
  /* height: 80vh; */ /* 移除固定高度，让内容自动撑开 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.changelog-content[data-v-c565fc34] {
  padding: 20px;
  border: 1px solid #ebeef5;
  border-top: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-height: 250px;
  overflow-y: auto;
  background-color: #fafafa;
  font-size: 16px;
  line-height: 1.6;
}
.comment-container[data-v-c565fc34] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 15px;
  min-height: 0; /* Add this to prevent overflow */
}
.comment-list[data-v-c565fc34] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  padding: 0 10px;
  border: 1px solid #ebeef5;
  margin-bottom: 20px;
}
.new-comment-form[data-v-c565fc34] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-actions[data-v-c565fc34] {
  margin-top: 10px;
  text-align: right;
}

/* ==================== 基础布局样式 - 参考 projectList ==================== */
.app-container[data-v-957f5732] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
}
.app-container > *[data-v-957f5732] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-957f5732] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-957f5732] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-957f5732] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-957f5732] {
  margin: 0;
}
.filter-container .left-items > *[data-v-957f5732],
.filter-container .right-items > *[data-v-957f5732] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-957f5732] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-957f5732] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px，按钮内图标垂直居中 */
[data-v-957f5732] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-957f5732] .el-button [class*="el-icon-"] {
  font-size: 12px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-957f5732] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-957f5732] .el-input__icon {
  line-height: 28px;
}
[data-v-957f5732] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-957f5732] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-957f5732] .el-table {
  font-size: 12px;
}
[data-v-957f5732] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-957f5732] .el-table td {
  padding: 6px 0;
}
[data-v-957f5732] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-957f5732] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-957f5732] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-957f5732] {
  margin-top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* ==================== 工具类 ==================== */
.mr-2[data-v-957f5732] {
  margin-right: 8px;
}
.mt-1[data-v-957f5732] {
  margin-top: 4px;
}
.text-gray[data-v-957f5732] {
  color: #909399;
  font-size: 12px;
}

/* ==================== 响应式样式 - 同步 projectList 样式 ==================== */
@media screen and (max-width: 1200px) {
.filter-container .left-items[data-v-957f5732],
    .filter-container .right-items[data-v-957f5732] {
    gap: 6px;
}
.table-wrapper[data-v-957f5732] {
    overflow-x: auto;
}
[data-v-957f5732] .el-table {
    min-width: 1200px;
}
[data-v-957f5732] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-957f5732] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.filter-container[data-v-957f5732] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.filter-container .left-items[data-v-957f5732],
    .filter-container .right-items[data-v-957f5732] {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.table-wrapper[data-v-957f5732] {
    overflow-x: auto;
}
[data-v-957f5732] .el-table {
    min-width: 1200px;
}
[data-v-957f5732] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-957f5732] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.filter-container .left-items[data-v-957f5732],
    .filter-container .right-items[data-v-957f5732] {
    gap: 6px;
}
.table-wrapper[data-v-957f5732] {
    overflow-x: auto;
}
[data-v-957f5732] .el-table {
    min-width: 1200px;
}
.pagination-container[data-v-957f5732] {
    height: 32px;
}
}
@media screen and (max-width: 480px) {
.filter-container .left-items[data-v-957f5732],
    .filter-container .right-items[data-v-957f5732] {
    gap: 4px;
}
.table-wrapper[data-v-957f5732] {
    overflow-x: auto;
}
[data-v-957f5732] .el-table {
    min-width: 1200px;
}
[data-v-957f5732] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-957f5732] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
[data-v-957f5732] .el-table .el-button {
    font-size: 11px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
}
.pagination-container[data-v-957f5732] {
    height: 32px;
}
}

/* ==================== 抽屉整体样式 ==================== */
.permission-drawer[data-v-4cdded95]  .el-drawer {
  max-width: 1400px;
}
.permission-drawer[data-v-4cdded95]  .el-drawer__header {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #e4e7ed;
  height: 48px;
  line-height: 48px;
}
.permission-drawer[data-v-4cdded95]  .el-drawer__body {
  padding: 0;
  overflow: hidden;
  margin: 0;
}
.permission-drawer[data-v-4cdded95]  .el-drawer__container {
  position: relative;
}
.permission-drawer[data-v-4cdded95]  .el-drawer__wrapper {
  overflow: hidden;
}

/* ==================== 抽屉头部样式 ==================== */
.drawer-header[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 16px;
  height: 48px;
}
.drawer-title[data-v-4cdded95] {
  font-size: 16px;
  font-weight: 500;
  color: #303133;
  line-height: 1;
}
.drawer-actions[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.permission-container[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ==================== 筛选区域样式 ==================== */
.filter-section[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  background: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 12px;
  margin: 0;
}
.filter-left[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.filter-label[data-v-4cdded95] {
  font-size: 14px;
  color: #606266;
  font-weight: 500;
  white-space: nowrap;
}
.admin-select[data-v-4cdded95] {
  width: 200px;
}

/* ==================== 提示区域样式 ==================== */
.tips-section[data-v-4cdded95] {
  padding: 6px 16px;
  background: #fdf6ec;
  border-bottom: 1px solid #f5dab1;
  color: #e6a23c;
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1.4;
}

/* ==================== 权限列表区域样式 ==================== */
.perm-scroll[data-v-4cdded95] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 0;
}
.perm-scroll[data-v-4cdded95]  .el-tabs__header {
  margin: 0;
  padding: 0 20px;
  background: #fff;
  border-bottom: 1px solid #e4e7ed;
}
.perm-scroll[data-v-4cdded95]  .el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #e4e7ed;
}
.perm-scroll[data-v-4cdded95]  .el-tabs__item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 20px;
}
.perm-list[data-v-4cdded95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
  font-size: 14px;
}
.perm-list[data-v-4cdded95]  .el-checkbox {
  margin-right: 0;
  font-size: 14px;
}
.perm-list[data-v-4cdded95]  .el-checkbox__label {
  font-size: 14px;
  line-height: 1.5;
}
.perm-desc[data-v-4cdded95] {
  font-size: 13px;
  color: #909399;
  margin: 4px 0 12px 24px;
  line-height: 1.6;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 1200px) {
.permission-drawer[data-v-4cdded95]  .el-drawer {
    width: 95% !important;
}
.drawer-header[data-v-4cdded95] {
    padding: 0 12px;
    height: 44px;
}
.drawer-title[data-v-4cdded95] {
    font-size: 15px;
}
.filter-section[data-v-4cdded95] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    padding: 6px 12px;
}
.filter-left[data-v-4cdded95] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
}
@media screen and (max-width: 768px) {
.drawer-header[data-v-4cdded95] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    height: auto;
    padding: 8px 12px;
}
.drawer-actions[data-v-4cdded95] {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.filter-left[data-v-4cdded95] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
}
.filter-item[data-v-4cdded95] {
    width: 100%;
}
.admin-select[data-v-4cdded95] {
    width: 100%;
}
.perm-list[data-v-4cdded95] {
    padding: 12px 16px;
}
.perm-desc[data-v-4cdded95] {
    margin-left: 20px;
}
}

/* ==================== Element UI 组件样式优化 ==================== */
.permission-container[data-v-4cdded95]  .el-button {
  font-size: 14px;
  padding: 8px 16px;
}
.permission-container[data-v-4cdded95]  .el-radio-button__inner {
  font-size: 13px;
  padding: 8px 16px;
}
.permission-container[data-v-4cdded95]  .el-input-number {
  width: 100px;
}
.permission-container[data-v-4cdded95]  .el-select .el-input__inner {
  font-size: 14px;
}

/* ==================== 抽屉整体样式 ==================== */

/* ==================== 用户抽屉公共样式 ==================== */
.user-drawer[data-v-3482ff7e]  .el-drawer {
  width: 600px !important;
  max-width: 90vw;
}
.user-drawer[data-v-3482ff7e]  .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.user-drawer[data-v-3482ff7e]  .el-drawer__header .el-drawer__title {
  font-size: 14px;
  font-weight: 600;
}
.add-user-drawer[data-v-3482ff7e]  .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
}
.add-user-drawer[data-v-3482ff7e]  .el-drawer__body {
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 内容区域样式 ==================== */
.drawer-content[data-v-3482ff7e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.drawer-content[data-v-3482ff7e]::-webkit-scrollbar {
  width: 6px;
}
.drawer-content[data-v-3482ff7e]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.drawer-content[data-v-3482ff7e]::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}

/* ==================== 表单样式 ==================== */
.add-form[data-v-3482ff7e]  .el-form-item {
  margin-bottom: 16px;
}
.add-form[data-v-3482ff7e]  .el-form-item__label {
  font-size: 14px;
  color: #606266;
  font-weight: 500;
  padding-right: 12px;
}
.add-form[data-v-3482ff7e]  .el-form-item__content {
  font-size: 14px;
}
.add-form[data-v-3482ff7e]  .el-input__inner {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}
.add-form[data-v-3482ff7e]  .el-select {
  width: 100%;
}
.add-form[data-v-3482ff7e]  .el-radio {
  font-size: 14px;
}
.add-form[data-v-3482ff7e]  .el-radio__label {
  font-size: 14px;
}
.add-form[data-v-3482ff7e]  .el-switch {
  margin-top: 6px;
}

/* ==================== 底部按钮样式 ==================== */
.drawer-footer[data-v-3482ff7e] {
  padding: 12px 20px;
  border-top: 1px solid #e4e7ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  background: #fff;
}
.drawer-footer[data-v-3482ff7e]  .el-button {
  font-size: 14px;
  padding: 8px 16px;
  height: 32px;
  line-height: 1;
}

/* ==================== 门店选项样式 ==================== */
.shop-no[data-v-3482ff7e] {
  color: #909399;
  margin-left: 8px;
  font-size: 13px;
}
.shop-type[data-v-3482ff7e] {
  float: right;
  margin-left: 8px;
}

/* ==================== 提示文字样式 ==================== */
.add-form[data-v-3482ff7e]  .el-form-item__content > div[style*="margin-top: 5px"] {
  font-size: 12px !important;
  color: #909399 !important;
  line-height: 1.4;
  margin-top: 4px !important;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 768px) {
.user-drawer[data-v-3482ff7e]  .el-drawer {
    width: 95% !important;
}
.user-drawer[data-v-3482ff7e]  .el-drawer__header {
    padding: 12px 16px;
}
.drawer-content[data-v-3482ff7e] {
    padding: 16px;
}
.drawer-footer[data-v-3482ff7e] {
    padding: 10px 16px;
}
.add-form[data-v-3482ff7e]  .el-form-item__label {
    font-size: 13px;
    padding-right: 8px;
}
.add-form[data-v-3482ff7e]  .el-form-item {
    margin-bottom: 12px;
}
.add-form[data-v-3482ff7e]  .el-input__inner {
    font-size: 13px;
    height: 30px;
}
}
@media screen and (max-width: 480px) {
.user-drawer[data-v-3482ff7e]  .el-drawer {
    width: 100% !important;
    max-width: 100%;
}
.drawer-content[data-v-3482ff7e] {
    padding: 12px;
}
.drawer-footer[data-v-3482ff7e] {
    padding: 10px 12px;
}
.add-form[data-v-3482ff7e]  .el-form-item__label {
    float: none;
    display: block;
    text-align: left;
    margin-bottom: 4px;
}
.add-form[data-v-3482ff7e]  .el-form-item__content {
    margin-left: 0 !important;
}
}

/* ==================== 抽屉整体样式 ==================== */

/* ==================== 用户抽屉公共样式 ==================== */
.user-drawer[data-v-4c029d1a]  .el-drawer {
  width: 600px !important;
  max-width: 90vw;
}
.user-drawer[data-v-4c029d1a]  .el-drawer__header {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  font-weight: 600;
}
.user-drawer[data-v-4c029d1a]  .el-drawer__header .el-drawer__title {
  font-size: 14px;
  font-weight: 600;
}
.edit-user-drawer[data-v-4c029d1a]  .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e7ed;
}
.edit-user-drawer[data-v-4c029d1a]  .el-drawer__body {
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ==================== 内容区域样式 ==================== */
.drawer-content[data-v-4c029d1a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.drawer-content[data-v-4c029d1a]::-webkit-scrollbar {
  width: 6px;
}
.drawer-content[data-v-4c029d1a]::-webkit-scrollbar-thumb {
  background-color: #c0c4cc;
  border-radius: 3px;
}
.drawer-content[data-v-4c029d1a]::-webkit-scrollbar-track {
  background-color: #f5f7fa;
}

/* ==================== 表单样式 ==================== */
.edit-form[data-v-4c029d1a]  .el-form-item {
  margin-bottom: 16px;
}
.edit-form[data-v-4c029d1a]  .el-form-item__label {
  font-size: 14px;
  color: #606266;
  font-weight: 500;
  padding-right: 12px;
}
.edit-form[data-v-4c029d1a]  .el-form-item__content {
  font-size: 14px;
}
.edit-form[data-v-4c029d1a]  .el-input__inner {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}
.edit-form[data-v-4c029d1a]  .el-select {
  width: 100%;
}
.edit-form[data-v-4c029d1a]  .el-radio {
  font-size: 14px;
}
.edit-form[data-v-4c029d1a]  .el-radio__label {
  font-size: 14px;
}
.edit-form[data-v-4c029d1a]  .el-switch {
  margin-top: 6px;
}

/* ==================== 底部按钮样式 ==================== */
.drawer-footer[data-v-4c029d1a] {
  padding: 12px 20px;
  border-top: 1px solid #e4e7ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  background: #fff;
}
.drawer-footer[data-v-4c029d1a]  .el-button {
  font-size: 14px;
  padding: 8px 16px;
  height: 32px;
  line-height: 1;
}

/* ==================== 门店和部门显示样式 ==================== */
.shop-display[data-v-4c029d1a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 0;
}
.shop-name[data-v-4c029d1a] {
  font-size: 14px;
  color: #606266;
}
.dept-display[data-v-4c029d1a] {
  font-size: 14px;
  color: #606266;
  padding: 6px 0;
}

/* ==================== 门店选项样式 ==================== */
.shop-no[data-v-4c029d1a] {
  color: #909399;
  margin-left: 8px;
  font-size: 13px;
}
.shop-type[data-v-4c029d1a] {
  float: right;
  margin-left: 8px;
}

/* ==================== 提示文字样式 ==================== */
.edit-form[data-v-4c029d1a]  .el-form-item__content > div[style*="margin-top: 5px"] {
  font-size: 12px !important;
  color: #909399 !important;
  line-height: 1.4;
  margin-top: 4px !important;
}

/* ==================== 响应式样式 ==================== */
@media screen and (max-width: 768px) {
.user-drawer[data-v-4c029d1a]  .el-drawer {
    width: 95% !important;
}
.user-drawer[data-v-4c029d1a]  .el-drawer__header {
    padding: 12px 16px;
}
.drawer-content[data-v-4c029d1a] {
    padding: 16px;
}
.drawer-footer[data-v-4c029d1a] {
    padding: 10px 16px;
}
.edit-form[data-v-4c029d1a]  .el-form-item__label {
    font-size: 13px;
    padding-right: 8px;
}
.edit-form[data-v-4c029d1a]  .el-form-item {
    margin-bottom: 12px;
}
.edit-form[data-v-4c029d1a]  .el-input__inner {
    font-size: 13px;
    height: 30px;
}
}
@media screen and (max-width: 480px) {
.user-drawer[data-v-4c029d1a]  .el-drawer {
    width: 100% !important;
    max-width: 100%;
}
.drawer-content[data-v-4c029d1a] {
    padding: 12px;
}
.drawer-footer[data-v-4c029d1a] {
    padding: 10px 12px;
}
.edit-form[data-v-4c029d1a]  .el-form-item__label {
    float: none;
    display: block;
    text-align: left;
    margin-bottom: 4px;
}
.edit-form[data-v-4c029d1a]  .el-form-item__content {
    margin-left: 0 !important;
}
}

.flex[data-v-85732e94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.items-center[data-v-85732e94] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-between[data-v-85732e94] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-4[data-v-85732e94] {
  padding: 1rem;
}
.bg-gray-50[data-v-85732e94] {
  background-color: #f9fafb;
}
.rounded-lg[data-v-85732e94] {
  border-radius: 0.5rem;
}
.text-gray-500[data-v-85732e94] {
  color: #6b7280;
}
.text-gray-900[data-v-85732e94] {
  color: #1f2937;
}
.font-mono[data-v-85732e94] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.mt-4[data-v-85732e94] {
  margin-top: 1rem;
}
.text-sm[data-v-85732e94] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rounded-button[data-v-85732e94] {
  border-radius: 4px;
}
.whitespace-nowrap[data-v-85732e94] {
  white-space: nowrap;
}
.dialog-footer[data-v-85732e94] {
  text-align: right;
  padding: 0 1rem 1rem;
}

@charset "UTF-8";

/* ==================== 基础布局样式 - 参考 projectList ==================== */
.app-container[data-v-74e80187] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
}
.app-container > *[data-v-74e80187] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==================== 筛选区域样式 - 同步 tianmeiHistory 样式 ==================== */
.filter-container[data-v-74e80187] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-74e80187] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-74e80187] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-74e80187] {
  margin: 0;
}
.filter-container .left-items > *[data-v-74e80187],
.filter-container .right-items > *[data-v-74e80187] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 搜索框图标对齐 */
[data-v-74e80187] .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
}
[data-v-74e80187] .el-input__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1;
}

/* 固定按钮和输入框高度为 28px，按钮内图标垂直居中 */
[data-v-74e80187] .el-button {
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-74e80187] .el-button [class*=el-icon-] {
  font-size: 12px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-74e80187] .el-input__inner {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
[data-v-74e80187] .el-input__icon {
  line-height: 28px;
}
[data-v-74e80187] .el-select .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-74e80187] .el-date-editor .el-input__inner {
  height: 28px;
  line-height: 28px;
}
[data-v-74e80187] .el-date-editor--daterange.el-input__inner {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
[data-v-74e80187] .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
[data-v-74e80187] .el-range-input {
  font-size: 12px;
}

/* ==================== 表格包装器 - 同步 projectList 样式 ==================== */
.table-wrapper[data-v-74e80187] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
}

/* ==================== 表格样式 - 同步 projectList 样式 ==================== */
[data-v-74e80187] .el-table {
  font-size: 12px;
}
[data-v-74e80187] .el-table th {
  font-weight: 600;
  color: #606266;
  background-color: #f8fafc;
  padding: 8px 0;
}
[data-v-74e80187] .el-table td {
  padding: 6px 0;
}
[data-v-74e80187] .el-table .cell {
  line-height: 1.4;
  white-space: nowrap;
}

/* 表格内操作按钮样式 */
[data-v-74e80187] .el-table .el-button {
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
}
[data-v-74e80187] .el-table .el-button i {
  font-size: 11px;
  margin-right: 3px;
}

/* 状态标签样式 */
[data-v-74e80187] .el-table .el-tag {
  font-size: 12px;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== 分页组件样式 - 同步 projectList 样式 ==================== */
.pagination-container[data-v-74e80187] {
  margin-top: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
}

/* ==================== 工具类 ==================== */
.mr-2[data-v-74e80187] {
  margin-right: clamp(6px, 1vw, 8px);
}
.mt-1[data-v-74e80187] {
  margin-top: clamp(4px, 0.6vw, 6px);
}
.text-gray[data-v-74e80187] {
  color: #909399;
  font-size: 12px;
}

/* ==================== 响应式断点 - 同步 projectList 样式 ==================== */

/* 小屏幕手机 (<= 768px) */
@media screen and (max-width: 768px) {
.filter-container .left-items[data-v-74e80187],
.filter-container .right-items[data-v-74e80187] {
    gap: 6px;
}
.table-wrapper[data-v-74e80187] {
    overflow-x: auto;
}
[data-v-74e80187] .el-table {
    min-width: 1200px;
}
[data-v-74e80187] .el-table th {
    padding: 8px 0;
    font-size: 12px;
}
[data-v-74e80187] .el-table td {
    padding: 6px 0;
    font-size: 12px;
}
}

/* 小高度屏幕 (<= 600px) */
@media screen and (max-height: 600px) {
[data-v-74e80187] .el-table th {
    padding: 6px 0;
}
[data-v-74e80187] .el-table td {
    padding: 4px 0;
}
}

/* 横屏模式 */
@media screen and (orientation: landscape) and (max-height: 500px) {
[data-v-74e80187] .el-table td {
    padding: 4px 0;
}
}

/* 超小屏幕 (<= 320px) */
@media screen and (max-width: 320px) {
.filter-container .left-items[data-v-74e80187],
.filter-container .right-items[data-v-74e80187] {
    gap: 4px;
}
.table-wrapper[data-v-74e80187] {
    overflow-x: auto;
}
[data-v-74e80187] .el-table {
    min-width: 1200px;
}
[data-v-74e80187] .el-table th {
    padding: 6px 0;
    font-size: 11px;
}
[data-v-74e80187] .el-table td {
    padding: 4px 0;
    font-size: 11px;
}
}

/* 禁用 number 输入框的箭头 */
input[type=number][data-v-74e80187]::-webkit-inner-spin-button,
input[type=number][data-v-74e80187]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number][data-v-74e80187] {
  -moz-appearance: textfield;
}
@charset "UTF-8";

/* ==================== 基础布局样式 - 参考 projectList ==================== */
.app-container[data-v-3c599647] {
  padding: 10px 5px 0 5px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0 !important;
}
.app-container > *[data-v-3c599647] {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.filter-container[data-v-3c599647] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-container .left-items[data-v-3c599647] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-container .right-items[data-v-3c599647] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.filter-item[data-v-3c599647] {
  margin: 0;
}
.filter-container .left-items > *[data-v-3c599647],
.filter-container .right-items > *[data-v-3c599647] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.table-wrapper[data-v-3c599647] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #ffffff;
  margin-top: 0;
}

/* 筛选区按钮内图标垂直居中 */
[data-v-3c599647] .el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-3c599647] .el-button [class*=el-icon-] {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*::-webkit-scrollbar {*/

/*                    width: 15px;*/

/*                    height: 15px;*/

/*                    background-color: #ebeef5;*/

/* }*/

/*::-webkit-scrollbar-thumb {*/

/*  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/

/*  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/

/*  background-color: #eeeeee;*/

/*}*/

/*::-webkit-scrollbar-track{*/

/*  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/

/*  border-radius: 3px;*/

/*  background: rgba(255, 255, 255, 1);*/

/*}*/
.svg-icon[data-v-c8a70580] {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.svg-external-icon[data-v-c8a70580] {
  background-color: currentColor;
  -webkit-mask-size: cover!important;
          mask-size: cover!important;
  display: inline-block;
}