/* WindFlow CSS Reset */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: Inter, 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";
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

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

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

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

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

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

textarea {
  resize: vertical;
}

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

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

/* Base Styles */
.wf-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

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

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

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

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

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

/* Spacing Utilities */

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

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

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

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

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

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

.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 {
  column-gap: 0px;
}

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

.gap-x-2 {
  column-gap: 0.5rem;
}

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

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

.gap-x-5 {
  column-gap: 1.25rem;
}

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

.gap-x-7 {
  column-gap: 1.75rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-x-9 {
  column-gap: 2.25rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-x-11 {
  column-gap: 2.75rem;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-x-14 {
  column-gap: 3.5rem;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-x-20 {
  column-gap: 5rem;
}

.gap-x-24 {
  column-gap: 6rem;
}

.gap-x-28 {
  column-gap: 7rem;
}

.gap-x-32 {
  column-gap: 8rem;
}

.gap-x-36 {
  column-gap: 9rem;
}

.gap-x-40 {
  column-gap: 10rem;
}

.gap-x-44 {
  column-gap: 11rem;
}

.gap-x-48 {
  column-gap: 12rem;
}

.gap-x-52 {
  column-gap: 13rem;
}

.gap-x-56 {
  column-gap: 14rem;
}

.gap-x-60 {
  column-gap: 15rem;
}

.gap-x-64 {
  column-gap: 16rem;
}

.gap-x-72 {
  column-gap: 18rem;
}

.gap-x-80 {
  column-gap: 20rem;
}

.gap-x-96 {
  column-gap: 24rem;
}

.gap-x-px {
  column-gap: 1px;
}

.gap-x-0.5 {
  column-gap: 0.125rem;
}

.gap-x-1.5 {
  column-gap: 0.375rem;
}

.gap-x-2.5 {
  column-gap: 0.625rem;
}

.gap-x-3.5 {
  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 > * + * {
  margin-left: 0px;
}

.space-x-1 > * + * {
  margin-left: 0.25rem;
}

.space-x-2 > * + * {
  margin-left: 0.5rem;
}

.space-x-3 > * + * {
  margin-left: 0.75rem;
}

.space-x-4 > * + * {
  margin-left: 1rem;
}

.space-x-5 > * + * {
  margin-left: 1.25rem;
}

.space-x-6 > * + * {
  margin-left: 1.5rem;
}

.space-x-7 > * + * {
  margin-left: 1.75rem;
}

.space-x-8 > * + * {
  margin-left: 2rem;
}

.space-x-9 > * + * {
  margin-left: 2.25rem;
}

.space-x-10 > * + * {
  margin-left: 2.5rem;
}

.space-x-11 > * + * {
  margin-left: 2.75rem;
}

.space-x-12 > * + * {
  margin-left: 3rem;
}

.space-x-14 > * + * {
  margin-left: 3.5rem;
}

.space-x-16 > * + * {
  margin-left: 4rem;
}

.space-x-20 > * + * {
  margin-left: 5rem;
}

.space-x-24 > * + * {
  margin-left: 6rem;
}

.space-x-28 > * + * {
  margin-left: 7rem;
}

.space-x-32 > * + * {
  margin-left: 8rem;
}

.space-x-36 > * + * {
  margin-left: 9rem;
}

.space-x-40 > * + * {
  margin-left: 10rem;
}

.space-x-44 > * + * {
  margin-left: 11rem;
}

.space-x-48 > * + * {
  margin-left: 12rem;
}

.space-x-52 > * + * {
  margin-left: 13rem;
}

.space-x-56 > * + * {
  margin-left: 14rem;
}

.space-x-60 > * + * {
  margin-left: 15rem;
}

.space-x-64 > * + * {
  margin-left: 16rem;
}

.space-x-72 > * + * {
  margin-left: 18rem;
}

.space-x-80 > * + * {
  margin-left: 20rem;
}

.space-x-96 > * + * {
  margin-left: 24rem;
}

.space-x-px > * + * {
  margin-left: 1px;
}

.space-x-0.5 > * + * {
  margin-left: 0.125rem;
}

.space-x-1.5 > * + * {
  margin-left: 0.375rem;
}

.space-x-2.5 > * + * {
  margin-left: 0.625rem;
}

.space-x-3.5 > * + * {
  margin-left: 0.875rem;
}

.space-y-0 > * + * {
  margin-top: 0px;
}

.space-y-1 > * + * {
  margin-top: 0.25rem;
}

.space-y-2 > * + * {
  margin-top: 0.5rem;
}

.space-y-3 > * + * {
  margin-top: 0.75rem;
}

.space-y-4 > * + * {
  margin-top: 1rem;
}

.space-y-5 > * + * {
  margin-top: 1.25rem;
}

.space-y-6 > * + * {
  margin-top: 1.5rem;
}

.space-y-7 > * + * {
  margin-top: 1.75rem;
}

.space-y-8 > * + * {
  margin-top: 2rem;
}

.space-y-9 > * + * {
  margin-top: 2.25rem;
}

.space-y-10 > * + * {
  margin-top: 2.5rem;
}

.space-y-11 > * + * {
  margin-top: 2.75rem;
}

.space-y-12 > * + * {
  margin-top: 3rem;
}

.space-y-14 > * + * {
  margin-top: 3.5rem;
}

.space-y-16 > * + * {
  margin-top: 4rem;
}

.space-y-20 > * + * {
  margin-top: 5rem;
}

.space-y-24 > * + * {
  margin-top: 6rem;
}

.space-y-28 > * + * {
  margin-top: 7rem;
}

.space-y-32 > * + * {
  margin-top: 8rem;
}

.space-y-36 > * + * {
  margin-top: 9rem;
}

.space-y-40 > * + * {
  margin-top: 10rem;
}

.space-y-44 > * + * {
  margin-top: 11rem;
}

.space-y-48 > * + * {
  margin-top: 12rem;
}

.space-y-52 > * + * {
  margin-top: 13rem;
}

.space-y-56 > * + * {
  margin-top: 14rem;
}

.space-y-60 > * + * {
  margin-top: 15rem;
}

.space-y-64 > * + * {
  margin-top: 16rem;
}

.space-y-72 > * + * {
  margin-top: 18rem;
}

.space-y-80 > * + * {
  margin-top: 20rem;
}

.space-y-96 > * + * {
  margin-top: 24rem;
}

.space-y-px > * + * {
  margin-top: 1px;
}

.space-y-0.5 > * + * {
  margin-top: 0.125rem;
}

.space-y-1.5 > * + * {
  margin-top: 0.375rem;
}

.space-y-2.5 > * + * {
  margin-top: 0.625rem;
}

.space-y-3.5 > * + * {
  margin-top: 0.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-mr-1.5 {
  margin-right: -0.375rem;
}

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

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

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

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

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

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

.-mr-2.5 {
  margin-right: -0.625rem;
}

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

.-ml-2.5 {
  margin-left: -0.625rem;
}

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

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

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

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

.-mr-3.5 {
  margin-right: -0.875rem;
}

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

.-ml-3.5 {
  margin-left: -0.875rem;
}

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

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

/* Color Utilities */
.text-transparent { color: transparent; }
.bg-transparent { background-color: transparent; }
.border-transparent { border-color: transparent; }
.ring-transparent { --wf-ring-color: transparent; }
.text-current { color: currentColor; }
.bg-current { background-color: currentColor; }
.border-current { border-color: currentColor; }
.ring-current { --wf-ring-color: currentColor; }
.text-black { color: #000; }
.bg-black { background-color: #000; }
.border-black { border-color: #000; }
.ring-black { --wf-ring-color: #000; }
.text-white { color: #fff; }
.bg-white { background-color: #fff; }
.border-white { border-color: #fff; }
.ring-white { --wf-ring-color: #fff; }
.text-gray-50 { color: #f9fafb; }
.bg-gray-50 { background-color: #f9fafb; }
.border-gray-50 { border-color: #f9fafb; }
.ring-gray-50 { --wf-ring-color: #f9fafb; }
.text-gray-100 { color: #f3f4f6; }
.bg-gray-100 { background-color: #f3f4f6; }
.border-gray-100 { border-color: #f3f4f6; }
.ring-gray-100 { --wf-ring-color: #f3f4f6; }
.text-gray-200 { color: #e5e7eb; }
.bg-gray-200 { background-color: #e5e7eb; }
.border-gray-200 { border-color: #e5e7eb; }
.ring-gray-200 { --wf-ring-color: #e5e7eb; }
.text-gray-300 { color: #d1d5db; }
.bg-gray-300 { background-color: #d1d5db; }
.border-gray-300 { border-color: #d1d5db; }
.ring-gray-300 { --wf-ring-color: #d1d5db; }
.text-gray-400 { color: #9ca3af; }
.bg-gray-400 { background-color: #9ca3af; }
.border-gray-400 { border-color: #9ca3af; }
.ring-gray-400 { --wf-ring-color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.bg-gray-500 { background-color: #6b7280; }
.border-gray-500 { border-color: #6b7280; }
.ring-gray-500 { --wf-ring-color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.bg-gray-600 { background-color: #4b5563; }
.border-gray-600 { border-color: #4b5563; }
.ring-gray-600 { --wf-ring-color: #4b5563; }
.text-gray-700 { color: #374151; }
.bg-gray-700 { background-color: #374151; }
.border-gray-700 { border-color: #374151; }
.ring-gray-700 { --wf-ring-color: #374151; }
.text-gray-800 { color: #1f2937; }
.bg-gray-800 { background-color: #1f2937; }
.border-gray-800 { border-color: #1f2937; }
.ring-gray-800 { --wf-ring-color: #1f2937; }
.text-gray-900 { color: #111827; }
.bg-gray-900 { background-color: #111827; }
.border-gray-900 { border-color: #111827; }
.ring-gray-900 { --wf-ring-color: #111827; }
.text-gray-950 { color: #030712; }
.bg-gray-950 { background-color: #030712; }
.border-gray-950 { border-color: #030712; }
.ring-gray-950 { --wf-ring-color: #030712; }
.text-red-50 { color: #fef2f2; }
.bg-red-50 { background-color: #fef2f2; }
.border-red-50 { border-color: #fef2f2; }
.ring-red-50 { --wf-ring-color: #fef2f2; }
.text-red-100 { color: #fee2e2; }
.bg-red-100 { background-color: #fee2e2; }
.border-red-100 { border-color: #fee2e2; }
.ring-red-100 { --wf-ring-color: #fee2e2; }
.text-red-200 { color: #fecaca; }
.bg-red-200 { background-color: #fecaca; }
.border-red-200 { border-color: #fecaca; }
.ring-red-200 { --wf-ring-color: #fecaca; }
.text-red-300 { color: #fca5a5; }
.bg-red-300 { background-color: #fca5a5; }
.border-red-300 { border-color: #fca5a5; }
.ring-red-300 { --wf-ring-color: #fca5a5; }
.text-red-400 { color: #f87171; }
.bg-red-400 { background-color: #f87171; }
.border-red-400 { border-color: #f87171; }
.ring-red-400 { --wf-ring-color: #f87171; }
.text-red-500 { color: #ef4444; }
.bg-red-500 { background-color: #ef4444; }
.border-red-500 { border-color: #ef4444; }
.ring-red-500 { --wf-ring-color: #ef4444; }
.text-red-600 { color: #dc2626; }
.bg-red-600 { background-color: #dc2626; }
.border-red-600 { border-color: #dc2626; }
.ring-red-600 { --wf-ring-color: #dc2626; }
.text-red-700 { color: #b91c1c; }
.bg-red-700 { background-color: #b91c1c; }
.border-red-700 { border-color: #b91c1c; }
.ring-red-700 { --wf-ring-color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.bg-red-800 { background-color: #991b1b; }
.border-red-800 { border-color: #991b1b; }
.ring-red-800 { --wf-ring-color: #991b1b; }
.text-red-900 { color: #7f1d1d; }
.bg-red-900 { background-color: #7f1d1d; }
.border-red-900 { border-color: #7f1d1d; }
.ring-red-900 { --wf-ring-color: #7f1d1d; }
.text-red-950 { color: #450a0a; }
.bg-red-950 { background-color: #450a0a; }
.border-red-950 { border-color: #450a0a; }
.ring-red-950 { --wf-ring-color: #450a0a; }
.text-orange-50 { color: #fff7ed; }
.bg-orange-50 { background-color: #fff7ed; }
.border-orange-50 { border-color: #fff7ed; }
.ring-orange-50 { --wf-ring-color: #fff7ed; }
.text-orange-100 { color: #ffedd5; }
.bg-orange-100 { background-color: #ffedd5; }
.border-orange-100 { border-color: #ffedd5; }
.ring-orange-100 { --wf-ring-color: #ffedd5; }
.text-orange-200 { color: #fed7aa; }
.bg-orange-200 { background-color: #fed7aa; }
.border-orange-200 { border-color: #fed7aa; }
.ring-orange-200 { --wf-ring-color: #fed7aa; }
.text-orange-300 { color: #fdba74; }
.bg-orange-300 { background-color: #fdba74; }
.border-orange-300 { border-color: #fdba74; }
.ring-orange-300 { --wf-ring-color: #fdba74; }
.text-orange-400 { color: #fb923c; }
.bg-orange-400 { background-color: #fb923c; }
.border-orange-400 { border-color: #fb923c; }
.ring-orange-400 { --wf-ring-color: #fb923c; }
.text-orange-500 { color: #f97316; }
.bg-orange-500 { background-color: #f97316; }
.border-orange-500 { border-color: #f97316; }
.ring-orange-500 { --wf-ring-color: #f97316; }
.text-orange-600 { color: #ea580c; }
.bg-orange-600 { background-color: #ea580c; }
.border-orange-600 { border-color: #ea580c; }
.ring-orange-600 { --wf-ring-color: #ea580c; }
.text-orange-700 { color: #c2410c; }
.bg-orange-700 { background-color: #c2410c; }
.border-orange-700 { border-color: #c2410c; }
.ring-orange-700 { --wf-ring-color: #c2410c; }
.text-orange-800 { color: #9a3412; }
.bg-orange-800 { background-color: #9a3412; }
.border-orange-800 { border-color: #9a3412; }
.ring-orange-800 { --wf-ring-color: #9a3412; }
.text-orange-900 { color: #7c2d12; }
.bg-orange-900 { background-color: #7c2d12; }
.border-orange-900 { border-color: #7c2d12; }
.ring-orange-900 { --wf-ring-color: #7c2d12; }
.text-orange-950 { color: #431407; }
.bg-orange-950 { background-color: #431407; }
.border-orange-950 { border-color: #431407; }
.ring-orange-950 { --wf-ring-color: #431407; }
.text-amber-50 { color: #fffbeb; }
.bg-amber-50 { background-color: #fffbeb; }
.border-amber-50 { border-color: #fffbeb; }
.ring-amber-50 { --wf-ring-color: #fffbeb; }
.text-amber-100 { color: #fef3c7; }
.bg-amber-100 { background-color: #fef3c7; }
.border-amber-100 { border-color: #fef3c7; }
.ring-amber-100 { --wf-ring-color: #fef3c7; }
.text-amber-200 { color: #fde68a; }
.bg-amber-200 { background-color: #fde68a; }
.border-amber-200 { border-color: #fde68a; }
.ring-amber-200 { --wf-ring-color: #fde68a; }
.text-amber-300 { color: #fcd34d; }
.bg-amber-300 { background-color: #fcd34d; }
.border-amber-300 { border-color: #fcd34d; }
.ring-amber-300 { --wf-ring-color: #fcd34d; }
.text-amber-400 { color: #fbbf24; }
.bg-amber-400 { background-color: #fbbf24; }
.border-amber-400 { border-color: #fbbf24; }
.ring-amber-400 { --wf-ring-color: #fbbf24; }
.text-amber-500 { color: #f59e0b; }
.bg-amber-500 { background-color: #f59e0b; }
.border-amber-500 { border-color: #f59e0b; }
.ring-amber-500 { --wf-ring-color: #f59e0b; }
.text-amber-600 { color: #d97706; }
.bg-amber-600 { background-color: #d97706; }
.border-amber-600 { border-color: #d97706; }
.ring-amber-600 { --wf-ring-color: #d97706; }
.text-amber-700 { color: #b45309; }
.bg-amber-700 { background-color: #b45309; }
.border-amber-700 { border-color: #b45309; }
.ring-amber-700 { --wf-ring-color: #b45309; }
.text-amber-800 { color: #92400e; }
.bg-amber-800 { background-color: #92400e; }
.border-amber-800 { border-color: #92400e; }
.ring-amber-800 { --wf-ring-color: #92400e; }
.text-amber-900 { color: #78350f; }
.bg-amber-900 { background-color: #78350f; }
.border-amber-900 { border-color: #78350f; }
.ring-amber-900 { --wf-ring-color: #78350f; }
.text-amber-950 { color: #451a03; }
.bg-amber-950 { background-color: #451a03; }
.border-amber-950 { border-color: #451a03; }
.ring-amber-950 { --wf-ring-color: #451a03; }
.text-yellow-50 { color: #fefce8; }
.bg-yellow-50 { background-color: #fefce8; }
.border-yellow-50 { border-color: #fefce8; }
.ring-yellow-50 { --wf-ring-color: #fefce8; }
.text-yellow-100 { color: #fef9c3; }
.bg-yellow-100 { background-color: #fef9c3; }
.border-yellow-100 { border-color: #fef9c3; }
.ring-yellow-100 { --wf-ring-color: #fef9c3; }
.text-yellow-200 { color: #fef08a; }
.bg-yellow-200 { background-color: #fef08a; }
.border-yellow-200 { border-color: #fef08a; }
.ring-yellow-200 { --wf-ring-color: #fef08a; }
.text-yellow-300 { color: #fde047; }
.bg-yellow-300 { background-color: #fde047; }
.border-yellow-300 { border-color: #fde047; }
.ring-yellow-300 { --wf-ring-color: #fde047; }
.text-yellow-400 { color: #facc15; }
.bg-yellow-400 { background-color: #facc15; }
.border-yellow-400 { border-color: #facc15; }
.ring-yellow-400 { --wf-ring-color: #facc15; }
.text-yellow-500 { color: #eab308; }
.bg-yellow-500 { background-color: #eab308; }
.border-yellow-500 { border-color: #eab308; }
.ring-yellow-500 { --wf-ring-color: #eab308; }
.text-yellow-600 { color: #ca8a04; }
.bg-yellow-600 { background-color: #ca8a04; }
.border-yellow-600 { border-color: #ca8a04; }
.ring-yellow-600 { --wf-ring-color: #ca8a04; }
.text-yellow-700 { color: #a16207; }
.bg-yellow-700 { background-color: #a16207; }
.border-yellow-700 { border-color: #a16207; }
.ring-yellow-700 { --wf-ring-color: #a16207; }
.text-yellow-800 { color: #854d0e; }
.bg-yellow-800 { background-color: #854d0e; }
.border-yellow-800 { border-color: #854d0e; }
.ring-yellow-800 { --wf-ring-color: #854d0e; }
.text-yellow-900 { color: #713f12; }
.bg-yellow-900 { background-color: #713f12; }
.border-yellow-900 { border-color: #713f12; }
.ring-yellow-900 { --wf-ring-color: #713f12; }
.text-yellow-950 { color: #422006; }
.bg-yellow-950 { background-color: #422006; }
.border-yellow-950 { border-color: #422006; }
.ring-yellow-950 { --wf-ring-color: #422006; }
.text-lime-50 { color: #f7fee7; }
.bg-lime-50 { background-color: #f7fee7; }
.border-lime-50 { border-color: #f7fee7; }
.ring-lime-50 { --wf-ring-color: #f7fee7; }
.text-lime-100 { color: #ecfccb; }
.bg-lime-100 { background-color: #ecfccb; }
.border-lime-100 { border-color: #ecfccb; }
.ring-lime-100 { --wf-ring-color: #ecfccb; }
.text-lime-200 { color: #d9f99d; }
.bg-lime-200 { background-color: #d9f99d; }
.border-lime-200 { border-color: #d9f99d; }
.ring-lime-200 { --wf-ring-color: #d9f99d; }
.text-lime-300 { color: #bef264; }
.bg-lime-300 { background-color: #bef264; }
.border-lime-300 { border-color: #bef264; }
.ring-lime-300 { --wf-ring-color: #bef264; }
.text-lime-400 { color: #a3e635; }
.bg-lime-400 { background-color: #a3e635; }
.border-lime-400 { border-color: #a3e635; }
.ring-lime-400 { --wf-ring-color: #a3e635; }
.text-lime-500 { color: #84cc16; }
.bg-lime-500 { background-color: #84cc16; }
.border-lime-500 { border-color: #84cc16; }
.ring-lime-500 { --wf-ring-color: #84cc16; }
.text-lime-600 { color: #65a30d; }
.bg-lime-600 { background-color: #65a30d; }
.border-lime-600 { border-color: #65a30d; }
.ring-lime-600 { --wf-ring-color: #65a30d; }
.text-lime-700 { color: #4d7c0f; }
.bg-lime-700 { background-color: #4d7c0f; }
.border-lime-700 { border-color: #4d7c0f; }
.ring-lime-700 { --wf-ring-color: #4d7c0f; }
.text-lime-800 { color: #3f6212; }
.bg-lime-800 { background-color: #3f6212; }
.border-lime-800 { border-color: #3f6212; }
.ring-lime-800 { --wf-ring-color: #3f6212; }
.text-lime-900 { color: #365314; }
.bg-lime-900 { background-color: #365314; }
.border-lime-900 { border-color: #365314; }
.ring-lime-900 { --wf-ring-color: #365314; }
.text-lime-950 { color: #1a2e05; }
.bg-lime-950 { background-color: #1a2e05; }
.border-lime-950 { border-color: #1a2e05; }
.ring-lime-950 { --wf-ring-color: #1a2e05; }
.text-green-50 { color: #f0fdf4; }
.bg-green-50 { background-color: #f0fdf4; }
.border-green-50 { border-color: #f0fdf4; }
.ring-green-50 { --wf-ring-color: #f0fdf4; }
.text-green-100 { color: #dcfce7; }
.bg-green-100 { background-color: #dcfce7; }
.border-green-100 { border-color: #dcfce7; }
.ring-green-100 { --wf-ring-color: #dcfce7; }
.text-green-200 { color: #bbf7d0; }
.bg-green-200 { background-color: #bbf7d0; }
.border-green-200 { border-color: #bbf7d0; }
.ring-green-200 { --wf-ring-color: #bbf7d0; }
.text-green-300 { color: #86efac; }
.bg-green-300 { background-color: #86efac; }
.border-green-300 { border-color: #86efac; }
.ring-green-300 { --wf-ring-color: #86efac; }
.text-green-400 { color: #4ade80; }
.bg-green-400 { background-color: #4ade80; }
.border-green-400 { border-color: #4ade80; }
.ring-green-400 { --wf-ring-color: #4ade80; }
.text-green-500 { color: #22c55e; }
.bg-green-500 { background-color: #22c55e; }
.border-green-500 { border-color: #22c55e; }
.ring-green-500 { --wf-ring-color: #22c55e; }
.text-green-600 { color: #16a34a; }
.bg-green-600 { background-color: #16a34a; }
.border-green-600 { border-color: #16a34a; }
.ring-green-600 { --wf-ring-color: #16a34a; }
.text-green-700 { color: #15803d; }
.bg-green-700 { background-color: #15803d; }
.border-green-700 { border-color: #15803d; }
.ring-green-700 { --wf-ring-color: #15803d; }
.text-green-800 { color: #166534; }
.bg-green-800 { background-color: #166534; }
.border-green-800 { border-color: #166534; }
.ring-green-800 { --wf-ring-color: #166534; }
.text-green-900 { color: #14532d; }
.bg-green-900 { background-color: #14532d; }
.border-green-900 { border-color: #14532d; }
.ring-green-900 { --wf-ring-color: #14532d; }
.text-green-950 { color: #052e16; }
.bg-green-950 { background-color: #052e16; }
.border-green-950 { border-color: #052e16; }
.ring-green-950 { --wf-ring-color: #052e16; }
.text-emerald-50 { color: #ecfdf5; }
.bg-emerald-50 { background-color: #ecfdf5; }
.border-emerald-50 { border-color: #ecfdf5; }
.ring-emerald-50 { --wf-ring-color: #ecfdf5; }
.text-emerald-100 { color: #d1fae5; }
.bg-emerald-100 { background-color: #d1fae5; }
.border-emerald-100 { border-color: #d1fae5; }
.ring-emerald-100 { --wf-ring-color: #d1fae5; }
.text-emerald-200 { color: #a7f3d0; }
.bg-emerald-200 { background-color: #a7f3d0; }
.border-emerald-200 { border-color: #a7f3d0; }
.ring-emerald-200 { --wf-ring-color: #a7f3d0; }
.text-emerald-300 { color: #6ee7b7; }
.bg-emerald-300 { background-color: #6ee7b7; }
.border-emerald-300 { border-color: #6ee7b7; }
.ring-emerald-300 { --wf-ring-color: #6ee7b7; }
.text-emerald-400 { color: #34d399; }
.bg-emerald-400 { background-color: #34d399; }
.border-emerald-400 { border-color: #34d399; }
.ring-emerald-400 { --wf-ring-color: #34d399; }
.text-emerald-500 { color: #10b981; }
.bg-emerald-500 { background-color: #10b981; }
.border-emerald-500 { border-color: #10b981; }
.ring-emerald-500 { --wf-ring-color: #10b981; }
.text-emerald-600 { color: #059669; }
.bg-emerald-600 { background-color: #059669; }
.border-emerald-600 { border-color: #059669; }
.ring-emerald-600 { --wf-ring-color: #059669; }
.text-emerald-700 { color: #047857; }
.bg-emerald-700 { background-color: #047857; }
.border-emerald-700 { border-color: #047857; }
.ring-emerald-700 { --wf-ring-color: #047857; }
.text-emerald-800 { color: #065f46; }
.bg-emerald-800 { background-color: #065f46; }
.border-emerald-800 { border-color: #065f46; }
.ring-emerald-800 { --wf-ring-color: #065f46; }
.text-emerald-900 { color: #064e3b; }
.bg-emerald-900 { background-color: #064e3b; }
.border-emerald-900 { border-color: #064e3b; }
.ring-emerald-900 { --wf-ring-color: #064e3b; }
.text-emerald-950 { color: #022c22; }
.bg-emerald-950 { background-color: #022c22; }
.border-emerald-950 { border-color: #022c22; }
.ring-emerald-950 { --wf-ring-color: #022c22; }
.text-teal-50 { color: #f0fdfa; }
.bg-teal-50 { background-color: #f0fdfa; }
.border-teal-50 { border-color: #f0fdfa; }
.ring-teal-50 { --wf-ring-color: #f0fdfa; }
.text-teal-100 { color: #ccfbf1; }
.bg-teal-100 { background-color: #ccfbf1; }
.border-teal-100 { border-color: #ccfbf1; }
.ring-teal-100 { --wf-ring-color: #ccfbf1; }
.text-teal-200 { color: #99f6e4; }
.bg-teal-200 { background-color: #99f6e4; }
.border-teal-200 { border-color: #99f6e4; }
.ring-teal-200 { --wf-ring-color: #99f6e4; }
.text-teal-300 { color: #5eead4; }
.bg-teal-300 { background-color: #5eead4; }
.border-teal-300 { border-color: #5eead4; }
.ring-teal-300 { --wf-ring-color: #5eead4; }
.text-teal-400 { color: #2dd4bf; }
.bg-teal-400 { background-color: #2dd4bf; }
.border-teal-400 { border-color: #2dd4bf; }
.ring-teal-400 { --wf-ring-color: #2dd4bf; }
.text-teal-500 { color: #14b8a6; }
.bg-teal-500 { background-color: #14b8a6; }
.border-teal-500 { border-color: #14b8a6; }
.ring-teal-500 { --wf-ring-color: #14b8a6; }
.text-teal-600 { color: #0d9488; }
.bg-teal-600 { background-color: #0d9488; }
.border-teal-600 { border-color: #0d9488; }
.ring-teal-600 { --wf-ring-color: #0d9488; }
.text-teal-700 { color: #0f766e; }
.bg-teal-700 { background-color: #0f766e; }
.border-teal-700 { border-color: #0f766e; }
.ring-teal-700 { --wf-ring-color: #0f766e; }
.text-teal-800 { color: #115e59; }
.bg-teal-800 { background-color: #115e59; }
.border-teal-800 { border-color: #115e59; }
.ring-teal-800 { --wf-ring-color: #115e59; }
.text-teal-900 { color: #134e4a; }
.bg-teal-900 { background-color: #134e4a; }
.border-teal-900 { border-color: #134e4a; }
.ring-teal-900 { --wf-ring-color: #134e4a; }
.text-teal-950 { color: #042f2e; }
.bg-teal-950 { background-color: #042f2e; }
.border-teal-950 { border-color: #042f2e; }
.ring-teal-950 { --wf-ring-color: #042f2e; }
.text-cyan-50 { color: #ecfeff; }
.bg-cyan-50 { background-color: #ecfeff; }
.border-cyan-50 { border-color: #ecfeff; }
.ring-cyan-50 { --wf-ring-color: #ecfeff; }
.text-cyan-100 { color: #cffafe; }
.bg-cyan-100 { background-color: #cffafe; }
.border-cyan-100 { border-color: #cffafe; }
.ring-cyan-100 { --wf-ring-color: #cffafe; }
.text-cyan-200 { color: #a5f3fc; }
.bg-cyan-200 { background-color: #a5f3fc; }
.border-cyan-200 { border-color: #a5f3fc; }
.ring-cyan-200 { --wf-ring-color: #a5f3fc; }
.text-cyan-300 { color: #67e8f9; }
.bg-cyan-300 { background-color: #67e8f9; }
.border-cyan-300 { border-color: #67e8f9; }
.ring-cyan-300 { --wf-ring-color: #67e8f9; }
.text-cyan-400 { color: #22d3ee; }
.bg-cyan-400 { background-color: #22d3ee; }
.border-cyan-400 { border-color: #22d3ee; }
.ring-cyan-400 { --wf-ring-color: #22d3ee; }
.text-cyan-500 { color: #06b6d4; }
.bg-cyan-500 { background-color: #06b6d4; }
.border-cyan-500 { border-color: #06b6d4; }
.ring-cyan-500 { --wf-ring-color: #06b6d4; }
.text-cyan-600 { color: #0891b2; }
.bg-cyan-600 { background-color: #0891b2; }
.border-cyan-600 { border-color: #0891b2; }
.ring-cyan-600 { --wf-ring-color: #0891b2; }
.text-cyan-700 { color: #0e7490; }
.bg-cyan-700 { background-color: #0e7490; }
.border-cyan-700 { border-color: #0e7490; }
.ring-cyan-700 { --wf-ring-color: #0e7490; }
.text-cyan-800 { color: #155e75; }
.bg-cyan-800 { background-color: #155e75; }
.border-cyan-800 { border-color: #155e75; }
.ring-cyan-800 { --wf-ring-color: #155e75; }
.text-cyan-900 { color: #164e63; }
.bg-cyan-900 { background-color: #164e63; }
.border-cyan-900 { border-color: #164e63; }
.ring-cyan-900 { --wf-ring-color: #164e63; }
.text-cyan-950 { color: #083344; }
.bg-cyan-950 { background-color: #083344; }
.border-cyan-950 { border-color: #083344; }
.ring-cyan-950 { --wf-ring-color: #083344; }
.text-sky-50 { color: #f0f9ff; }
.bg-sky-50 { background-color: #f0f9ff; }
.border-sky-50 { border-color: #f0f9ff; }
.ring-sky-50 { --wf-ring-color: #f0f9ff; }
.text-sky-100 { color: #e0f2fe; }
.bg-sky-100 { background-color: #e0f2fe; }
.border-sky-100 { border-color: #e0f2fe; }
.ring-sky-100 { --wf-ring-color: #e0f2fe; }
.text-sky-200 { color: #bae6fd; }
.bg-sky-200 { background-color: #bae6fd; }
.border-sky-200 { border-color: #bae6fd; }
.ring-sky-200 { --wf-ring-color: #bae6fd; }
.text-sky-300 { color: #7dd3fc; }
.bg-sky-300 { background-color: #7dd3fc; }
.border-sky-300 { border-color: #7dd3fc; }
.ring-sky-300 { --wf-ring-color: #7dd3fc; }
.text-sky-400 { color: #38bdf8; }
.bg-sky-400 { background-color: #38bdf8; }
.border-sky-400 { border-color: #38bdf8; }
.ring-sky-400 { --wf-ring-color: #38bdf8; }
.text-sky-500 { color: #0ea5e9; }
.bg-sky-500 { background-color: #0ea5e9; }
.border-sky-500 { border-color: #0ea5e9; }
.ring-sky-500 { --wf-ring-color: #0ea5e9; }
.text-sky-600 { color: #0284c7; }
.bg-sky-600 { background-color: #0284c7; }
.border-sky-600 { border-color: #0284c7; }
.ring-sky-600 { --wf-ring-color: #0284c7; }
.text-sky-700 { color: #0369a1; }
.bg-sky-700 { background-color: #0369a1; }
.border-sky-700 { border-color: #0369a1; }
.ring-sky-700 { --wf-ring-color: #0369a1; }
.text-sky-800 { color: #075985; }
.bg-sky-800 { background-color: #075985; }
.border-sky-800 { border-color: #075985; }
.ring-sky-800 { --wf-ring-color: #075985; }
.text-sky-900 { color: #0c4a6e; }
.bg-sky-900 { background-color: #0c4a6e; }
.border-sky-900 { border-color: #0c4a6e; }
.ring-sky-900 { --wf-ring-color: #0c4a6e; }
.text-sky-950 { color: #082f49; }
.bg-sky-950 { background-color: #082f49; }
.border-sky-950 { border-color: #082f49; }
.ring-sky-950 { --wf-ring-color: #082f49; }
.text-blue-50 { color: #eff6ff; }
.bg-blue-50 { background-color: #eff6ff; }
.border-blue-50 { border-color: #eff6ff; }
.ring-blue-50 { --wf-ring-color: #eff6ff; }
.text-blue-100 { color: #dbeafe; }
.bg-blue-100 { background-color: #dbeafe; }
.border-blue-100 { border-color: #dbeafe; }
.ring-blue-100 { --wf-ring-color: #dbeafe; }
.text-blue-200 { color: #bfdbfe; }
.bg-blue-200 { background-color: #bfdbfe; }
.border-blue-200 { border-color: #bfdbfe; }
.ring-blue-200 { --wf-ring-color: #bfdbfe; }
.text-blue-300 { color: #93c5fd; }
.bg-blue-300 { background-color: #93c5fd; }
.border-blue-300 { border-color: #93c5fd; }
.ring-blue-300 { --wf-ring-color: #93c5fd; }
.text-blue-400 { color: #60a5fa; }
.bg-blue-400 { background-color: #60a5fa; }
.border-blue-400 { border-color: #60a5fa; }
.ring-blue-400 { --wf-ring-color: #60a5fa; }
.text-blue-500 { color: #3b82f6; }
.bg-blue-500 { background-color: #3b82f6; }
.border-blue-500 { border-color: #3b82f6; }
.ring-blue-500 { --wf-ring-color: #3b82f6; }
.text-blue-600 { color: #2563eb; }
.bg-blue-600 { background-color: #2563eb; }
.border-blue-600 { border-color: #2563eb; }
.ring-blue-600 { --wf-ring-color: #2563eb; }
.text-blue-700 { color: #1d4ed8; }
.bg-blue-700 { background-color: #1d4ed8; }
.border-blue-700 { border-color: #1d4ed8; }
.ring-blue-700 { --wf-ring-color: #1d4ed8; }
.text-blue-800 { color: #1e40af; }
.bg-blue-800 { background-color: #1e40af; }
.border-blue-800 { border-color: #1e40af; }
.ring-blue-800 { --wf-ring-color: #1e40af; }
.text-blue-900 { color: #1e3a8a; }
.bg-blue-900 { background-color: #1e3a8a; }
.border-blue-900 { border-color: #1e3a8a; }
.ring-blue-900 { --wf-ring-color: #1e3a8a; }
.text-blue-950 { color: #172554; }
.bg-blue-950 { background-color: #172554; }
.border-blue-950 { border-color: #172554; }
.ring-blue-950 { --wf-ring-color: #172554; }
.text-indigo-50 { color: #eef2ff; }
.bg-indigo-50 { background-color: #eef2ff; }
.border-indigo-50 { border-color: #eef2ff; }
.ring-indigo-50 { --wf-ring-color: #eef2ff; }
.text-indigo-100 { color: #e0e7ff; }
.bg-indigo-100 { background-color: #e0e7ff; }
.border-indigo-100 { border-color: #e0e7ff; }
.ring-indigo-100 { --wf-ring-color: #e0e7ff; }
.text-indigo-200 { color: #c7d2fe; }
.bg-indigo-200 { background-color: #c7d2fe; }
.border-indigo-200 { border-color: #c7d2fe; }
.ring-indigo-200 { --wf-ring-color: #c7d2fe; }
.text-indigo-300 { color: #a5b4fc; }
.bg-indigo-300 { background-color: #a5b4fc; }
.border-indigo-300 { border-color: #a5b4fc; }
.ring-indigo-300 { --wf-ring-color: #a5b4fc; }
.text-indigo-400 { color: #818cf8; }
.bg-indigo-400 { background-color: #818cf8; }
.border-indigo-400 { border-color: #818cf8; }
.ring-indigo-400 { --wf-ring-color: #818cf8; }
.text-indigo-500 { color: #6366f1; }
.bg-indigo-500 { background-color: #6366f1; }
.border-indigo-500 { border-color: #6366f1; }
.ring-indigo-500 { --wf-ring-color: #6366f1; }
.text-indigo-600 { color: #4f46e5; }
.bg-indigo-600 { background-color: #4f46e5; }
.border-indigo-600 { border-color: #4f46e5; }
.ring-indigo-600 { --wf-ring-color: #4f46e5; }
.text-indigo-700 { color: #4338ca; }
.bg-indigo-700 { background-color: #4338ca; }
.border-indigo-700 { border-color: #4338ca; }
.ring-indigo-700 { --wf-ring-color: #4338ca; }
.text-indigo-800 { color: #3730a3; }
.bg-indigo-800 { background-color: #3730a3; }
.border-indigo-800 { border-color: #3730a3; }
.ring-indigo-800 { --wf-ring-color: #3730a3; }
.text-indigo-900 { color: #312e81; }
.bg-indigo-900 { background-color: #312e81; }
.border-indigo-900 { border-color: #312e81; }
.ring-indigo-900 { --wf-ring-color: #312e81; }
.text-indigo-950 { color: #1e1b4b; }
.bg-indigo-950 { background-color: #1e1b4b; }
.border-indigo-950 { border-color: #1e1b4b; }
.ring-indigo-950 { --wf-ring-color: #1e1b4b; }
.text-violet-50 { color: #f5f3ff; }
.bg-violet-50 { background-color: #f5f3ff; }
.border-violet-50 { border-color: #f5f3ff; }
.ring-violet-50 { --wf-ring-color: #f5f3ff; }
.text-violet-100 { color: #ede9fe; }
.bg-violet-100 { background-color: #ede9fe; }
.border-violet-100 { border-color: #ede9fe; }
.ring-violet-100 { --wf-ring-color: #ede9fe; }
.text-violet-200 { color: #ddd6fe; }
.bg-violet-200 { background-color: #ddd6fe; }
.border-violet-200 { border-color: #ddd6fe; }
.ring-violet-200 { --wf-ring-color: #ddd6fe; }
.text-violet-300 { color: #c4b5fd; }
.bg-violet-300 { background-color: #c4b5fd; }
.border-violet-300 { border-color: #c4b5fd; }
.ring-violet-300 { --wf-ring-color: #c4b5fd; }
.text-violet-400 { color: #a78bfa; }
.bg-violet-400 { background-color: #a78bfa; }
.border-violet-400 { border-color: #a78bfa; }
.ring-violet-400 { --wf-ring-color: #a78bfa; }
.text-violet-500 { color: #8b5cf6; }
.bg-violet-500 { background-color: #8b5cf6; }
.border-violet-500 { border-color: #8b5cf6; }
.ring-violet-500 { --wf-ring-color: #8b5cf6; }
.text-violet-600 { color: #7c3aed; }
.bg-violet-600 { background-color: #7c3aed; }
.border-violet-600 { border-color: #7c3aed; }
.ring-violet-600 { --wf-ring-color: #7c3aed; }
.text-violet-700 { color: #6d28d9; }
.bg-violet-700 { background-color: #6d28d9; }
.border-violet-700 { border-color: #6d28d9; }
.ring-violet-700 { --wf-ring-color: #6d28d9; }
.text-violet-800 { color: #5b21b6; }
.bg-violet-800 { background-color: #5b21b6; }
.border-violet-800 { border-color: #5b21b6; }
.ring-violet-800 { --wf-ring-color: #5b21b6; }
.text-violet-900 { color: #4c1d95; }
.bg-violet-900 { background-color: #4c1d95; }
.border-violet-900 { border-color: #4c1d95; }
.ring-violet-900 { --wf-ring-color: #4c1d95; }
.text-violet-950 { color: #2e1065; }
.bg-violet-950 { background-color: #2e1065; }
.border-violet-950 { border-color: #2e1065; }
.ring-violet-950 { --wf-ring-color: #2e1065; }
.text-purple-50 { color: #faf5ff; }
.bg-purple-50 { background-color: #faf5ff; }
.border-purple-50 { border-color: #faf5ff; }
.ring-purple-50 { --wf-ring-color: #faf5ff; }
.text-purple-100 { color: #f3e8ff; }
.bg-purple-100 { background-color: #f3e8ff; }
.border-purple-100 { border-color: #f3e8ff; }
.ring-purple-100 { --wf-ring-color: #f3e8ff; }
.text-purple-200 { color: #e9d5ff; }
.bg-purple-200 { background-color: #e9d5ff; }
.border-purple-200 { border-color: #e9d5ff; }
.ring-purple-200 { --wf-ring-color: #e9d5ff; }
.text-purple-300 { color: #d8b4fe; }
.bg-purple-300 { background-color: #d8b4fe; }
.border-purple-300 { border-color: #d8b4fe; }
.ring-purple-300 { --wf-ring-color: #d8b4fe; }
.text-purple-400 { color: #c084fc; }
.bg-purple-400 { background-color: #c084fc; }
.border-purple-400 { border-color: #c084fc; }
.ring-purple-400 { --wf-ring-color: #c084fc; }
.text-purple-500 { color: #a855f7; }
.bg-purple-500 { background-color: #a855f7; }
.border-purple-500 { border-color: #a855f7; }
.ring-purple-500 { --wf-ring-color: #a855f7; }
.text-purple-600 { color: #9333ea; }
.bg-purple-600 { background-color: #9333ea; }
.border-purple-600 { border-color: #9333ea; }
.ring-purple-600 { --wf-ring-color: #9333ea; }
.text-purple-700 { color: #7e22ce; }
.bg-purple-700 { background-color: #7e22ce; }
.border-purple-700 { border-color: #7e22ce; }
.ring-purple-700 { --wf-ring-color: #7e22ce; }
.text-purple-800 { color: #6b21a8; }
.bg-purple-800 { background-color: #6b21a8; }
.border-purple-800 { border-color: #6b21a8; }
.ring-purple-800 { --wf-ring-color: #6b21a8; }
.text-purple-900 { color: #581c87; }
.bg-purple-900 { background-color: #581c87; }
.border-purple-900 { border-color: #581c87; }
.ring-purple-900 { --wf-ring-color: #581c87; }
.text-purple-950 { color: #3b0764; }
.bg-purple-950 { background-color: #3b0764; }
.border-purple-950 { border-color: #3b0764; }
.ring-purple-950 { --wf-ring-color: #3b0764; }
.text-fuchsia-50 { color: #fdf4ff; }
.bg-fuchsia-50 { background-color: #fdf4ff; }
.border-fuchsia-50 { border-color: #fdf4ff; }
.ring-fuchsia-50 { --wf-ring-color: #fdf4ff; }
.text-fuchsia-100 { color: #fae8ff; }
.bg-fuchsia-100 { background-color: #fae8ff; }
.border-fuchsia-100 { border-color: #fae8ff; }
.ring-fuchsia-100 { --wf-ring-color: #fae8ff; }
.text-fuchsia-200 { color: #f5d0fe; }
.bg-fuchsia-200 { background-color: #f5d0fe; }
.border-fuchsia-200 { border-color: #f5d0fe; }
.ring-fuchsia-200 { --wf-ring-color: #f5d0fe; }
.text-fuchsia-300 { color: #f0abfc; }
.bg-fuchsia-300 { background-color: #f0abfc; }
.border-fuchsia-300 { border-color: #f0abfc; }
.ring-fuchsia-300 { --wf-ring-color: #f0abfc; }
.text-fuchsia-400 { color: #e879f9; }
.bg-fuchsia-400 { background-color: #e879f9; }
.border-fuchsia-400 { border-color: #e879f9; }
.ring-fuchsia-400 { --wf-ring-color: #e879f9; }
.text-fuchsia-500 { color: #d946ef; }
.bg-fuchsia-500 { background-color: #d946ef; }
.border-fuchsia-500 { border-color: #d946ef; }
.ring-fuchsia-500 { --wf-ring-color: #d946ef; }
.text-fuchsia-600 { color: #c026d3; }
.bg-fuchsia-600 { background-color: #c026d3; }
.border-fuchsia-600 { border-color: #c026d3; }
.ring-fuchsia-600 { --wf-ring-color: #c026d3; }
.text-fuchsia-700 { color: #a21caf; }
.bg-fuchsia-700 { background-color: #a21caf; }
.border-fuchsia-700 { border-color: #a21caf; }
.ring-fuchsia-700 { --wf-ring-color: #a21caf; }
.text-fuchsia-800 { color: #86198f; }
.bg-fuchsia-800 { background-color: #86198f; }
.border-fuchsia-800 { border-color: #86198f; }
.ring-fuchsia-800 { --wf-ring-color: #86198f; }
.text-fuchsia-900 { color: #701a75; }
.bg-fuchsia-900 { background-color: #701a75; }
.border-fuchsia-900 { border-color: #701a75; }
.ring-fuchsia-900 { --wf-ring-color: #701a75; }
.text-fuchsia-950 { color: #4a044e; }
.bg-fuchsia-950 { background-color: #4a044e; }
.border-fuchsia-950 { border-color: #4a044e; }
.ring-fuchsia-950 { --wf-ring-color: #4a044e; }
.text-pink-50 { color: #fdf2f8; }
.bg-pink-50 { background-color: #fdf2f8; }
.border-pink-50 { border-color: #fdf2f8; }
.ring-pink-50 { --wf-ring-color: #fdf2f8; }
.text-pink-100 { color: #fce7f3; }
.bg-pink-100 { background-color: #fce7f3; }
.border-pink-100 { border-color: #fce7f3; }
.ring-pink-100 { --wf-ring-color: #fce7f3; }
.text-pink-200 { color: #fbcfe8; }
.bg-pink-200 { background-color: #fbcfe8; }
.border-pink-200 { border-color: #fbcfe8; }
.ring-pink-200 { --wf-ring-color: #fbcfe8; }
.text-pink-300 { color: #f9a8d4; }
.bg-pink-300 { background-color: #f9a8d4; }
.border-pink-300 { border-color: #f9a8d4; }
.ring-pink-300 { --wf-ring-color: #f9a8d4; }
.text-pink-400 { color: #f472b6; }
.bg-pink-400 { background-color: #f472b6; }
.border-pink-400 { border-color: #f472b6; }
.ring-pink-400 { --wf-ring-color: #f472b6; }
.text-pink-500 { color: #ec4899; }
.bg-pink-500 { background-color: #ec4899; }
.border-pink-500 { border-color: #ec4899; }
.ring-pink-500 { --wf-ring-color: #ec4899; }
.text-pink-600 { color: #db2777; }
.bg-pink-600 { background-color: #db2777; }
.border-pink-600 { border-color: #db2777; }
.ring-pink-600 { --wf-ring-color: #db2777; }
.text-pink-700 { color: #be185d; }
.bg-pink-700 { background-color: #be185d; }
.border-pink-700 { border-color: #be185d; }
.ring-pink-700 { --wf-ring-color: #be185d; }
.text-pink-800 { color: #9d174d; }
.bg-pink-800 { background-color: #9d174d; }
.border-pink-800 { border-color: #9d174d; }
.ring-pink-800 { --wf-ring-color: #9d174d; }
.text-pink-900 { color: #831843; }
.bg-pink-900 { background-color: #831843; }
.border-pink-900 { border-color: #831843; }
.ring-pink-900 { --wf-ring-color: #831843; }
.text-pink-950 { color: #500724; }
.bg-pink-950 { background-color: #500724; }
.border-pink-950 { border-color: #500724; }
.ring-pink-950 { --wf-ring-color: #500724; }
.text-rose-50 { color: #fff1f2; }
.bg-rose-50 { background-color: #fff1f2; }
.border-rose-50 { border-color: #fff1f2; }
.ring-rose-50 { --wf-ring-color: #fff1f2; }
.text-rose-100 { color: #ffe4e6; }
.bg-rose-100 { background-color: #ffe4e6; }
.border-rose-100 { border-color: #ffe4e6; }
.ring-rose-100 { --wf-ring-color: #ffe4e6; }
.text-rose-200 { color: #fecdd3; }
.bg-rose-200 { background-color: #fecdd3; }
.border-rose-200 { border-color: #fecdd3; }
.ring-rose-200 { --wf-ring-color: #fecdd3; }
.text-rose-300 { color: #fda4af; }
.bg-rose-300 { background-color: #fda4af; }
.border-rose-300 { border-color: #fda4af; }
.ring-rose-300 { --wf-ring-color: #fda4af; }
.text-rose-400 { color: #fb7185; }
.bg-rose-400 { background-color: #fb7185; }
.border-rose-400 { border-color: #fb7185; }
.ring-rose-400 { --wf-ring-color: #fb7185; }
.text-rose-500 { color: #f43f5e; }
.bg-rose-500 { background-color: #f43f5e; }
.border-rose-500 { border-color: #f43f5e; }
.ring-rose-500 { --wf-ring-color: #f43f5e; }
.text-rose-600 { color: #e11d48; }
.bg-rose-600 { background-color: #e11d48; }
.border-rose-600 { border-color: #e11d48; }
.ring-rose-600 { --wf-ring-color: #e11d48; }
.text-rose-700 { color: #be123c; }
.bg-rose-700 { background-color: #be123c; }
.border-rose-700 { border-color: #be123c; }
.ring-rose-700 { --wf-ring-color: #be123c; }
.text-rose-800 { color: #9f1239; }
.bg-rose-800 { background-color: #9f1239; }
.border-rose-800 { border-color: #9f1239; }
.ring-rose-800 { --wf-ring-color: #9f1239; }
.text-rose-900 { color: #881337; }
.bg-rose-900 { background-color: #881337; }
.border-rose-900 { border-color: #881337; }
.ring-rose-900 { --wf-ring-color: #881337; }
.text-rose-950 { color: #4c0519; }
.bg-rose-950 { background-color: #4c0519; }
.border-rose-950 { border-color: #4c0519; }
.ring-rose-950 { --wf-ring-color: #4c0519; }

/* Typography Utilities */

.text-xs {
  font-size: 0.75rem;
  line-height: [object Object];
}

.text-sm {
  font-size: 0.875rem;
  line-height: [object Object];
}

.text-base {
  font-size: 1rem;
  line-height: [object Object];
}

.text-lg {
  font-size: 1.125rem;
  line-height: [object Object];
}

.text-xl {
  font-size: 1.25rem;
  line-height: [object Object];
}

.text-2xl {
  font-size: 1.5rem;
  line-height: [object Object];
}

.text-3xl {
  font-size: 1.875rem;
  line-height: [object Object];
}

.text-4xl {
  font-size: 2.25rem;
  line-height: [object Object];
}

.text-5xl {
  font-size: 3rem;
  line-height: [object Object];
}

.text-6xl {
  font-size: 3.75rem;
  line-height: [object Object];
}

.text-7xl {
  font-size: 4.5rem;
  line-height: [object Object];
}

.text-8xl {
  font-size: 6rem;
  line-height: [object Object];
}

.text-9xl {
  font-size: 8rem;
  line-height: [object Object];
}

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

.text-left { text-align: left; }

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

.text-right { text-align: right; }

.text-justify { text-align: justify; }

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

.overline { text-decoration-line: overline; }

.line-through { text-decoration-line: line-through; }

.no-underline { text-decoration-line: none; }

.decoration-solid { text-decoration-style: solid; }

.decoration-double { text-decoration-style: double; }

.decoration-dotted { text-decoration-style: dotted; }

.decoration-dashed { text-decoration-style: dashed; }

.decoration-wavy { text-decoration-style: wavy; }

.decoration-auto { text-decoration-thickness: auto; }

.decoration-from-font { text-decoration-thickness: from-font; }

.decoration-0 { text-decoration-thickness: 0px; }

.decoration-1 { text-decoration-thickness: 1px; }

.decoration-2 { text-decoration-thickness: 2px; }

.decoration-4 { text-decoration-thickness: 4px; }

.decoration-8 { text-decoration-thickness: 8px; }

.underline-offset-auto { text-underline-offset: auto; }

.underline-offset-0 { text-underline-offset: 0px; }

.underline-offset-1 { text-underline-offset: 1px; }

.underline-offset-2 { text-underline-offset: 2px; }

.underline-offset-4 { text-underline-offset: 4px; }

.underline-offset-8 { text-underline-offset: 8px; }

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

.decoration-current { text-decoration-color: currentColor; }

.decoration-transparent { text-decoration-color: transparent; }

.decoration-black { text-decoration-color: #000; }

.decoration-white { text-decoration-color: #fff; }

.decoration-primary { text-decoration-color: var(--wf-color-primary); }

.decoration-secondary { text-decoration-color: var(--wf-color-secondary); }

.decoration-accent { text-decoration-color: var(--wf-color-accent); }

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

.normal-case { text-transform: none; }

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

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

.italic { font-style: italic; }

.not-italic { font-style: normal; }

.normal-nums { font-variant-numeric: normal; }

.ordinal { font-variant-numeric: ordinal; }

.slashed-zero { font-variant-numeric: slashed-zero; }

.lining-nums { font-variant-numeric: lining-nums; }

.oldstyle-nums { font-variant-numeric: oldstyle-nums; }

.proportional-nums { font-variant-numeric: proportional-nums; }

.tabular-nums { font-variant-numeric: tabular-nums; }

.diagonal-fractions { font-variant-numeric: diagonal-fractions; }

.stacked-fractions { font-variant-numeric: stacked-fractions; }

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

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

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

.list-decimal-leading-zero { list-style-type: decimal-leading-zero; }

.list-lower-roman { list-style-type: lower-roman; }

.list-upper-roman { list-style-type: upper-roman; }

.list-lower-greek { list-style-type: lower-greek; }

.list-lower-alpha { list-style-type: lower-alpha; }

.list-upper-alpha { list-style-type: upper-alpha; }

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

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

.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.overflow-ellipsis { text-overflow: ellipsis; }

.overflow-clip { text-overflow: clip; }

.indent-0 { text-indent: 0px; }

.indent-1 { text-indent: 0.25rem; }

.indent-2 { text-indent: 0.5rem; }

.indent-3 { text-indent: 0.75rem; }

.indent-4 { text-indent: 1rem; }

.indent-5 { text-indent: 1.25rem; }

.indent-6 { text-indent: 1.5rem; }

.indent-7 { text-indent: 1.75rem; }

.indent-8 { text-indent: 2rem; }

.indent-9 { text-indent: 2.25rem; }

.indent-10 { text-indent: 2.5rem; }

.indent-11 { text-indent: 2.75rem; }

.indent-12 { text-indent: 3rem; }

.indent-14 { text-indent: 3.5rem; }

.indent-16 { text-indent: 4rem; }

.indent-20 { text-indent: 5rem; }

.indent-24 { text-indent: 6rem; }

.indent-28 { text-indent: 7rem; }

.indent-32 { text-indent: 8rem; }

.indent-36 { text-indent: 9rem; }

.indent-40 { text-indent: 10rem; }

.indent-44 { text-indent: 11rem; }

.indent-48 { text-indent: 12rem; }

.indent-52 { text-indent: 13rem; }

.indent-56 { text-indent: 14rem; }

.indent-60 { text-indent: 15rem; }

.indent-64 { text-indent: 16rem; }

.indent-72 { text-indent: 18rem; }

.indent-80 { text-indent: 20rem; }

.indent-96 { text-indent: 24rem; }

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

.align-sub { vertical-align: sub; }

.align-super { vertical-align: super; }

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

.whitespace-break-spaces { white-space: break-spaces; }

.break-normal { overflow-wrap: normal; word-break: normal; }

.break-words { overflow-wrap: break-word; }

.break-all { word-break: break-all; }

.break-keep { word-break: keep-all; }

.hyphens-none { hyphens: none; }

.hyphens-manual { hyphens: manual; }

.hyphens-auto { hyphens: auto; }

.content-none { content: none; }

/* Flexbox Utilities */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }
.flex-grow-0 { flex-grow: 0; }
.flex-grow { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink { flex-shrink: 1; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-baseline { align-self: baseline; }
.self-stretch { align-self: stretch; }
.self-auto { align-self: auto; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.order-first { order: -9999; }
.order-last { order: 9999; }
.order-none { order: 0; }

/* Grid Utilities */
.grid { display: grid; }
.inline-grid { display: inline-grid; }
.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; }
.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-auto { grid-column: 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-auto { grid-row: auto; }
.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; }
.place-items-start { place-items: start; }
.place-content-start { place-content: start; }
.place-self-start { place-self: start; }
.place-items-end { place-items: end; }
.place-content-end { place-content: end; }
.place-self-end { place-self: end; }
.place-items-center { place-items: center; }
.place-content-center { place-content: center; }
.place-self-center { place-self: center; }
.place-items-stretch { place-items: stretch; }
.place-content-stretch { place-content: stretch; }
.place-self-stretch { place-self: stretch; }

/* Grid Utilities - WindFlow Enhanced */
.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-cols-subgrid { grid-template-columns: subgrid; }
.grid-cols-auto { grid-template-columns: auto; }
.grid-cols-min { grid-template-columns: min-content; }
.grid-cols-max { grid-template-columns: max-content; }
.grid-cols-fr { grid-template-columns: 1fr; }
.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; }
.grid-rows-subgrid { grid-template-rows: subgrid; }
.grid-rows-auto { grid-template-rows: auto; }
.grid-rows-min { grid-template-rows: min-content; }
.grid-rows-max { grid-template-rows: max-content; }
.grid-rows-fr { grid-template-rows: 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; }
.grid-flow-dense { grid-auto-flow: dense; }
.auto-cols-auto { grid-auto-columns: auto; }
.auto-rows-auto { grid-auto-rows: auto; }
.auto-cols-min { grid-auto-columns: min-content; }
.auto-rows-min { grid-auto-rows: min-content; }
.auto-cols-max { grid-auto-columns: max-content; }
.auto-rows-max { grid-auto-rows: max-content; }
.auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
.auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
.auto-cols-2fr { grid-auto-columns: minmax(0, 2fr); }
.auto-rows-2fr { grid-auto-rows: minmax(0, 2fr); }
.auto-cols-3fr { grid-auto-columns: minmax(0, 3fr); }
.auto-rows-3fr { grid-auto-rows: minmax(0, 3fr); }
.auto-cols-4fr { grid-auto-columns: minmax(0, 4fr); }
.auto-rows-4fr { grid-auto-rows: minmax(0, 4fr); }
.gap-0 { gap: 0; }
.gap-x-0 { column-gap: 0; }
.gap-y-0 { row-gap: 0; }
.gap-1 { gap: 0.25rem; }
.gap-x-1 { column-gap: 0.25rem; }
.gap-y-1 { row-gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-x-2 { column-gap: 0.5rem; }
.gap-y-2 { row-gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-x-3 { column-gap: 0.75rem; }
.gap-y-3 { row-gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-x-4 { column-gap: 1rem; }
.gap-y-4 { row-gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-x-5 { column-gap: 1.25rem; }
.gap-y-5 { row-gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-y-6 { row-gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
.gap-x-7 { column-gap: 1.75rem; }
.gap-y-7 { row-gap: 1.75rem; }
.gap-8 { gap: 2rem; }
.gap-x-8 { column-gap: 2rem; }
.gap-y-8 { row-gap: 2rem; }
.gap-9 { gap: 2.25rem; }
.gap-x-9 { column-gap: 2.25rem; }
.gap-y-9 { row-gap: 2.25rem; }
.gap-10 { gap: 2.5rem; }
.gap-x-10 { column-gap: 2.5rem; }
.gap-y-10 { row-gap: 2.5rem; }
.gap-11 { gap: 2.75rem; }
.gap-x-11 { column-gap: 2.75rem; }
.gap-y-11 { row-gap: 2.75rem; }
.gap-12 { gap: 3rem; }
.gap-x-12 { column-gap: 3rem; }
.gap-y-12 { row-gap: 3rem; }
.gap-14 { gap: 3.5rem; }
.gap-x-14 { column-gap: 3.5rem; }
.gap-y-14 { row-gap: 3.5rem; }
.gap-16 { gap: 4rem; }
.gap-x-16 { column-gap: 4rem; }
.gap-y-16 { row-gap: 4rem; }
.gap-20 { gap: 5rem; }
.gap-x-20 { column-gap: 5rem; }
.gap-y-20 { row-gap: 5rem; }
.gap-24 { gap: 6rem; }
.gap-x-24 { column-gap: 6rem; }
.gap-y-24 { row-gap: 6rem; }
.gap-28 { gap: 7rem; }
.gap-x-28 { column-gap: 7rem; }
.gap-y-28 { row-gap: 7rem; }
.gap-32 { gap: 8rem; }
.gap-x-32 { column-gap: 8rem; }
.gap-y-32 { row-gap: 8rem; }
.gap-36 { gap: 9rem; }
.gap-x-36 { column-gap: 9rem; }
.gap-y-36 { row-gap: 9rem; }
.gap-40 { gap: 10rem; }
.gap-x-40 { column-gap: 10rem; }
.gap-y-40 { row-gap: 10rem; }
.gap-44 { gap: 11rem; }
.gap-x-44 { column-gap: 11rem; }
.gap-y-44 { row-gap: 11rem; }
.gap-48 { gap: 12rem; }
.gap-x-48 { column-gap: 12rem; }
.gap-y-48 { row-gap: 12rem; }
.gap-52 { gap: 13rem; }
.gap-x-52 { column-gap: 13rem; }
.gap-y-52 { row-gap: 13rem; }
.gap-56 { gap: 14rem; }
.gap-x-56 { column-gap: 14rem; }
.gap-y-56 { row-gap: 14rem; }
.gap-60 { gap: 15rem; }
.gap-x-60 { column-gap: 15rem; }
.gap-y-60 { row-gap: 15rem; }
.gap-64 { gap: 16rem; }
.gap-x-64 { column-gap: 16rem; }
.gap-y-64 { row-gap: 16rem; }
.gap-72 { gap: 18rem; }
.gap-x-72 { column-gap: 18rem; }
.gap-y-72 { row-gap: 18rem; }
.gap-80 { gap: 20rem; }
.gap-x-80 { column-gap: 20rem; }
.gap-y-80 { row-gap: 20rem; }
.gap-96 { gap: 24rem; }
.gap-x-96 { column-gap: 24rem; }
.gap-y-96 { row-gap: 24rem; }
.gap-px { gap: 1px; }
.gap-x-px { column-gap: 1px; }
.gap-y-px { row-gap: 1px; }
.gap-0.5 { gap: 0.125rem; }
.gap-x-0.5 { column-gap: 0.125rem; }
.gap-y-0.5 { row-gap: 0.125rem; }
.gap-1.5 { gap: 0.375rem; }
.gap-x-1.5 { column-gap: 0.375rem; }
.gap-y-1.5 { row-gap: 0.375rem; }
.gap-2.5 { gap: 0.625rem; }
.gap-x-2.5 { column-gap: 0.625rem; }
.gap-y-2.5 { row-gap: 0.625rem; }
.gap-3.5 { gap: 0.875rem; }
.gap-x-3.5 { column-gap: 0.875rem; }
.gap-y-3.5 { row-gap: 0.875rem; }
.col-span-1 { grid-column: span 1 / span 1; }
.row-span-1 { grid-row: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.row-span-2 { grid-row: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.row-span-3 { grid-row: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.row-span-4 { grid-row: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.row-span-5 { grid-row: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.row-span-6 { grid-row: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.row-span-7 { grid-row: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.row-span-8 { grid-row: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.row-span-9 { grid-row: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.row-span-10 { grid-row: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.row-span-11 { grid-row: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }
.row-span-12 { grid-row: span 12 / span 12; }
.col-span-auto { grid-column: auto; }
.col-span-full { grid-column: 1 / -1; }
.row-span-auto { grid-row: auto; }
.row-span-full { grid-row: 1 / -1; }
.col-start-1 { grid-column-start: 1; }
.col-end-1 { grid-column-end: 1; }
.row-start-1 { grid-row-start: 1; }
.row-end-1 { grid-row-end: 1; }
.col-start-2 { grid-column-start: 2; }
.col-end-2 { grid-column-end: 2; }
.row-start-2 { grid-row-start: 2; }
.row-end-2 { grid-row-end: 2; }
.col-start-3 { grid-column-start: 3; }
.col-end-3 { grid-column-end: 3; }
.row-start-3 { grid-row-start: 3; }
.row-end-3 { grid-row-end: 3; }
.col-start-4 { grid-column-start: 4; }
.col-end-4 { grid-column-end: 4; }
.row-start-4 { grid-row-start: 4; }
.row-end-4 { grid-row-end: 4; }
.col-start-5 { grid-column-start: 5; }
.col-end-5 { grid-column-end: 5; }
.row-start-5 { grid-row-start: 5; }
.row-end-5 { grid-row-end: 5; }
.col-start-6 { grid-column-start: 6; }
.col-end-6 { grid-column-end: 6; }
.row-start-6 { grid-row-start: 6; }
.row-end-6 { grid-row-end: 6; }
.col-start-7 { grid-column-start: 7; }
.col-end-7 { grid-column-end: 7; }
.row-start-7 { grid-row-start: 7; }
.row-end-7 { grid-row-end: 7; }
.col-start-8 { grid-column-start: 8; }
.col-end-8 { grid-column-end: 8; }
.row-start-8 { grid-row-start: 8; }
.row-end-8 { grid-row-end: 8; }
.col-start-9 { grid-column-start: 9; }
.col-end-9 { grid-column-end: 9; }
.row-start-9 { grid-row-start: 9; }
.row-end-9 { grid-row-end: 9; }
.col-start-10 { grid-column-start: 10; }
.col-end-10 { grid-column-end: 10; }
.row-start-10 { grid-row-start: 10; }
.row-end-10 { grid-row-end: 10; }
.col-start-11 { grid-column-start: 11; }
.col-end-11 { grid-column-end: 11; }
.row-start-11 { grid-row-start: 11; }
.row-end-11 { grid-row-end: 11; }
.col-start-12 { grid-column-start: 12; }
.col-end-12 { grid-column-end: 12; }
.row-start-12 { grid-row-start: 12; }
.row-end-12 { grid-row-end: 12; }
.col-start-13 { grid-column-start: 13; }
.col-end-13 { grid-column-end: 13; }
.row-start-13 { grid-row-start: 13; }
.row-end-13 { grid-row-end: 13; }
.col-start-auto { grid-column-start: auto; }
.col-end-auto { grid-column-end: auto; }
.row-start-auto { grid-row-start: auto; }
.row-end-auto { grid-row-end: auto; }
.grid-areas-none { grid-template-areas: none; }
/* Common Grid Layouts */
.grid-layout-dashboard {
  grid-template-areas:
    "header header header"
    "sidebar main main"
    "footer footer footer";
  grid-template-columns: 200px 1fr 1fr;
  grid-template-rows: auto 1fr auto;
}

.grid-layout-holy-grail {
  grid-template-areas:
    "header header header"
    "nav main aside"
    "footer footer footer";
  grid-template-columns: 200px 1fr 200px;
  grid-template-rows: auto 1fr auto;
}

.grid-layout-magazine {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: minmax(200px, auto);
  grid-auto-flow: dense;
}

.grid-layout-cards {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

.grid-layout-masonry {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 10px;
}
.justify-items-start { justify-items: start; }
.justify-items-end { justify-items: end; }
.justify-items-center { justify-items: center; }
.justify-items-stretch { justify-items: stretch; }
.justify-items-baseline { justify-items: baseline; }
.items-start { align-items: start; }
.items-end { align-items: end; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.items-baseline { align-items: baseline; }
.justify-content-start { justify-content: start; }
.justify-content-end { justify-content: end; }
.justify-content-center { justify-content: center; }
.justify-content-stretch { justify-content: stretch; }
.justify-content-space-between { justify-content: space-between; }
.justify-content-space-around { justify-content: space-around; }
.justify-content-space-evenly { justify-content: space-evenly; }
.content-start { align-content: start; }
.content-end { align-content: end; }
.content-center { align-content: center; }
.content-stretch { align-content: stretch; }
.content-space-between { align-content: space-between; }
.content-space-around { align-content: space-around; }
.content-space-evenly { align-content: space-evenly; }
.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; }
.self-auto { align-self: auto; }
.self-start { align-self: start; }
.self-end { align-self: end; }
.self-center { align-self: center; }
.self-stretch { align-self: 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; }
.place-content-start { place-content: start; }
.place-content-end { place-content: end; }
.place-content-center { place-content: center; }
.place-content-stretch { place-content: stretch; }
.place-content-between { place-content: space-between; }
.place-content-around { place-content: space-around; }
.place-content-evenly { place-content: space-evenly; }
.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; }

/* Border Utilities */

.border-0 { border-width: 0px; }

.border-t-0 { border-top-width: 0px; }

.border-r-0 { border-right-width: 0px; }

.border-b-0 { border-bottom-width: 0px; }

.border-l-0 { border-left-width: 0px; }

.border-x-0 { border-left-width: 0px; border-right-width: 0px; }

.border-y-0 { border-top-width: 0px; border-bottom-width: 0px; }

.border-2 { border-width: 2px; }

.border-t-2 { border-top-width: 2px; }

.border-r-2 { border-right-width: 2px; }

.border-b-2 { border-bottom-width: 2px; }

.border-l-2 { border-left-width: 2px; }

.border-x-2 { border-left-width: 2px; border-right-width: 2px; }

.border-y-2 { border-top-width: 2px; border-bottom-width: 2px; }

.border-4 { border-width: 4px; }

.border-t-4 { border-top-width: 4px; }

.border-r-4 { border-right-width: 4px; }

.border-b-4 { border-bottom-width: 4px; }

.border-l-4 { border-left-width: 4px; }

.border-x-4 { border-left-width: 4px; border-right-width: 4px; }

.border-y-4 { border-top-width: 4px; border-bottom-width: 4px; }

.border-8 { border-width: 8px; }

.border-t-8 { border-top-width: 8px; }

.border-r-8 { border-right-width: 8px; }

.border-b-8 { border-bottom-width: 8px; }

.border-l-8 { border-left-width: 8px; }

.border-x-8 { border-left-width: 8px; border-right-width: 8px; }

.border-y-8 { border-top-width: 8px; border-bottom-width: 8px; }

.border { border-width: 1px; }

.border-t { border-top-width: 1px; }

.border-r { border-right-width: 1px; }

.border-b { border-bottom-width: 1px; }

.border-l { border-left-width: 1px; }

.border-x { border-left-width: 1px; border-right-width: 1px; }

.border-y { border-top-width: 1px; border-bottom-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; }

.rounded-none { border-radius: 0px; }

.rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.rounded-sm { border-radius: 0.125rem; }

.rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }

.rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }

.rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

.rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

.rounded-DEFAULT { border-radius: 0.25rem; }

.rounded-t-DEFAULT { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.rounded-r-DEFAULT { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.rounded-b-DEFAULT { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.rounded-l-DEFAULT { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.rounded-md { border-radius: 0.375rem; }

.rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }

.rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }

.rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

.rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

.rounded-lg { border-radius: 0.5rem; }

.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }

.rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }

.rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

.rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

.rounded-xl { border-radius: 0.75rem; }

.rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }

.rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }

.rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

.rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

.rounded-2xl { border-radius: 1rem; }

.rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }

.rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }

.rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }

.rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

.rounded-3xl { border-radius: 1.5rem; }

.rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }

.rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }

.rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

.rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

.rounded-full { border-radius: 9999px; }

.rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }

.rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }

.rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; }

.rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }

.ring-0 {
  --wf-ring-offset-shadow: var(--wf-ring-inset) 0 0 0 var(--wf-ring-offset-width) var(--wf-ring-offset-color);
  --wf-ring-shadow: var(--wf-ring-inset) 0 0 0 calc(0px + var(--wf-ring-offset-width)) var(--wf-ring-color);
  box-shadow: var(--wf-ring-offset-shadow), var(--wf-ring-shadow), var(--wf-shadow, 0 0 #0000);
}

.ring-1 {
  --wf-ring-offset-shadow: var(--wf-ring-inset) 0 0 0 var(--wf-ring-offset-width) var(--wf-ring-offset-color);
  --wf-ring-shadow: var(--wf-ring-inset) 0 0 0 calc(1px + var(--wf-ring-offset-width)) var(--wf-ring-color);
  box-shadow: var(--wf-ring-offset-shadow), var(--wf-ring-shadow), var(--wf-shadow, 0 0 #0000);
}

.ring-2 {
  --wf-ring-offset-shadow: var(--wf-ring-inset) 0 0 0 var(--wf-ring-offset-width) var(--wf-ring-offset-color);
  --wf-ring-shadow: var(--wf-ring-inset) 0 0 0 calc(2px + var(--wf-ring-offset-width)) var(--wf-ring-color);
  box-shadow: var(--wf-ring-offset-shadow), var(--wf-ring-shadow), var(--wf-shadow, 0 0 #0000);
}

.ring-4 {
  --wf-ring-offset-shadow: var(--wf-ring-inset) 0 0 0 var(--wf-ring-offset-width) var(--wf-ring-offset-color);
  --wf-ring-shadow: var(--wf-ring-inset) 0 0 0 calc(4px + var(--wf-ring-offset-width)) var(--wf-ring-color);
  box-shadow: var(--wf-ring-offset-shadow), var(--wf-ring-shadow), var(--wf-shadow, 0 0 #0000);
}

.ring-8 {
  --wf-ring-offset-shadow: var(--wf-ring-inset) 0 0 0 var(--wf-ring-offset-width) var(--wf-ring-offset-color);
  --wf-ring-shadow: var(--wf-ring-inset) 0 0 0 calc(8px + var(--wf-ring-offset-width)) var(--wf-ring-color);
  box-shadow: var(--wf-ring-offset-shadow), var(--wf-ring-shadow), var(--wf-shadow, 0 0 #0000);
}

.ring {
  --wf-ring-offset-shadow: var(--wf-ring-inset) 0 0 0 var(--wf-ring-offset-width) var(--wf-ring-offset-color);
  --wf-ring-shadow: var(--wf-ring-inset) 0 0 0 calc(3px + var(--wf-ring-offset-width)) var(--wf-ring-color);
  box-shadow: var(--wf-ring-offset-shadow), var(--wf-ring-shadow), var(--wf-shadow, 0 0 #0000);
}

.ring-offset-0 { --wf-ring-offset-width: 0px; }

.ring-offset-1 { --wf-ring-offset-width: 1px; }

.ring-offset-2 { --wf-ring-offset-width: 2px; }

.ring-offset-4 { --wf-ring-offset-width: 4px; }

.ring-offset-8 { --wf-ring-offset-width: 8px; }

.ring-offset { --wf-ring-offset-width: 3px; }

/* Effects Utilities */

.shadow-sm {
  --wf-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-DEFAULT {
  --wf-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-md {
  --wf-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-lg {
  --wf-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-xl {
  --wf-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-2xl {
  --wf-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-inner {
  --wf-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

.shadow-none {
  --wf-shadow: none;
  box-shadow: var(--wf-ring-offset-shadow, 0 0 #0000), var(--wf-ring-shadow, 0 0 #0000), var(--wf-shadow);
}

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

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

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

.backdrop-blur-none { --wf-backdrop-blur: blur(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur-sm { --wf-backdrop-blur: blur(4px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur { --wf-backdrop-blur: blur(8px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur-md { --wf-backdrop-blur: blur(12px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur-lg { --wf-backdrop-blur: blur(16px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur-xl { --wf-backdrop-blur: blur(24px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur-2xl { --wf-backdrop-blur: blur(40px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-blur-3xl { --wf-backdrop-blur: blur(64px); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-0 { --wf-backdrop-brightness: brightness(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-50 { --wf-backdrop-brightness: brightness(.5); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-75 { --wf-backdrop-brightness: brightness(.75); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-90 { --wf-backdrop-brightness: brightness(.9); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-95 { --wf-backdrop-brightness: brightness(.95); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-100 { --wf-backdrop-brightness: brightness(1); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-105 { --wf-backdrop-brightness: brightness(1.05); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-110 { --wf-backdrop-brightness: brightness(1.1); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-125 { --wf-backdrop-brightness: brightness(1.25); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-150 { --wf-backdrop-brightness: brightness(1.5); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-brightness-200 { --wf-backdrop-brightness: brightness(2); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-0 { --wf-backdrop-contrast: contrast(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-50 { --wf-backdrop-contrast: contrast(.5); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-75 { --wf-backdrop-contrast: contrast(.75); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-100 { --wf-backdrop-contrast: contrast(1); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-125 { --wf-backdrop-contrast: contrast(1.25); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-150 { --wf-backdrop-contrast: contrast(1.5); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-contrast-200 { --wf-backdrop-contrast: contrast(2); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-saturate-0 { --wf-backdrop-saturate: saturate(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-saturate-50 { --wf-backdrop-saturate: saturate(.5); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-saturate-100 { --wf-backdrop-saturate: saturate(1); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-saturate-150 { --wf-backdrop-saturate: saturate(1.5); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-saturate-200 { --wf-backdrop-saturate: saturate(2); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-grayscale-0 { --wf-backdrop-grayscale: grayscale(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-grayscale { --wf-backdrop-grayscale: grayscale(100%); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-invert-0 { --wf-backdrop-invert: invert(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-invert { --wf-backdrop-invert: invert(100%); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-sepia-0 { --wf-backdrop-sepia: sepia(0); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

.backdrop-sepia { --wf-backdrop-sepia: sepia(100%); backdrop-filter: var(--wf-backdrop-blur) var(--wf-backdrop-brightness) var(--wf-backdrop-contrast) var(--wf-backdrop-grayscale) var(--wf-backdrop-hue-rotate) var(--wf-backdrop-invert) var(--wf-backdrop-opacity) var(--wf-backdrop-saturate) var(--wf-backdrop-sepia); }

/* Initialize backdrop filter variables */
:root {
  --wf-backdrop-blur: ;
  --wf-backdrop-brightness: ;
  --wf-backdrop-contrast: ;
  --wf-backdrop-grayscale: ;
  --wf-backdrop-hue-rotate: ;
  --wf-backdrop-invert: ;
  --wf-backdrop-opacity: ;
  --wf-backdrop-saturate: ;
  --wf-backdrop-sepia: ;
}

/* Animation Utilities - WindFlow Improvements */

@keyframes wf-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes wf-ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes wf-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}

@keyframes wf-bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes wf-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes wf-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes wf-slide-in-right {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes wf-slide-in-left {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@keyframes wf-slide-in-up {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

@keyframes wf-slide-in-down {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}

@keyframes wf-zoom-in {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

@keyframes wf-zoom-out {
  from { transform: scale(1); }
  to { transform: scale(0); }
}

@keyframes wf-shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
  20%, 40%, 60%, 80% { transform: translateX(10px); }
}

@keyframes wf-wiggle {
  0%, 100% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
}

@keyframes wf-flip {
  from { transform: perspective(400px) rotateY(0); }
  to { transform: perspective(400px) rotateY(360deg); }
}

@keyframes wf-heartbeat {
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}

@keyframes wf-rubber-band {
  0% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scale3d(1, 1, 1); }
}

@keyframes wf-jello {
  11.1% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  22.2% { transform: skewX(6.25deg) skewY(6.25deg); }
  33.3% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  44.4% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  55.5% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  66.6% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  77.7% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
  88.8% { transform: skewX(0.09765625deg) skewY(0.09765625deg); }
  100% { transform: skewX(0deg) skewY(0deg); }
}

@keyframes wf-swing {
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  100% { transform: rotate3d(0, 0, 1, 0deg); }
}

@keyframes wf-tada {
  0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); }
}

@keyframes wf-wobble {
  0% { transform: translate3d(0, 0, 0); }
  15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { transform: translate3d(0, 0, 0); }
}

@keyframes wf-roll-in {
  0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes wf-roll-out {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}

@keyframes wf-light-speed-in {
  0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); }
  100% { transform: translate3d(0, 0, 0); }
}

@keyframes wf-light-speed-out {
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}

@keyframes wf-hinge {
  0% { transform-origin: top left; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0, 700px, 0); opacity: 0; }
}

@keyframes wf-jack-in-the-box {
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes wf-typewriter {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes wf-blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

@keyframes wf-glow {
  0%, 100% { text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor; }
  50% { text-shadow: 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor; }
}

@keyframes wf-neon {
  0%, 100% { 
    text-shadow: 
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 15px #fff,
      0 0 20px #ff00de,
      0 0 35px #ff00de,
      0 0 40px #ff00de,
      0 0 50px #ff00de,
      0 0 75px #ff00de;
  }
  50% {
    text-shadow: 
      0 0 2px #fff,
      0 0 5px #fff,
      0 0 8px #fff,
      0 0 12px #ff00de,
      0 0 20px #ff00de,
      0 0 25px #ff00de,
      0 0 30px #ff00de,
      0 0 45px #ff00de;
  }
}

@keyframes wf-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes wf-levitate {
  0%, 100% { transform: translateY(0) rotateX(0deg); }
  25% { transform: translateY(-10px) rotateX(5deg); }
  50% { transform: translateY(-20px) rotateX(0deg); }
  75% { transform: translateY(-10px) rotateX(-5deg); }
}

@keyframes wf-morphing {
  0%, 100% { border-radius: 0; }
  25% { border-radius: 50% 0; }
  50% { border-radius: 50%; }
  75% { border-radius: 0 50%; }
}

@keyframes wf-glitch {
  0%, 100% { transform: translate(0); filter: hue-rotate(0deg); }
  10% { transform: translate(-2px, 2px); filter: hue-rotate(90deg); }
  20% { transform: translate(-1px, -1px); filter: hue-rotate(180deg); }
  30% { transform: translate(2px, 1px); filter: hue-rotate(270deg); }
  40% { transform: translate(1px, -1px); filter: hue-rotate(360deg); }
  50% { transform: translate(-1px, 2px); filter: hue-rotate(45deg); }
  60% { transform: translate(-2px, 1px); filter: hue-rotate(135deg); }
  70% { transform: translate(2px, 1px); filter: hue-rotate(225deg); }
  80% { transform: translate(-1px, -1px); filter: hue-rotate(315deg); }
  90% { transform: translate(1px, 2px); filter: hue-rotate(405deg); }
}

@keyframes wf-matrix {
  0% { transform: translateY(-100%) scaleY(0); }
  50% { transform: translateY(0) scaleY(1); }
  100% { transform: translateY(100%) scaleY(0); }
}

@keyframes wf-loading-dots {
  0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
  40% { transform: scale(1); opacity: 1; }
}

@keyframes wf-loading-bars {
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}

@keyframes wf-loading-spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes wf-loading-pulse-ring {
  0% { transform: scale(0.1); opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; }
}

@keyframes wf-morph {
  0%, 100% { 
    border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;
    transform: rotate(0deg);
  }
  25% { 
    border-radius: 60% 40% 40% 60% / 40% 60% 30% 70%;
    transform: rotate(90deg);
  }
  50% { 
    border-radius: 40% 60% 60% 40% / 70% 40% 60% 30%;
    transform: rotate(180deg);
  }
  75% { 
    border-radius: 60% 40% 40% 60% / 30% 70% 40% 60%;
    transform: rotate(270deg);
  }
}

@keyframes wf-glitch-2 {
  0%, 100% { 
    clip-path: inset(0 0 0 0);
    transform: translate(0);
  }
  5% { 
    clip-path: inset(40% 0 61% 0);
    transform: translate(-10px, 5px);
  }
  10% { 
    clip-path: inset(92% 0 1% 0);
    transform: translate(10px, -5px);
  }
  15% { 
    clip-path: inset(43% 0 1% 0);
    transform: translate(-5px, 2px);
  }
  20% { 
    clip-path: inset(25% 0 58% 0);
    transform: translate(5px, -2px);
  }
}

@keyframes wf-float-up {
  0% { 
    transform: translateY(0);
    opacity: 1;
  }
  100% { 
    transform: translateY(-100px);
    opacity: 0;
  }
}

@keyframes wf-float-down {
  0% { 
    transform: translateY(0);
    opacity: 1;
  }
  100% { 
    transform: translateY(100px);
    opacity: 0;
  }
}

@keyframes wf-shake-x {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
  20%, 40%, 60%, 80% { transform: translateX(10px); }
}

@keyframes wf-shake-y {
  0%, 100% { transform: translateY(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); }
  20%, 40%, 60%, 80% { transform: translateY(10px); }
}

@keyframes wf-ripple {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}

@keyframes wf-wave {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-10deg); }
  75% { transform: rotate(10deg); }
}

.animate-spin { animation: wf-spin 1s linear infinite; }

.animate-ping { animation: wf-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }

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

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

.animate-fade-in { animation: wf-fade-in 0.5s ease-out; }

.animate-fade-out { animation: wf-fade-out 0.5s ease-out; }

.animate-slide-in-right { animation: wf-slide-in-right 0.5s ease-out; }

.animate-slide-in-left { animation: wf-slide-in-left 0.5s ease-out; }

.animate-slide-in-up { animation: wf-slide-in-up 0.5s ease-out; }

.animate-slide-in-down { animation: wf-slide-in-down 0.5s ease-out; }

.animate-zoom-in { animation: wf-zoom-in 0.3s ease-out; }

.animate-zoom-out { animation: wf-zoom-out 0.3s ease-out; }

.animate-shake { animation: wf-shake 0.5s ease-in-out; }

.animate-wiggle { animation: wf-wiggle 1s ease-in-out infinite; }

.animate-flip { animation: wf-flip 0.6s ease-in-out; }

.animate-heartbeat { animation: wf-heartbeat 1.5s ease-in-out infinite; }

.animate-rubber-band { animation: wf-rubber-band 1s ease-out; }

.animate-jello { animation: wf-jello 1s ease-out; }

.animate-swing { animation: wf-swing 1s ease-out; }

.animate-tada { animation: wf-tada 1s ease-out; }

.animate-wobble { animation: wf-wobble 1s ease-out; }

.animate-roll-in { animation: wf-roll-in 1s ease-out; }

.animate-light-speed-in { animation: wf-light-speed-in 1s ease-out; }

.animate-jack-in-the-box { animation: wf-jack-in-the-box 1s ease-out; }

.animate-roll-out { animation: wf-roll-out 1s ease-out; }

.animate-light-speed-out { animation: wf-light-speed-out 1s ease-out; }

.animate-hinge { animation: wf-hinge 2s ease-out; }

.animate-typewriter { animation: wf-typewriter 2s steps(40, end); }

.animate-blink { animation: wf-blink 1s step-end infinite; }

.animate-glow { animation: wf-glow 2s ease-in-out infinite; }

.animate-neon { animation: wf-neon 1.5s ease-in-out infinite alternate; }

.animate-float { animation: wf-float 3s ease-in-out infinite; }

.animate-levitate { animation: wf-levitate 4s ease-in-out infinite; }

.animate-morphing { animation: wf-morphing 2s ease-in-out infinite; }

.animate-glitch { animation: wf-glitch 2s linear infinite; }

.animate-matrix { animation: wf-matrix 1s ease-in-out; }

.animate-loading-dots { animation: wf-loading-dots 1.4s ease-in-out infinite; }

.animate-loading-bars { animation: wf-loading-bars 1.2s ease-in-out infinite; }

.animate-loading-spinner { animation: wf-loading-spinner 1s linear infinite; }

.animate-loading-pulse-ring { animation: wf-loading-pulse-ring 1s ease-out infinite; }

.animate-morph { animation: wf-morph 8s ease-in-out infinite; }

.animate-glitch-2 { animation: wf-glitch-2 3s linear infinite; }

.animate-float-up { animation: wf-float-up 2s ease-out; }

.animate-float-down { animation: wf-float-down 2s ease-out; }

.animate-shake-x { animation: wf-shake-x 0.5s ease-in-out; }

.animate-shake-y { animation: wf-shake-y 0.5s ease-in-out; }

.animate-ripple { animation: wf-ripple 0.6s ease-out; }

.animate-wave { animation: wf-wave 2s ease-in-out infinite; }

.animate-none { animation: none; }

.duration-75 { animation-duration: 75ms; }

.duration-100 { animation-duration: 100ms; }

.duration-150 { animation-duration: 150ms; }

.duration-200 { animation-duration: 200ms; }

.duration-300 { animation-duration: 300ms; }

.duration-500 { animation-duration: 500ms; }

.duration-700 { animation-duration: 700ms; }

.duration-1000 { animation-duration: 1000ms; }

.delay-75 { animation-delay: 75ms; }

.delay-100 { animation-delay: 100ms; }

.delay-150 { animation-delay: 150ms; }

.delay-200 { animation-delay: 200ms; }

.delay-300 { animation-delay: 300ms; }

.delay-500 { animation-delay: 500ms; }

.delay-700 { animation-delay: 700ms; }

.delay-1000 { animation-delay: 1000ms; }

.animate-once { animation-iteration-count: 1; }

.animate-twice { animation-iteration-count: 2; }

.animate-infinite { animation-iteration-count: infinite; }

.animate-normal { animation-direction: normal; }

.animate-reverse { animation-direction: reverse; }

.animate-alternate { animation-direction: alternate; }

.animate-alternate-reverse { animation-direction: alternate-reverse; }

.animate-fill-none { animation-fill-mode: none; }

.animate-fill-forwards { animation-fill-mode: forwards; }

.animate-fill-backwards { animation-fill-mode: backwards; }

.animate-fill-both { animation-fill-mode: both; }

.animate-play { animation-play-state: running; }

.animate-pause { animation-play-state: paused; }

.hover\:animate-spin:hover { animation: wf-spin 1s linear infinite; }

.hover\:animate-ping:hover { animation: wf-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }

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

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

.hover\:animate-fade-in:hover { animation: wf-fade-in 0.5s ease-out; }

.hover\:animate-fade-out:hover { animation: wf-fade-out 0.5s ease-out; }

.hover\:animate-slide-in-right:hover { animation: wf-slide-in-right 0.5s ease-out; }

.hover\:animate-slide-in-left:hover { animation: wf-slide-in-left 0.5s ease-out; }

.hover\:animate-slide-in-up:hover { animation: wf-slide-in-up 0.5s ease-out; }

.hover\:animate-slide-in-down:hover { animation: wf-slide-in-down 0.5s ease-out; }

.hover\:animate-zoom-in:hover { animation: wf-zoom-in 0.3s ease-out; }

.hover\:animate-zoom-out:hover { animation: wf-zoom-out 0.3s ease-out; }

.hover\:animate-shake:hover { animation: wf-shake 0.5s ease-in-out; }

.hover\:animate-wiggle:hover { animation: wf-wiggle 1s ease-in-out infinite; }

.hover\:animate-flip:hover { animation: wf-flip 0.6s ease-in-out; }

.hover\:animate-heartbeat:hover { animation: wf-heartbeat 1.5s ease-in-out infinite; }

.hover\:animate-rubber-band:hover { animation: wf-rubber-band 1s ease-out; }

.hover\:animate-jello:hover { animation: wf-jello 1s ease-out; }

.hover\:animate-swing:hover { animation: wf-swing 1s ease-out; }

.hover\:animate-tada:hover { animation: wf-tada 1s ease-out; }

.hover\:animate-wobble:hover { animation: wf-wobble 1s ease-out; }

.hover\:animate-roll-in:hover { animation: wf-roll-in 1s ease-out; }

.hover\:animate-light-speed-in:hover { animation: wf-light-speed-in 1s ease-out; }

.hover\:animate-jack-in-the-box:hover { animation: wf-jack-in-the-box 1s ease-out; }

.hover\:animate-roll-out:hover { animation: wf-roll-out 1s ease-out; }

.hover\:animate-light-speed-out:hover { animation: wf-light-speed-out 1s ease-out; }

.hover\:animate-hinge:hover { animation: wf-hinge 2s ease-out; }

.hover\:animate-typewriter:hover { animation: wf-typewriter 2s steps(40, end); }

.hover\:animate-blink:hover { animation: wf-blink 1s step-end infinite; }

.hover\:animate-glow:hover { animation: wf-glow 2s ease-in-out infinite; }

.hover\:animate-neon:hover { animation: wf-neon 1.5s ease-in-out infinite alternate; }

.hover\:animate-float:hover { animation: wf-float 3s ease-in-out infinite; }

.hover\:animate-levitate:hover { animation: wf-levitate 4s ease-in-out infinite; }

.hover\:animate-morphing:hover { animation: wf-morphing 2s ease-in-out infinite; }

.hover\:animate-glitch:hover { animation: wf-glitch 2s linear infinite; }

.hover\:animate-matrix:hover { animation: wf-matrix 1s ease-in-out; }

.hover\:animate-loading-dots:hover { animation: wf-loading-dots 1.4s ease-in-out infinite; }

.hover\:animate-loading-bars:hover { animation: wf-loading-bars 1.2s ease-in-out infinite; }

.hover\:animate-loading-spinner:hover { animation: wf-loading-spinner 1s linear infinite; }

.hover\:animate-loading-pulse-ring:hover { animation: wf-loading-pulse-ring 1s ease-out infinite; }

.hover\:animate-morph:hover { animation: wf-morph 8s ease-in-out infinite; }

.hover\:animate-glitch-2:hover { animation: wf-glitch-2 3s linear infinite; }

.hover\:animate-float-up:hover { animation: wf-float-up 2s ease-out; }

.hover\:animate-float-down:hover { animation: wf-float-down 2s ease-out; }

.hover\:animate-shake-x:hover { animation: wf-shake-x 0.5s ease-in-out; }

.hover\:animate-shake-y:hover { animation: wf-shake-y 0.5s ease-in-out; }

.hover\:animate-ripple:hover { animation: wf-ripple 0.6s ease-out; }

.hover\:animate-wave:hover { animation: wf-wave 2s ease-in-out infinite; }

/* Loading Components */
.loading-dots {
  display: inline-flex;
  gap: 0.25rem;
}

.loading-dots > div {
  width: 0.5rem;
  height: 0.5rem;
  background-color: currentColor;
  border-radius: 50%;
  animation: wf-loading-dots 1.4s ease-in-out infinite;
}

.loading-dots > div:nth-child(1) { animation-delay: -0.32s; }
.loading-dots > div:nth-child(2) { animation-delay: -0.16s; }

.loading-bars {
  display: inline-flex;
  gap: 0.125rem;
  align-items: center;
}

.loading-bars > div {
  width: 0.25rem;
  height: 1rem;
  background-color: currentColor;
  animation: wf-loading-bars 1.2s ease-in-out infinite;
}

.loading-bars > div:nth-child(1) { animation-delay: -1.1s; }
.loading-bars > div:nth-child(2) { animation-delay: -1.0s; }
.loading-bars > div:nth-child(3) { animation-delay: -0.9s; }
.loading-bars > div:nth-child(4) { animation-delay: -0.8s; }
.loading-bars > div:nth-child(5) { animation-delay: -0.7s; }

.loading-spinner {
  width: 2rem;
  height: 2rem;
  border: 0.25rem solid #f3f3f3;
  border-top: 0.25rem solid currentColor;
  border-radius: 50%;
  animation: wf-loading-spinner 1s linear infinite;
}

.loading-pulse-ring {
  width: 2rem;
  height: 2rem;
  border: 0.125rem solid currentColor;
  border-radius: 50%;
  animation: wf-loading-pulse-ring 1s ease-out infinite;
}

/* Button hover effects */
.btn-hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.btn-hover-glow {
  transition: box-shadow 0.3s ease;
}

.btn-hover-glow:hover {
  box-shadow: 0 0 20px currentColor;
}

.btn-hover-scale {
  transition: transform 0.2s ease;
}

.btn-hover-scale:hover {
  transform: scale(1.05);
}

/* Text effects utilities */
.text-glitch {
  position: relative;
}

.text-glitch::before,
.text-glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text-glitch::before {
  animation: wf-glitch 2s linear infinite;
  color: #ff0000;
  z-index: -1;
}

.text-glitch::after {
  animation: wf-glitch 2s linear infinite reverse;
  color: #00ffff;
  z-index: -2;
}

.text-typewriter {
  overflow: hidden;
  border-right: 2px solid currentColor;
  white-space: nowrap;
  animation: wf-typewriter 3s steps(40, end), wf-blink 0.75s step-end infinite;
}

/* Card hover effects */
.card-hover-float {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover-float:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.card-hover-tilt {
  transition: transform 0.3s ease;
}

.card-hover-tilt:hover {
  transform: perspective(1000px) rotateX(10deg) rotateY(10deg);
}

/* Scroll animations */
.scroll-reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.parallax {
  transform: translateZ(0);
  transition: transform 0.1s ease-out;
}

/* Custom Easing Functions */
.ease-elastic { animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6); }
.ease-back { animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.ease-bounce { animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6); }
.ease-expo { animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); }
.ease-circ { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); }
.ease-sine { animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
.ease-quad { animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
.ease-cubic { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.ease-quart { animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.ease-quint { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

/* Transform Utilities - WindFlow 3D Transforms */
.origin-center { transform-origin: center; }
.origin-top { transform-origin: top; }
.origin-top-right { transform-origin: top right; }
.origin-right { transform-origin: right; }
.origin-bottom-right { transform-origin: bottom right; }
.origin-bottom { transform-origin: bottom; }
.origin-bottom-left { transform-origin: bottom left; }
.origin-left { transform-origin: left; }
.origin-top-left { transform-origin: top left; }
.scale-0 { transform: scale(0); }
.scale-x-0 { transform: scaleX(0); }
.scale-y-0 { transform: scaleY(0); }
.scale-50 { transform: scale(.5); }
.scale-x-50 { transform: scaleX(.5); }
.scale-y-50 { transform: scaleY(.5); }
.scale-75 { transform: scale(.75); }
.scale-x-75 { transform: scaleX(.75); }
.scale-y-75 { transform: scaleY(.75); }
.scale-90 { transform: scale(.9); }
.scale-x-90 { transform: scaleX(.9); }
.scale-y-90 { transform: scaleY(.9); }
.scale-95 { transform: scale(.95); }
.scale-x-95 { transform: scaleX(.95); }
.scale-y-95 { transform: scaleY(.95); }
.scale-100 { transform: scale(1); }
.scale-x-100 { transform: scaleX(1); }
.scale-y-100 { transform: scaleY(1); }
.scale-105 { transform: scale(1.05); }
.scale-x-105 { transform: scaleX(1.05); }
.scale-y-105 { transform: scaleY(1.05); }
.scale-110 { transform: scale(1.1); }
.scale-x-110 { transform: scaleX(1.1); }
.scale-y-110 { transform: scaleY(1.1); }
.scale-125 { transform: scale(1.25); }
.scale-x-125 { transform: scaleX(1.25); }
.scale-y-125 { transform: scaleY(1.25); }
.scale-150 { transform: scale(1.5); }
.scale-x-150 { transform: scaleX(1.5); }
.scale-y-150 { transform: scaleY(1.5); }
.rotate-0 { transform: rotate(0deg); }
.-rotate-0 { transform: rotate(-0deg); }
.rotate-1 { transform: rotate(1deg); }
.-rotate-1 { transform: rotate(-1deg); }
.rotate-2 { transform: rotate(2deg); }
.-rotate-2 { transform: rotate(-2deg); }
.rotate-3 { transform: rotate(3deg); }
.-rotate-3 { transform: rotate(-3deg); }
.rotate-6 { transform: rotate(6deg); }
.-rotate-6 { transform: rotate(-6deg); }
.rotate-12 { transform: rotate(12deg); }
.-rotate-12 { transform: rotate(-12deg); }
.rotate-45 { transform: rotate(45deg); }
.-rotate-45 { transform: rotate(-45deg); }
.rotate-90 { transform: rotate(90deg); }
.-rotate-90 { transform: rotate(-90deg); }
.rotate-180 { transform: rotate(180deg); }
.-rotate-180 { transform: rotate(-180deg); }
.rotate-x-0 { transform: rotateX(0deg); }
.rotate-y-0 { transform: rotateY(0deg); }
.rotate-z-0 { transform: rotateZ(0deg); }
.-rotate-x-0 { transform: rotateX(-0deg); }
.-rotate-y-0 { transform: rotateY(-0deg); }
.-rotate-z-0 { transform: rotateZ(-0deg); }
.rotate-x-1 { transform: rotateX(1deg); }
.rotate-y-1 { transform: rotateY(1deg); }
.rotate-z-1 { transform: rotateZ(1deg); }
.-rotate-x-1 { transform: rotateX(-1deg); }
.-rotate-y-1 { transform: rotateY(-1deg); }
.-rotate-z-1 { transform: rotateZ(-1deg); }
.rotate-x-2 { transform: rotateX(2deg); }
.rotate-y-2 { transform: rotateY(2deg); }
.rotate-z-2 { transform: rotateZ(2deg); }
.-rotate-x-2 { transform: rotateX(-2deg); }
.-rotate-y-2 { transform: rotateY(-2deg); }
.-rotate-z-2 { transform: rotateZ(-2deg); }
.rotate-x-3 { transform: rotateX(3deg); }
.rotate-y-3 { transform: rotateY(3deg); }
.rotate-z-3 { transform: rotateZ(3deg); }
.-rotate-x-3 { transform: rotateX(-3deg); }
.-rotate-y-3 { transform: rotateY(-3deg); }
.-rotate-z-3 { transform: rotateZ(-3deg); }
.rotate-x-6 { transform: rotateX(6deg); }
.rotate-y-6 { transform: rotateY(6deg); }
.rotate-z-6 { transform: rotateZ(6deg); }
.-rotate-x-6 { transform: rotateX(-6deg); }
.-rotate-y-6 { transform: rotateY(-6deg); }
.-rotate-z-6 { transform: rotateZ(-6deg); }
.rotate-x-12 { transform: rotateX(12deg); }
.rotate-y-12 { transform: rotateY(12deg); }
.rotate-z-12 { transform: rotateZ(12deg); }
.-rotate-x-12 { transform: rotateX(-12deg); }
.-rotate-y-12 { transform: rotateY(-12deg); }
.-rotate-z-12 { transform: rotateZ(-12deg); }
.rotate-x-45 { transform: rotateX(45deg); }
.rotate-y-45 { transform: rotateY(45deg); }
.rotate-z-45 { transform: rotateZ(45deg); }
.-rotate-x-45 { transform: rotateX(-45deg); }
.-rotate-y-45 { transform: rotateY(-45deg); }
.-rotate-z-45 { transform: rotateZ(-45deg); }
.rotate-x-90 { transform: rotateX(90deg); }
.rotate-y-90 { transform: rotateY(90deg); }
.rotate-z-90 { transform: rotateZ(90deg); }
.-rotate-x-90 { transform: rotateX(-90deg); }
.-rotate-y-90 { transform: rotateY(-90deg); }
.-rotate-z-90 { transform: rotateZ(-90deg); }
.rotate-x-180 { transform: rotateX(180deg); }
.rotate-y-180 { transform: rotateY(180deg); }
.rotate-z-180 { transform: rotateZ(180deg); }
.-rotate-x-180 { transform: rotateX(-180deg); }
.-rotate-y-180 { transform: rotateY(-180deg); }
.-rotate-z-180 { transform: rotateZ(-180deg); }
.translate-x-0 { transform: translateX(0px); }
.translate-y-0 { transform: translateY(0px); }
.-translate-x-0 { transform: translateX(-0px); }
.-translate-y-0 { transform: translateY(-0px); }
.translate-x-1 { transform: translateX(0.25rem); }
.translate-y-1 { transform: translateY(0.25rem); }
.-translate-x-1 { transform: translateX(-0.25rem); }
.-translate-y-1 { transform: translateY(-0.25rem); }
.translate-x-2 { transform: translateX(0.5rem); }
.translate-y-2 { transform: translateY(0.5rem); }
.-translate-x-2 { transform: translateX(-0.5rem); }
.-translate-y-2 { transform: translateY(-0.5rem); }
.translate-x-3 { transform: translateX(0.75rem); }
.translate-y-3 { transform: translateY(0.75rem); }
.-translate-x-3 { transform: translateX(-0.75rem); }
.-translate-y-3 { transform: translateY(-0.75rem); }
.translate-x-4 { transform: translateX(1rem); }
.translate-y-4 { transform: translateY(1rem); }
.-translate-x-4 { transform: translateX(-1rem); }
.-translate-y-4 { transform: translateY(-1rem); }
.translate-x-5 { transform: translateX(1.25rem); }
.translate-y-5 { transform: translateY(1.25rem); }
.-translate-x-5 { transform: translateX(-1.25rem); }
.-translate-y-5 { transform: translateY(-1.25rem); }
.translate-x-6 { transform: translateX(1.5rem); }
.translate-y-6 { transform: translateY(1.5rem); }
.-translate-x-6 { transform: translateX(-1.5rem); }
.-translate-y-6 { transform: translateY(-1.5rem); }
.translate-x-7 { transform: translateX(1.75rem); }
.translate-y-7 { transform: translateY(1.75rem); }
.-translate-x-7 { transform: translateX(-1.75rem); }
.-translate-y-7 { transform: translateY(-1.75rem); }
.translate-x-8 { transform: translateX(2rem); }
.translate-y-8 { transform: translateY(2rem); }
.-translate-x-8 { transform: translateX(-2rem); }
.-translate-y-8 { transform: translateY(-2rem); }
.translate-x-9 { transform: translateX(2.25rem); }
.translate-y-9 { transform: translateY(2.25rem); }
.-translate-x-9 { transform: translateX(-2.25rem); }
.-translate-y-9 { transform: translateY(-2.25rem); }
.translate-x-10 { transform: translateX(2.5rem); }
.translate-y-10 { transform: translateY(2.5rem); }
.-translate-x-10 { transform: translateX(-2.5rem); }
.-translate-y-10 { transform: translateY(-2.5rem); }
.translate-x-11 { transform: translateX(2.75rem); }
.translate-y-11 { transform: translateY(2.75rem); }
.-translate-x-11 { transform: translateX(-2.75rem); }
.-translate-y-11 { transform: translateY(-2.75rem); }
.translate-x-12 { transform: translateX(3rem); }
.translate-y-12 { transform: translateY(3rem); }
.-translate-x-12 { transform: translateX(-3rem); }
.-translate-y-12 { transform: translateY(-3rem); }
.translate-x-14 { transform: translateX(3.5rem); }
.translate-y-14 { transform: translateY(3.5rem); }
.-translate-x-14 { transform: translateX(-3.5rem); }
.-translate-y-14 { transform: translateY(-3.5rem); }
.translate-x-16 { transform: translateX(4rem); }
.translate-y-16 { transform: translateY(4rem); }
.-translate-x-16 { transform: translateX(-4rem); }
.-translate-y-16 { transform: translateY(-4rem); }
.translate-x-20 { transform: translateX(5rem); }
.translate-y-20 { transform: translateY(5rem); }
.-translate-x-20 { transform: translateX(-5rem); }
.-translate-y-20 { transform: translateY(-5rem); }
.translate-x-24 { transform: translateX(6rem); }
.translate-y-24 { transform: translateY(6rem); }
.-translate-x-24 { transform: translateX(-6rem); }
.-translate-y-24 { transform: translateY(-6rem); }
.translate-x-28 { transform: translateX(7rem); }
.translate-y-28 { transform: translateY(7rem); }
.-translate-x-28 { transform: translateX(-7rem); }
.-translate-y-28 { transform: translateY(-7rem); }
.translate-x-32 { transform: translateX(8rem); }
.translate-y-32 { transform: translateY(8rem); }
.-translate-x-32 { transform: translateX(-8rem); }
.-translate-y-32 { transform: translateY(-8rem); }
.translate-x-36 { transform: translateX(9rem); }
.translate-y-36 { transform: translateY(9rem); }
.-translate-x-36 { transform: translateX(-9rem); }
.-translate-y-36 { transform: translateY(-9rem); }
.translate-x-40 { transform: translateX(10rem); }
.translate-y-40 { transform: translateY(10rem); }
.-translate-x-40 { transform: translateX(-10rem); }
.-translate-y-40 { transform: translateY(-10rem); }
.translate-x-44 { transform: translateX(11rem); }
.translate-y-44 { transform: translateY(11rem); }
.-translate-x-44 { transform: translateX(-11rem); }
.-translate-y-44 { transform: translateY(-11rem); }
.translate-x-48 { transform: translateX(12rem); }
.translate-y-48 { transform: translateY(12rem); }
.-translate-x-48 { transform: translateX(-12rem); }
.-translate-y-48 { transform: translateY(-12rem); }
.translate-x-52 { transform: translateX(13rem); }
.translate-y-52 { transform: translateY(13rem); }
.-translate-x-52 { transform: translateX(-13rem); }
.-translate-y-52 { transform: translateY(-13rem); }
.translate-x-56 { transform: translateX(14rem); }
.translate-y-56 { transform: translateY(14rem); }
.-translate-x-56 { transform: translateX(-14rem); }
.-translate-y-56 { transform: translateY(-14rem); }
.translate-x-60 { transform: translateX(15rem); }
.translate-y-60 { transform: translateY(15rem); }
.-translate-x-60 { transform: translateX(-15rem); }
.-translate-y-60 { transform: translateY(-15rem); }
.translate-x-64 { transform: translateX(16rem); }
.translate-y-64 { transform: translateY(16rem); }
.-translate-x-64 { transform: translateX(-16rem); }
.-translate-y-64 { transform: translateY(-16rem); }
.translate-x-72 { transform: translateX(18rem); }
.translate-y-72 { transform: translateY(18rem); }
.-translate-x-72 { transform: translateX(-18rem); }
.-translate-y-72 { transform: translateY(-18rem); }
.translate-x-80 { transform: translateX(20rem); }
.translate-y-80 { transform: translateY(20rem); }
.-translate-x-80 { transform: translateX(-20rem); }
.-translate-y-80 { transform: translateY(-20rem); }
.translate-x-96 { transform: translateX(24rem); }
.translate-y-96 { transform: translateY(24rem); }
.-translate-x-96 { transform: translateX(-24rem); }
.-translate-y-96 { transform: translateY(-24rem); }
.translate-x-px { transform: translateX(1px); }
.translate-y-px { transform: translateY(1px); }
.-translate-x-px { transform: translateX(-1px); }
.-translate-y-px { transform: translateY(-1px); }
.translate-x-0.5 { transform: translateX(0.125rem); }
.translate-y-0.5 { transform: translateY(0.125rem); }
.-translate-x-0.5 { transform: translateX(-0.125rem); }
.-translate-y-0.5 { transform: translateY(-0.125rem); }
.translate-x-1.5 { transform: translateX(0.375rem); }
.translate-y-1.5 { transform: translateY(0.375rem); }
.-translate-x-1.5 { transform: translateX(-0.375rem); }
.-translate-y-1.5 { transform: translateY(-0.375rem); }
.translate-x-2.5 { transform: translateX(0.625rem); }
.translate-y-2.5 { transform: translateY(0.625rem); }
.-translate-x-2.5 { transform: translateX(-0.625rem); }
.-translate-y-2.5 { transform: translateY(-0.625rem); }
.translate-x-3.5 { transform: translateX(0.875rem); }
.translate-y-3.5 { transform: translateY(0.875rem); }
.-translate-x-3.5 { transform: translateX(-0.875rem); }
.-translate-y-3.5 { transform: translateY(-0.875rem); }
.translate-z-0 { transform: translateZ(0px); }
.-translate-z-0 { transform: translateZ(-0px); }
.translate-z-1 { transform: translateZ(0.25rem); }
.-translate-z-1 { transform: translateZ(-0.25rem); }
.translate-z-2 { transform: translateZ(0.5rem); }
.-translate-z-2 { transform: translateZ(-0.5rem); }
.translate-z-3 { transform: translateZ(0.75rem); }
.-translate-z-3 { transform: translateZ(-0.75rem); }
.translate-z-4 { transform: translateZ(1rem); }
.-translate-z-4 { transform: translateZ(-1rem); }
.translate-z-5 { transform: translateZ(1.25rem); }
.-translate-z-5 { transform: translateZ(-1.25rem); }
.translate-z-6 { transform: translateZ(1.5rem); }
.-translate-z-6 { transform: translateZ(-1.5rem); }
.translate-z-7 { transform: translateZ(1.75rem); }
.-translate-z-7 { transform: translateZ(-1.75rem); }
.translate-z-8 { transform: translateZ(2rem); }
.-translate-z-8 { transform: translateZ(-2rem); }
.translate-z-9 { transform: translateZ(2.25rem); }
.-translate-z-9 { transform: translateZ(-2.25rem); }
.translate-z-10 { transform: translateZ(2.5rem); }
.-translate-z-10 { transform: translateZ(-2.5rem); }
.translate-z-11 { transform: translateZ(2.75rem); }
.-translate-z-11 { transform: translateZ(-2.75rem); }
.translate-z-12 { transform: translateZ(3rem); }
.-translate-z-12 { transform: translateZ(-3rem); }
.translate-z-14 { transform: translateZ(3.5rem); }
.-translate-z-14 { transform: translateZ(-3.5rem); }
.translate-z-16 { transform: translateZ(4rem); }
.-translate-z-16 { transform: translateZ(-4rem); }
.translate-z-20 { transform: translateZ(5rem); }
.-translate-z-20 { transform: translateZ(-5rem); }
.translate-z-24 { transform: translateZ(6rem); }
.-translate-z-24 { transform: translateZ(-6rem); }
.translate-z-28 { transform: translateZ(7rem); }
.-translate-z-28 { transform: translateZ(-7rem); }
.translate-z-32 { transform: translateZ(8rem); }
.-translate-z-32 { transform: translateZ(-8rem); }
.translate-z-36 { transform: translateZ(9rem); }
.-translate-z-36 { transform: translateZ(-9rem); }
.translate-z-40 { transform: translateZ(10rem); }
.-translate-z-40 { transform: translateZ(-10rem); }
.translate-z-44 { transform: translateZ(11rem); }
.-translate-z-44 { transform: translateZ(-11rem); }
.translate-z-48 { transform: translateZ(12rem); }
.-translate-z-48 { transform: translateZ(-12rem); }
.translate-z-52 { transform: translateZ(13rem); }
.-translate-z-52 { transform: translateZ(-13rem); }
.translate-z-56 { transform: translateZ(14rem); }
.-translate-z-56 { transform: translateZ(-14rem); }
.translate-z-60 { transform: translateZ(15rem); }
.-translate-z-60 { transform: translateZ(-15rem); }
.translate-z-64 { transform: translateZ(16rem); }
.-translate-z-64 { transform: translateZ(-16rem); }
.translate-z-72 { transform: translateZ(18rem); }
.-translate-z-72 { transform: translateZ(-18rem); }
.translate-z-80 { transform: translateZ(20rem); }
.-translate-z-80 { transform: translateZ(-20rem); }
.translate-z-96 { transform: translateZ(24rem); }
.-translate-z-96 { transform: translateZ(-24rem); }
.translate-z-px { transform: translateZ(1px); }
.-translate-z-px { transform: translateZ(-1px); }
.translate-z-0.5 { transform: translateZ(0.125rem); }
.-translate-z-0.5 { transform: translateZ(-0.125rem); }
.translate-z-1.5 { transform: translateZ(0.375rem); }
.-translate-z-1.5 { transform: translateZ(-0.375rem); }
.translate-z-2.5 { transform: translateZ(0.625rem); }
.-translate-z-2.5 { transform: translateZ(-0.625rem); }
.translate-z-3.5 { transform: translateZ(0.875rem); }
.-translate-z-3.5 { transform: translateZ(-0.875rem); }
.skew-x-0 { transform: skewX(0deg); }
.skew-y-0 { transform: skewY(0deg); }
.-skew-x-0 { transform: skewX(-0deg); }
.-skew-y-0 { transform: skewY(-0deg); }
.skew-x-1 { transform: skewX(1deg); }
.skew-y-1 { transform: skewY(1deg); }
.-skew-x-1 { transform: skewX(-1deg); }
.-skew-y-1 { transform: skewY(-1deg); }
.skew-x-2 { transform: skewX(2deg); }
.skew-y-2 { transform: skewY(2deg); }
.-skew-x-2 { transform: skewX(-2deg); }
.-skew-y-2 { transform: skewY(-2deg); }
.skew-x-3 { transform: skewX(3deg); }
.skew-y-3 { transform: skewY(3deg); }
.-skew-x-3 { transform: skewX(-3deg); }
.-skew-y-3 { transform: skewY(-3deg); }
.skew-x-6 { transform: skewX(6deg); }
.skew-y-6 { transform: skewY(6deg); }
.-skew-x-6 { transform: skewX(-6deg); }
.-skew-y-6 { transform: skewY(-6deg); }
.skew-x-12 { transform: skewX(12deg); }
.skew-y-12 { transform: skewY(12deg); }
.-skew-x-12 { transform: skewX(-12deg); }
.-skew-y-12 { transform: skewY(-12deg); }
.perspective-none { transform: perspective(none); }
.perspective-sm { perspective: 500px; }
.perspective-md { perspective: 1000px; }
.perspective-lg { perspective: 1500px; }
.perspective-xl { perspective: 2000px; }
.transform-flat { transform-style: flat; }
.transform-3d { transform-style: preserve-3d; }
.backface-visible { backface-visibility: visible; }
.backface-hidden { backface-visibility: hidden; }

/* Gradient Utilities - WindFlow Advanced Gradients */

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--wf-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--wf-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--wf-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--wf-gradient-stops));
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--wf-gradient-stops));
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--wf-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--wf-gradient-stops));
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--wf-gradient-stops));
}

.bg-gradient-radial {
  background-image: radial-gradient(circle, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-t {
  background-image: radial-gradient(circle at top, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-tr {
  background-image: radial-gradient(circle at top right, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-r {
  background-image: radial-gradient(circle at right, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-br {
  background-image: radial-gradient(circle at bottom right, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-b {
  background-image: radial-gradient(circle at bottom, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-bl {
  background-image: radial-gradient(circle at bottom left, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-l {
  background-image: radial-gradient(circle at left, var(--wf-gradient-stops));
}

.bg-gradient-radial-at-tl {
  background-image: radial-gradient(circle at top left, var(--wf-gradient-stops));
}

.bg-gradient-conic {
  background-image: conic-gradient(var(--wf-gradient-stops));
}

.bg-gradient-conic-from-t {
  background-image: conic-gradient(from 0deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-tr {
  background-image: conic-gradient(from 45deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-r {
  background-image: conic-gradient(from 90deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-br {
  background-image: conic-gradient(from 135deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-b {
  background-image: conic-gradient(from 180deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-bl {
  background-image: conic-gradient(from 225deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-l {
  background-image: conic-gradient(from 270deg, var(--wf-gradient-stops));
}

.bg-gradient-conic-from-tl {
  background-image: conic-gradient(from 315deg, var(--wf-gradient-stops));
}

.from-transparent { --wf-gradient-from: transparent; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-transparent { --wf-gradient-stops: var(--wf-gradient-from), transparent, var(--wf-gradient-to, transparent); }

.to-transparent { --wf-gradient-to: transparent; }

.from-current { --wf-gradient-from: currentColor; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-current { --wf-gradient-stops: var(--wf-gradient-from), currentColor, var(--wf-gradient-to, transparent); }

.to-current { --wf-gradient-to: currentColor; }

.from-black { --wf-gradient-from: #000; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-black { --wf-gradient-stops: var(--wf-gradient-from), #000, var(--wf-gradient-to, transparent); }

.to-black { --wf-gradient-to: #000; }

.from-white { --wf-gradient-from: #fff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-white { --wf-gradient-stops: var(--wf-gradient-from), #fff, var(--wf-gradient-to, transparent); }

.to-white { --wf-gradient-to: #fff; }

.from-gray-50 { --wf-gradient-from: #f9fafb; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-50 { --wf-gradient-stops: var(--wf-gradient-from), #f9fafb, var(--wf-gradient-to, transparent); }

.to-gray-50 { --wf-gradient-to: #f9fafb; }

.from-gray-100 { --wf-gradient-from: #f3f4f6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-100 { --wf-gradient-stops: var(--wf-gradient-from), #f3f4f6, var(--wf-gradient-to, transparent); }

.to-gray-100 { --wf-gradient-to: #f3f4f6; }

.from-gray-200 { --wf-gradient-from: #e5e7eb; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-200 { --wf-gradient-stops: var(--wf-gradient-from), #e5e7eb, var(--wf-gradient-to, transparent); }

.to-gray-200 { --wf-gradient-to: #e5e7eb; }

.from-gray-300 { --wf-gradient-from: #d1d5db; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-300 { --wf-gradient-stops: var(--wf-gradient-from), #d1d5db, var(--wf-gradient-to, transparent); }

.to-gray-300 { --wf-gradient-to: #d1d5db; }

.from-gray-400 { --wf-gradient-from: #9ca3af; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-400 { --wf-gradient-stops: var(--wf-gradient-from), #9ca3af, var(--wf-gradient-to, transparent); }

.to-gray-400 { --wf-gradient-to: #9ca3af; }

.from-gray-500 { --wf-gradient-from: #6b7280; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-500 { --wf-gradient-stops: var(--wf-gradient-from), #6b7280, var(--wf-gradient-to, transparent); }

.to-gray-500 { --wf-gradient-to: #6b7280; }

.from-gray-600 { --wf-gradient-from: #4b5563; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-600 { --wf-gradient-stops: var(--wf-gradient-from), #4b5563, var(--wf-gradient-to, transparent); }

.to-gray-600 { --wf-gradient-to: #4b5563; }

.from-gray-700 { --wf-gradient-from: #374151; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-700 { --wf-gradient-stops: var(--wf-gradient-from), #374151, var(--wf-gradient-to, transparent); }

.to-gray-700 { --wf-gradient-to: #374151; }

.from-gray-800 { --wf-gradient-from: #1f2937; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-800 { --wf-gradient-stops: var(--wf-gradient-from), #1f2937, var(--wf-gradient-to, transparent); }

.to-gray-800 { --wf-gradient-to: #1f2937; }

.from-gray-900 { --wf-gradient-from: #111827; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-900 { --wf-gradient-stops: var(--wf-gradient-from), #111827, var(--wf-gradient-to, transparent); }

.to-gray-900 { --wf-gradient-to: #111827; }

.from-gray-950 { --wf-gradient-from: #030712; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-gray-950 { --wf-gradient-stops: var(--wf-gradient-from), #030712, var(--wf-gradient-to, transparent); }

.to-gray-950 { --wf-gradient-to: #030712; }

.from-red-50 { --wf-gradient-from: #fef2f2; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-50 { --wf-gradient-stops: var(--wf-gradient-from), #fef2f2, var(--wf-gradient-to, transparent); }

.to-red-50 { --wf-gradient-to: #fef2f2; }

.from-red-100 { --wf-gradient-from: #fee2e2; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-100 { --wf-gradient-stops: var(--wf-gradient-from), #fee2e2, var(--wf-gradient-to, transparent); }

.to-red-100 { --wf-gradient-to: #fee2e2; }

.from-red-200 { --wf-gradient-from: #fecaca; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-200 { --wf-gradient-stops: var(--wf-gradient-from), #fecaca, var(--wf-gradient-to, transparent); }

.to-red-200 { --wf-gradient-to: #fecaca; }

.from-red-300 { --wf-gradient-from: #fca5a5; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-300 { --wf-gradient-stops: var(--wf-gradient-from), #fca5a5, var(--wf-gradient-to, transparent); }

.to-red-300 { --wf-gradient-to: #fca5a5; }

.from-red-400 { --wf-gradient-from: #f87171; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-400 { --wf-gradient-stops: var(--wf-gradient-from), #f87171, var(--wf-gradient-to, transparent); }

.to-red-400 { --wf-gradient-to: #f87171; }

.from-red-500 { --wf-gradient-from: #ef4444; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-500 { --wf-gradient-stops: var(--wf-gradient-from), #ef4444, var(--wf-gradient-to, transparent); }

.to-red-500 { --wf-gradient-to: #ef4444; }

.from-red-600 { --wf-gradient-from: #dc2626; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-600 { --wf-gradient-stops: var(--wf-gradient-from), #dc2626, var(--wf-gradient-to, transparent); }

.to-red-600 { --wf-gradient-to: #dc2626; }

.from-red-700 { --wf-gradient-from: #b91c1c; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-700 { --wf-gradient-stops: var(--wf-gradient-from), #b91c1c, var(--wf-gradient-to, transparent); }

.to-red-700 { --wf-gradient-to: #b91c1c; }

.from-red-800 { --wf-gradient-from: #991b1b; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-800 { --wf-gradient-stops: var(--wf-gradient-from), #991b1b, var(--wf-gradient-to, transparent); }

.to-red-800 { --wf-gradient-to: #991b1b; }

.from-red-900 { --wf-gradient-from: #7f1d1d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-900 { --wf-gradient-stops: var(--wf-gradient-from), #7f1d1d, var(--wf-gradient-to, transparent); }

.to-red-900 { --wf-gradient-to: #7f1d1d; }

.from-red-950 { --wf-gradient-from: #450a0a; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-red-950 { --wf-gradient-stops: var(--wf-gradient-from), #450a0a, var(--wf-gradient-to, transparent); }

.to-red-950 { --wf-gradient-to: #450a0a; }

.from-orange-50 { --wf-gradient-from: #fff7ed; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-50 { --wf-gradient-stops: var(--wf-gradient-from), #fff7ed, var(--wf-gradient-to, transparent); }

.to-orange-50 { --wf-gradient-to: #fff7ed; }

.from-orange-100 { --wf-gradient-from: #ffedd5; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-100 { --wf-gradient-stops: var(--wf-gradient-from), #ffedd5, var(--wf-gradient-to, transparent); }

.to-orange-100 { --wf-gradient-to: #ffedd5; }

.from-orange-200 { --wf-gradient-from: #fed7aa; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-200 { --wf-gradient-stops: var(--wf-gradient-from), #fed7aa, var(--wf-gradient-to, transparent); }

.to-orange-200 { --wf-gradient-to: #fed7aa; }

.from-orange-300 { --wf-gradient-from: #fdba74; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-300 { --wf-gradient-stops: var(--wf-gradient-from), #fdba74, var(--wf-gradient-to, transparent); }

.to-orange-300 { --wf-gradient-to: #fdba74; }

.from-orange-400 { --wf-gradient-from: #fb923c; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-400 { --wf-gradient-stops: var(--wf-gradient-from), #fb923c, var(--wf-gradient-to, transparent); }

.to-orange-400 { --wf-gradient-to: #fb923c; }

.from-orange-500 { --wf-gradient-from: #f97316; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-500 { --wf-gradient-stops: var(--wf-gradient-from), #f97316, var(--wf-gradient-to, transparent); }

.to-orange-500 { --wf-gradient-to: #f97316; }

.from-orange-600 { --wf-gradient-from: #ea580c; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-600 { --wf-gradient-stops: var(--wf-gradient-from), #ea580c, var(--wf-gradient-to, transparent); }

.to-orange-600 { --wf-gradient-to: #ea580c; }

.from-orange-700 { --wf-gradient-from: #c2410c; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-700 { --wf-gradient-stops: var(--wf-gradient-from), #c2410c, var(--wf-gradient-to, transparent); }

.to-orange-700 { --wf-gradient-to: #c2410c; }

.from-orange-800 { --wf-gradient-from: #9a3412; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-800 { --wf-gradient-stops: var(--wf-gradient-from), #9a3412, var(--wf-gradient-to, transparent); }

.to-orange-800 { --wf-gradient-to: #9a3412; }

.from-orange-900 { --wf-gradient-from: #7c2d12; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-900 { --wf-gradient-stops: var(--wf-gradient-from), #7c2d12, var(--wf-gradient-to, transparent); }

.to-orange-900 { --wf-gradient-to: #7c2d12; }

.from-orange-950 { --wf-gradient-from: #431407; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-orange-950 { --wf-gradient-stops: var(--wf-gradient-from), #431407, var(--wf-gradient-to, transparent); }

.to-orange-950 { --wf-gradient-to: #431407; }

.from-amber-50 { --wf-gradient-from: #fffbeb; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-50 { --wf-gradient-stops: var(--wf-gradient-from), #fffbeb, var(--wf-gradient-to, transparent); }

.to-amber-50 { --wf-gradient-to: #fffbeb; }

.from-amber-100 { --wf-gradient-from: #fef3c7; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-100 { --wf-gradient-stops: var(--wf-gradient-from), #fef3c7, var(--wf-gradient-to, transparent); }

.to-amber-100 { --wf-gradient-to: #fef3c7; }

.from-amber-200 { --wf-gradient-from: #fde68a; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-200 { --wf-gradient-stops: var(--wf-gradient-from), #fde68a, var(--wf-gradient-to, transparent); }

.to-amber-200 { --wf-gradient-to: #fde68a; }

.from-amber-300 { --wf-gradient-from: #fcd34d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-300 { --wf-gradient-stops: var(--wf-gradient-from), #fcd34d, var(--wf-gradient-to, transparent); }

.to-amber-300 { --wf-gradient-to: #fcd34d; }

.from-amber-400 { --wf-gradient-from: #fbbf24; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-400 { --wf-gradient-stops: var(--wf-gradient-from), #fbbf24, var(--wf-gradient-to, transparent); }

.to-amber-400 { --wf-gradient-to: #fbbf24; }

.from-amber-500 { --wf-gradient-from: #f59e0b; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-500 { --wf-gradient-stops: var(--wf-gradient-from), #f59e0b, var(--wf-gradient-to, transparent); }

.to-amber-500 { --wf-gradient-to: #f59e0b; }

.from-amber-600 { --wf-gradient-from: #d97706; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-600 { --wf-gradient-stops: var(--wf-gradient-from), #d97706, var(--wf-gradient-to, transparent); }

.to-amber-600 { --wf-gradient-to: #d97706; }

.from-amber-700 { --wf-gradient-from: #b45309; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-700 { --wf-gradient-stops: var(--wf-gradient-from), #b45309, var(--wf-gradient-to, transparent); }

.to-amber-700 { --wf-gradient-to: #b45309; }

.from-amber-800 { --wf-gradient-from: #92400e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-800 { --wf-gradient-stops: var(--wf-gradient-from), #92400e, var(--wf-gradient-to, transparent); }

.to-amber-800 { --wf-gradient-to: #92400e; }

.from-amber-900 { --wf-gradient-from: #78350f; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-900 { --wf-gradient-stops: var(--wf-gradient-from), #78350f, var(--wf-gradient-to, transparent); }

.to-amber-900 { --wf-gradient-to: #78350f; }

.from-amber-950 { --wf-gradient-from: #451a03; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-amber-950 { --wf-gradient-stops: var(--wf-gradient-from), #451a03, var(--wf-gradient-to, transparent); }

.to-amber-950 { --wf-gradient-to: #451a03; }

.from-yellow-50 { --wf-gradient-from: #fefce8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-50 { --wf-gradient-stops: var(--wf-gradient-from), #fefce8, var(--wf-gradient-to, transparent); }

.to-yellow-50 { --wf-gradient-to: #fefce8; }

.from-yellow-100 { --wf-gradient-from: #fef9c3; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-100 { --wf-gradient-stops: var(--wf-gradient-from), #fef9c3, var(--wf-gradient-to, transparent); }

.to-yellow-100 { --wf-gradient-to: #fef9c3; }

.from-yellow-200 { --wf-gradient-from: #fef08a; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-200 { --wf-gradient-stops: var(--wf-gradient-from), #fef08a, var(--wf-gradient-to, transparent); }

.to-yellow-200 { --wf-gradient-to: #fef08a; }

.from-yellow-300 { --wf-gradient-from: #fde047; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-300 { --wf-gradient-stops: var(--wf-gradient-from), #fde047, var(--wf-gradient-to, transparent); }

.to-yellow-300 { --wf-gradient-to: #fde047; }

.from-yellow-400 { --wf-gradient-from: #facc15; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-400 { --wf-gradient-stops: var(--wf-gradient-from), #facc15, var(--wf-gradient-to, transparent); }

.to-yellow-400 { --wf-gradient-to: #facc15; }

.from-yellow-500 { --wf-gradient-from: #eab308; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-500 { --wf-gradient-stops: var(--wf-gradient-from), #eab308, var(--wf-gradient-to, transparent); }

.to-yellow-500 { --wf-gradient-to: #eab308; }

.from-yellow-600 { --wf-gradient-from: #ca8a04; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-600 { --wf-gradient-stops: var(--wf-gradient-from), #ca8a04, var(--wf-gradient-to, transparent); }

.to-yellow-600 { --wf-gradient-to: #ca8a04; }

.from-yellow-700 { --wf-gradient-from: #a16207; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-700 { --wf-gradient-stops: var(--wf-gradient-from), #a16207, var(--wf-gradient-to, transparent); }

.to-yellow-700 { --wf-gradient-to: #a16207; }

.from-yellow-800 { --wf-gradient-from: #854d0e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-800 { --wf-gradient-stops: var(--wf-gradient-from), #854d0e, var(--wf-gradient-to, transparent); }

.to-yellow-800 { --wf-gradient-to: #854d0e; }

.from-yellow-900 { --wf-gradient-from: #713f12; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-900 { --wf-gradient-stops: var(--wf-gradient-from), #713f12, var(--wf-gradient-to, transparent); }

.to-yellow-900 { --wf-gradient-to: #713f12; }

.from-yellow-950 { --wf-gradient-from: #422006; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-yellow-950 { --wf-gradient-stops: var(--wf-gradient-from), #422006, var(--wf-gradient-to, transparent); }

.to-yellow-950 { --wf-gradient-to: #422006; }

.from-lime-50 { --wf-gradient-from: #f7fee7; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-50 { --wf-gradient-stops: var(--wf-gradient-from), #f7fee7, var(--wf-gradient-to, transparent); }

.to-lime-50 { --wf-gradient-to: #f7fee7; }

.from-lime-100 { --wf-gradient-from: #ecfccb; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-100 { --wf-gradient-stops: var(--wf-gradient-from), #ecfccb, var(--wf-gradient-to, transparent); }

.to-lime-100 { --wf-gradient-to: #ecfccb; }

.from-lime-200 { --wf-gradient-from: #d9f99d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-200 { --wf-gradient-stops: var(--wf-gradient-from), #d9f99d, var(--wf-gradient-to, transparent); }

.to-lime-200 { --wf-gradient-to: #d9f99d; }

.from-lime-300 { --wf-gradient-from: #bef264; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-300 { --wf-gradient-stops: var(--wf-gradient-from), #bef264, var(--wf-gradient-to, transparent); }

.to-lime-300 { --wf-gradient-to: #bef264; }

.from-lime-400 { --wf-gradient-from: #a3e635; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-400 { --wf-gradient-stops: var(--wf-gradient-from), #a3e635, var(--wf-gradient-to, transparent); }

.to-lime-400 { --wf-gradient-to: #a3e635; }

.from-lime-500 { --wf-gradient-from: #84cc16; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-500 { --wf-gradient-stops: var(--wf-gradient-from), #84cc16, var(--wf-gradient-to, transparent); }

.to-lime-500 { --wf-gradient-to: #84cc16; }

.from-lime-600 { --wf-gradient-from: #65a30d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-600 { --wf-gradient-stops: var(--wf-gradient-from), #65a30d, var(--wf-gradient-to, transparent); }

.to-lime-600 { --wf-gradient-to: #65a30d; }

.from-lime-700 { --wf-gradient-from: #4d7c0f; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-700 { --wf-gradient-stops: var(--wf-gradient-from), #4d7c0f, var(--wf-gradient-to, transparent); }

.to-lime-700 { --wf-gradient-to: #4d7c0f; }

.from-lime-800 { --wf-gradient-from: #3f6212; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-800 { --wf-gradient-stops: var(--wf-gradient-from), #3f6212, var(--wf-gradient-to, transparent); }

.to-lime-800 { --wf-gradient-to: #3f6212; }

.from-lime-900 { --wf-gradient-from: #365314; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-900 { --wf-gradient-stops: var(--wf-gradient-from), #365314, var(--wf-gradient-to, transparent); }

.to-lime-900 { --wf-gradient-to: #365314; }

.from-lime-950 { --wf-gradient-from: #1a2e05; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-lime-950 { --wf-gradient-stops: var(--wf-gradient-from), #1a2e05, var(--wf-gradient-to, transparent); }

.to-lime-950 { --wf-gradient-to: #1a2e05; }

.from-green-50 { --wf-gradient-from: #f0fdf4; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-50 { --wf-gradient-stops: var(--wf-gradient-from), #f0fdf4, var(--wf-gradient-to, transparent); }

.to-green-50 { --wf-gradient-to: #f0fdf4; }

.from-green-100 { --wf-gradient-from: #dcfce7; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-100 { --wf-gradient-stops: var(--wf-gradient-from), #dcfce7, var(--wf-gradient-to, transparent); }

.to-green-100 { --wf-gradient-to: #dcfce7; }

.from-green-200 { --wf-gradient-from: #bbf7d0; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-200 { --wf-gradient-stops: var(--wf-gradient-from), #bbf7d0, var(--wf-gradient-to, transparent); }

.to-green-200 { --wf-gradient-to: #bbf7d0; }

.from-green-300 { --wf-gradient-from: #86efac; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-300 { --wf-gradient-stops: var(--wf-gradient-from), #86efac, var(--wf-gradient-to, transparent); }

.to-green-300 { --wf-gradient-to: #86efac; }

.from-green-400 { --wf-gradient-from: #4ade80; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-400 { --wf-gradient-stops: var(--wf-gradient-from), #4ade80, var(--wf-gradient-to, transparent); }

.to-green-400 { --wf-gradient-to: #4ade80; }

.from-green-500 { --wf-gradient-from: #22c55e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-500 { --wf-gradient-stops: var(--wf-gradient-from), #22c55e, var(--wf-gradient-to, transparent); }

.to-green-500 { --wf-gradient-to: #22c55e; }

.from-green-600 { --wf-gradient-from: #16a34a; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-600 { --wf-gradient-stops: var(--wf-gradient-from), #16a34a, var(--wf-gradient-to, transparent); }

.to-green-600 { --wf-gradient-to: #16a34a; }

.from-green-700 { --wf-gradient-from: #15803d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-700 { --wf-gradient-stops: var(--wf-gradient-from), #15803d, var(--wf-gradient-to, transparent); }

.to-green-700 { --wf-gradient-to: #15803d; }

.from-green-800 { --wf-gradient-from: #166534; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-800 { --wf-gradient-stops: var(--wf-gradient-from), #166534, var(--wf-gradient-to, transparent); }

.to-green-800 { --wf-gradient-to: #166534; }

.from-green-900 { --wf-gradient-from: #14532d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-900 { --wf-gradient-stops: var(--wf-gradient-from), #14532d, var(--wf-gradient-to, transparent); }

.to-green-900 { --wf-gradient-to: #14532d; }

.from-green-950 { --wf-gradient-from: #052e16; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-green-950 { --wf-gradient-stops: var(--wf-gradient-from), #052e16, var(--wf-gradient-to, transparent); }

.to-green-950 { --wf-gradient-to: #052e16; }

.from-emerald-50 { --wf-gradient-from: #ecfdf5; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-50 { --wf-gradient-stops: var(--wf-gradient-from), #ecfdf5, var(--wf-gradient-to, transparent); }

.to-emerald-50 { --wf-gradient-to: #ecfdf5; }

.from-emerald-100 { --wf-gradient-from: #d1fae5; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-100 { --wf-gradient-stops: var(--wf-gradient-from), #d1fae5, var(--wf-gradient-to, transparent); }

.to-emerald-100 { --wf-gradient-to: #d1fae5; }

.from-emerald-200 { --wf-gradient-from: #a7f3d0; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-200 { --wf-gradient-stops: var(--wf-gradient-from), #a7f3d0, var(--wf-gradient-to, transparent); }

.to-emerald-200 { --wf-gradient-to: #a7f3d0; }

.from-emerald-300 { --wf-gradient-from: #6ee7b7; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-300 { --wf-gradient-stops: var(--wf-gradient-from), #6ee7b7, var(--wf-gradient-to, transparent); }

.to-emerald-300 { --wf-gradient-to: #6ee7b7; }

.from-emerald-400 { --wf-gradient-from: #34d399; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-400 { --wf-gradient-stops: var(--wf-gradient-from), #34d399, var(--wf-gradient-to, transparent); }

.to-emerald-400 { --wf-gradient-to: #34d399; }

.from-emerald-500 { --wf-gradient-from: #10b981; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-500 { --wf-gradient-stops: var(--wf-gradient-from), #10b981, var(--wf-gradient-to, transparent); }

.to-emerald-500 { --wf-gradient-to: #10b981; }

.from-emerald-600 { --wf-gradient-from: #059669; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-600 { --wf-gradient-stops: var(--wf-gradient-from), #059669, var(--wf-gradient-to, transparent); }

.to-emerald-600 { --wf-gradient-to: #059669; }

.from-emerald-700 { --wf-gradient-from: #047857; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-700 { --wf-gradient-stops: var(--wf-gradient-from), #047857, var(--wf-gradient-to, transparent); }

.to-emerald-700 { --wf-gradient-to: #047857; }

.from-emerald-800 { --wf-gradient-from: #065f46; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-800 { --wf-gradient-stops: var(--wf-gradient-from), #065f46, var(--wf-gradient-to, transparent); }

.to-emerald-800 { --wf-gradient-to: #065f46; }

.from-emerald-900 { --wf-gradient-from: #064e3b; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-900 { --wf-gradient-stops: var(--wf-gradient-from), #064e3b, var(--wf-gradient-to, transparent); }

.to-emerald-900 { --wf-gradient-to: #064e3b; }

.from-emerald-950 { --wf-gradient-from: #022c22; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-emerald-950 { --wf-gradient-stops: var(--wf-gradient-from), #022c22, var(--wf-gradient-to, transparent); }

.to-emerald-950 { --wf-gradient-to: #022c22; }

.from-teal-50 { --wf-gradient-from: #f0fdfa; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-50 { --wf-gradient-stops: var(--wf-gradient-from), #f0fdfa, var(--wf-gradient-to, transparent); }

.to-teal-50 { --wf-gradient-to: #f0fdfa; }

.from-teal-100 { --wf-gradient-from: #ccfbf1; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-100 { --wf-gradient-stops: var(--wf-gradient-from), #ccfbf1, var(--wf-gradient-to, transparent); }

.to-teal-100 { --wf-gradient-to: #ccfbf1; }

.from-teal-200 { --wf-gradient-from: #99f6e4; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-200 { --wf-gradient-stops: var(--wf-gradient-from), #99f6e4, var(--wf-gradient-to, transparent); }

.to-teal-200 { --wf-gradient-to: #99f6e4; }

.from-teal-300 { --wf-gradient-from: #5eead4; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-300 { --wf-gradient-stops: var(--wf-gradient-from), #5eead4, var(--wf-gradient-to, transparent); }

.to-teal-300 { --wf-gradient-to: #5eead4; }

.from-teal-400 { --wf-gradient-from: #2dd4bf; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-400 { --wf-gradient-stops: var(--wf-gradient-from), #2dd4bf, var(--wf-gradient-to, transparent); }

.to-teal-400 { --wf-gradient-to: #2dd4bf; }

.from-teal-500 { --wf-gradient-from: #14b8a6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-500 { --wf-gradient-stops: var(--wf-gradient-from), #14b8a6, var(--wf-gradient-to, transparent); }

.to-teal-500 { --wf-gradient-to: #14b8a6; }

.from-teal-600 { --wf-gradient-from: #0d9488; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-600 { --wf-gradient-stops: var(--wf-gradient-from), #0d9488, var(--wf-gradient-to, transparent); }

.to-teal-600 { --wf-gradient-to: #0d9488; }

.from-teal-700 { --wf-gradient-from: #0f766e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-700 { --wf-gradient-stops: var(--wf-gradient-from), #0f766e, var(--wf-gradient-to, transparent); }

.to-teal-700 { --wf-gradient-to: #0f766e; }

.from-teal-800 { --wf-gradient-from: #115e59; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-800 { --wf-gradient-stops: var(--wf-gradient-from), #115e59, var(--wf-gradient-to, transparent); }

.to-teal-800 { --wf-gradient-to: #115e59; }

.from-teal-900 { --wf-gradient-from: #134e4a; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-900 { --wf-gradient-stops: var(--wf-gradient-from), #134e4a, var(--wf-gradient-to, transparent); }

.to-teal-900 { --wf-gradient-to: #134e4a; }

.from-teal-950 { --wf-gradient-from: #042f2e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-teal-950 { --wf-gradient-stops: var(--wf-gradient-from), #042f2e, var(--wf-gradient-to, transparent); }

.to-teal-950 { --wf-gradient-to: #042f2e; }

.from-cyan-50 { --wf-gradient-from: #ecfeff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-50 { --wf-gradient-stops: var(--wf-gradient-from), #ecfeff, var(--wf-gradient-to, transparent); }

.to-cyan-50 { --wf-gradient-to: #ecfeff; }

.from-cyan-100 { --wf-gradient-from: #cffafe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-100 { --wf-gradient-stops: var(--wf-gradient-from), #cffafe, var(--wf-gradient-to, transparent); }

.to-cyan-100 { --wf-gradient-to: #cffafe; }

.from-cyan-200 { --wf-gradient-from: #a5f3fc; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-200 { --wf-gradient-stops: var(--wf-gradient-from), #a5f3fc, var(--wf-gradient-to, transparent); }

.to-cyan-200 { --wf-gradient-to: #a5f3fc; }

.from-cyan-300 { --wf-gradient-from: #67e8f9; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-300 { --wf-gradient-stops: var(--wf-gradient-from), #67e8f9, var(--wf-gradient-to, transparent); }

.to-cyan-300 { --wf-gradient-to: #67e8f9; }

.from-cyan-400 { --wf-gradient-from: #22d3ee; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-400 { --wf-gradient-stops: var(--wf-gradient-from), #22d3ee, var(--wf-gradient-to, transparent); }

.to-cyan-400 { --wf-gradient-to: #22d3ee; }

.from-cyan-500 { --wf-gradient-from: #06b6d4; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-500 { --wf-gradient-stops: var(--wf-gradient-from), #06b6d4, var(--wf-gradient-to, transparent); }

.to-cyan-500 { --wf-gradient-to: #06b6d4; }

.from-cyan-600 { --wf-gradient-from: #0891b2; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-600 { --wf-gradient-stops: var(--wf-gradient-from), #0891b2, var(--wf-gradient-to, transparent); }

.to-cyan-600 { --wf-gradient-to: #0891b2; }

.from-cyan-700 { --wf-gradient-from: #0e7490; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-700 { --wf-gradient-stops: var(--wf-gradient-from), #0e7490, var(--wf-gradient-to, transparent); }

.to-cyan-700 { --wf-gradient-to: #0e7490; }

.from-cyan-800 { --wf-gradient-from: #155e75; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-800 { --wf-gradient-stops: var(--wf-gradient-from), #155e75, var(--wf-gradient-to, transparent); }

.to-cyan-800 { --wf-gradient-to: #155e75; }

.from-cyan-900 { --wf-gradient-from: #164e63; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-900 { --wf-gradient-stops: var(--wf-gradient-from), #164e63, var(--wf-gradient-to, transparent); }

.to-cyan-900 { --wf-gradient-to: #164e63; }

.from-cyan-950 { --wf-gradient-from: #083344; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-cyan-950 { --wf-gradient-stops: var(--wf-gradient-from), #083344, var(--wf-gradient-to, transparent); }

.to-cyan-950 { --wf-gradient-to: #083344; }

.from-sky-50 { --wf-gradient-from: #f0f9ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-50 { --wf-gradient-stops: var(--wf-gradient-from), #f0f9ff, var(--wf-gradient-to, transparent); }

.to-sky-50 { --wf-gradient-to: #f0f9ff; }

.from-sky-100 { --wf-gradient-from: #e0f2fe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-100 { --wf-gradient-stops: var(--wf-gradient-from), #e0f2fe, var(--wf-gradient-to, transparent); }

.to-sky-100 { --wf-gradient-to: #e0f2fe; }

.from-sky-200 { --wf-gradient-from: #bae6fd; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-200 { --wf-gradient-stops: var(--wf-gradient-from), #bae6fd, var(--wf-gradient-to, transparent); }

.to-sky-200 { --wf-gradient-to: #bae6fd; }

.from-sky-300 { --wf-gradient-from: #7dd3fc; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-300 { --wf-gradient-stops: var(--wf-gradient-from), #7dd3fc, var(--wf-gradient-to, transparent); }

.to-sky-300 { --wf-gradient-to: #7dd3fc; }

.from-sky-400 { --wf-gradient-from: #38bdf8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-400 { --wf-gradient-stops: var(--wf-gradient-from), #38bdf8, var(--wf-gradient-to, transparent); }

.to-sky-400 { --wf-gradient-to: #38bdf8; }

.from-sky-500 { --wf-gradient-from: #0ea5e9; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-500 { --wf-gradient-stops: var(--wf-gradient-from), #0ea5e9, var(--wf-gradient-to, transparent); }

.to-sky-500 { --wf-gradient-to: #0ea5e9; }

.from-sky-600 { --wf-gradient-from: #0284c7; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-600 { --wf-gradient-stops: var(--wf-gradient-from), #0284c7, var(--wf-gradient-to, transparent); }

.to-sky-600 { --wf-gradient-to: #0284c7; }

.from-sky-700 { --wf-gradient-from: #0369a1; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-700 { --wf-gradient-stops: var(--wf-gradient-from), #0369a1, var(--wf-gradient-to, transparent); }

.to-sky-700 { --wf-gradient-to: #0369a1; }

.from-sky-800 { --wf-gradient-from: #075985; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-800 { --wf-gradient-stops: var(--wf-gradient-from), #075985, var(--wf-gradient-to, transparent); }

.to-sky-800 { --wf-gradient-to: #075985; }

.from-sky-900 { --wf-gradient-from: #0c4a6e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-900 { --wf-gradient-stops: var(--wf-gradient-from), #0c4a6e, var(--wf-gradient-to, transparent); }

.to-sky-900 { --wf-gradient-to: #0c4a6e; }

.from-sky-950 { --wf-gradient-from: #082f49; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-sky-950 { --wf-gradient-stops: var(--wf-gradient-from), #082f49, var(--wf-gradient-to, transparent); }

.to-sky-950 { --wf-gradient-to: #082f49; }

.from-blue-50 { --wf-gradient-from: #eff6ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-50 { --wf-gradient-stops: var(--wf-gradient-from), #eff6ff, var(--wf-gradient-to, transparent); }

.to-blue-50 { --wf-gradient-to: #eff6ff; }

.from-blue-100 { --wf-gradient-from: #dbeafe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-100 { --wf-gradient-stops: var(--wf-gradient-from), #dbeafe, var(--wf-gradient-to, transparent); }

.to-blue-100 { --wf-gradient-to: #dbeafe; }

.from-blue-200 { --wf-gradient-from: #bfdbfe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-200 { --wf-gradient-stops: var(--wf-gradient-from), #bfdbfe, var(--wf-gradient-to, transparent); }

.to-blue-200 { --wf-gradient-to: #bfdbfe; }

.from-blue-300 { --wf-gradient-from: #93c5fd; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-300 { --wf-gradient-stops: var(--wf-gradient-from), #93c5fd, var(--wf-gradient-to, transparent); }

.to-blue-300 { --wf-gradient-to: #93c5fd; }

.from-blue-400 { --wf-gradient-from: #60a5fa; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-400 { --wf-gradient-stops: var(--wf-gradient-from), #60a5fa, var(--wf-gradient-to, transparent); }

.to-blue-400 { --wf-gradient-to: #60a5fa; }

.from-blue-500 { --wf-gradient-from: #3b82f6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-500 { --wf-gradient-stops: var(--wf-gradient-from), #3b82f6, var(--wf-gradient-to, transparent); }

.to-blue-500 { --wf-gradient-to: #3b82f6; }

.from-blue-600 { --wf-gradient-from: #2563eb; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-600 { --wf-gradient-stops: var(--wf-gradient-from), #2563eb, var(--wf-gradient-to, transparent); }

.to-blue-600 { --wf-gradient-to: #2563eb; }

.from-blue-700 { --wf-gradient-from: #1d4ed8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-700 { --wf-gradient-stops: var(--wf-gradient-from), #1d4ed8, var(--wf-gradient-to, transparent); }

.to-blue-700 { --wf-gradient-to: #1d4ed8; }

.from-blue-800 { --wf-gradient-from: #1e40af; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-800 { --wf-gradient-stops: var(--wf-gradient-from), #1e40af, var(--wf-gradient-to, transparent); }

.to-blue-800 { --wf-gradient-to: #1e40af; }

.from-blue-900 { --wf-gradient-from: #1e3a8a; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-900 { --wf-gradient-stops: var(--wf-gradient-from), #1e3a8a, var(--wf-gradient-to, transparent); }

.to-blue-900 { --wf-gradient-to: #1e3a8a; }

.from-blue-950 { --wf-gradient-from: #172554; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-blue-950 { --wf-gradient-stops: var(--wf-gradient-from), #172554, var(--wf-gradient-to, transparent); }

.to-blue-950 { --wf-gradient-to: #172554; }

.from-indigo-50 { --wf-gradient-from: #eef2ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-50 { --wf-gradient-stops: var(--wf-gradient-from), #eef2ff, var(--wf-gradient-to, transparent); }

.to-indigo-50 { --wf-gradient-to: #eef2ff; }

.from-indigo-100 { --wf-gradient-from: #e0e7ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-100 { --wf-gradient-stops: var(--wf-gradient-from), #e0e7ff, var(--wf-gradient-to, transparent); }

.to-indigo-100 { --wf-gradient-to: #e0e7ff; }

.from-indigo-200 { --wf-gradient-from: #c7d2fe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-200 { --wf-gradient-stops: var(--wf-gradient-from), #c7d2fe, var(--wf-gradient-to, transparent); }

.to-indigo-200 { --wf-gradient-to: #c7d2fe; }

.from-indigo-300 { --wf-gradient-from: #a5b4fc; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-300 { --wf-gradient-stops: var(--wf-gradient-from), #a5b4fc, var(--wf-gradient-to, transparent); }

.to-indigo-300 { --wf-gradient-to: #a5b4fc; }

.from-indigo-400 { --wf-gradient-from: #818cf8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-400 { --wf-gradient-stops: var(--wf-gradient-from), #818cf8, var(--wf-gradient-to, transparent); }

.to-indigo-400 { --wf-gradient-to: #818cf8; }

.from-indigo-500 { --wf-gradient-from: #6366f1; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-500 { --wf-gradient-stops: var(--wf-gradient-from), #6366f1, var(--wf-gradient-to, transparent); }

.to-indigo-500 { --wf-gradient-to: #6366f1; }

.from-indigo-600 { --wf-gradient-from: #4f46e5; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-600 { --wf-gradient-stops: var(--wf-gradient-from), #4f46e5, var(--wf-gradient-to, transparent); }

.to-indigo-600 { --wf-gradient-to: #4f46e5; }

.from-indigo-700 { --wf-gradient-from: #4338ca; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-700 { --wf-gradient-stops: var(--wf-gradient-from), #4338ca, var(--wf-gradient-to, transparent); }

.to-indigo-700 { --wf-gradient-to: #4338ca; }

.from-indigo-800 { --wf-gradient-from: #3730a3; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-800 { --wf-gradient-stops: var(--wf-gradient-from), #3730a3, var(--wf-gradient-to, transparent); }

.to-indigo-800 { --wf-gradient-to: #3730a3; }

.from-indigo-900 { --wf-gradient-from: #312e81; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-900 { --wf-gradient-stops: var(--wf-gradient-from), #312e81, var(--wf-gradient-to, transparent); }

.to-indigo-900 { --wf-gradient-to: #312e81; }

.from-indigo-950 { --wf-gradient-from: #1e1b4b; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-indigo-950 { --wf-gradient-stops: var(--wf-gradient-from), #1e1b4b, var(--wf-gradient-to, transparent); }

.to-indigo-950 { --wf-gradient-to: #1e1b4b; }

.from-violet-50 { --wf-gradient-from: #f5f3ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-50 { --wf-gradient-stops: var(--wf-gradient-from), #f5f3ff, var(--wf-gradient-to, transparent); }

.to-violet-50 { --wf-gradient-to: #f5f3ff; }

.from-violet-100 { --wf-gradient-from: #ede9fe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-100 { --wf-gradient-stops: var(--wf-gradient-from), #ede9fe, var(--wf-gradient-to, transparent); }

.to-violet-100 { --wf-gradient-to: #ede9fe; }

.from-violet-200 { --wf-gradient-from: #ddd6fe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-200 { --wf-gradient-stops: var(--wf-gradient-from), #ddd6fe, var(--wf-gradient-to, transparent); }

.to-violet-200 { --wf-gradient-to: #ddd6fe; }

.from-violet-300 { --wf-gradient-from: #c4b5fd; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-300 { --wf-gradient-stops: var(--wf-gradient-from), #c4b5fd, var(--wf-gradient-to, transparent); }

.to-violet-300 { --wf-gradient-to: #c4b5fd; }

.from-violet-400 { --wf-gradient-from: #a78bfa; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-400 { --wf-gradient-stops: var(--wf-gradient-from), #a78bfa, var(--wf-gradient-to, transparent); }

.to-violet-400 { --wf-gradient-to: #a78bfa; }

.from-violet-500 { --wf-gradient-from: #8b5cf6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-500 { --wf-gradient-stops: var(--wf-gradient-from), #8b5cf6, var(--wf-gradient-to, transparent); }

.to-violet-500 { --wf-gradient-to: #8b5cf6; }

.from-violet-600 { --wf-gradient-from: #7c3aed; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-600 { --wf-gradient-stops: var(--wf-gradient-from), #7c3aed, var(--wf-gradient-to, transparent); }

.to-violet-600 { --wf-gradient-to: #7c3aed; }

.from-violet-700 { --wf-gradient-from: #6d28d9; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-700 { --wf-gradient-stops: var(--wf-gradient-from), #6d28d9, var(--wf-gradient-to, transparent); }

.to-violet-700 { --wf-gradient-to: #6d28d9; }

.from-violet-800 { --wf-gradient-from: #5b21b6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-800 { --wf-gradient-stops: var(--wf-gradient-from), #5b21b6, var(--wf-gradient-to, transparent); }

.to-violet-800 { --wf-gradient-to: #5b21b6; }

.from-violet-900 { --wf-gradient-from: #4c1d95; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-900 { --wf-gradient-stops: var(--wf-gradient-from), #4c1d95, var(--wf-gradient-to, transparent); }

.to-violet-900 { --wf-gradient-to: #4c1d95; }

.from-violet-950 { --wf-gradient-from: #2e1065; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-violet-950 { --wf-gradient-stops: var(--wf-gradient-from), #2e1065, var(--wf-gradient-to, transparent); }

.to-violet-950 { --wf-gradient-to: #2e1065; }

.from-purple-50 { --wf-gradient-from: #faf5ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-50 { --wf-gradient-stops: var(--wf-gradient-from), #faf5ff, var(--wf-gradient-to, transparent); }

.to-purple-50 { --wf-gradient-to: #faf5ff; }

.from-purple-100 { --wf-gradient-from: #f3e8ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-100 { --wf-gradient-stops: var(--wf-gradient-from), #f3e8ff, var(--wf-gradient-to, transparent); }

.to-purple-100 { --wf-gradient-to: #f3e8ff; }

.from-purple-200 { --wf-gradient-from: #e9d5ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-200 { --wf-gradient-stops: var(--wf-gradient-from), #e9d5ff, var(--wf-gradient-to, transparent); }

.to-purple-200 { --wf-gradient-to: #e9d5ff; }

.from-purple-300 { --wf-gradient-from: #d8b4fe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-300 { --wf-gradient-stops: var(--wf-gradient-from), #d8b4fe, var(--wf-gradient-to, transparent); }

.to-purple-300 { --wf-gradient-to: #d8b4fe; }

.from-purple-400 { --wf-gradient-from: #c084fc; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-400 { --wf-gradient-stops: var(--wf-gradient-from), #c084fc, var(--wf-gradient-to, transparent); }

.to-purple-400 { --wf-gradient-to: #c084fc; }

.from-purple-500 { --wf-gradient-from: #a855f7; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-500 { --wf-gradient-stops: var(--wf-gradient-from), #a855f7, var(--wf-gradient-to, transparent); }

.to-purple-500 { --wf-gradient-to: #a855f7; }

.from-purple-600 { --wf-gradient-from: #9333ea; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-600 { --wf-gradient-stops: var(--wf-gradient-from), #9333ea, var(--wf-gradient-to, transparent); }

.to-purple-600 { --wf-gradient-to: #9333ea; }

.from-purple-700 { --wf-gradient-from: #7e22ce; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-700 { --wf-gradient-stops: var(--wf-gradient-from), #7e22ce, var(--wf-gradient-to, transparent); }

.to-purple-700 { --wf-gradient-to: #7e22ce; }

.from-purple-800 { --wf-gradient-from: #6b21a8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-800 { --wf-gradient-stops: var(--wf-gradient-from), #6b21a8, var(--wf-gradient-to, transparent); }

.to-purple-800 { --wf-gradient-to: #6b21a8; }

.from-purple-900 { --wf-gradient-from: #581c87; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-900 { --wf-gradient-stops: var(--wf-gradient-from), #581c87, var(--wf-gradient-to, transparent); }

.to-purple-900 { --wf-gradient-to: #581c87; }

.from-purple-950 { --wf-gradient-from: #3b0764; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-purple-950 { --wf-gradient-stops: var(--wf-gradient-from), #3b0764, var(--wf-gradient-to, transparent); }

.to-purple-950 { --wf-gradient-to: #3b0764; }

.from-fuchsia-50 { --wf-gradient-from: #fdf4ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-50 { --wf-gradient-stops: var(--wf-gradient-from), #fdf4ff, var(--wf-gradient-to, transparent); }

.to-fuchsia-50 { --wf-gradient-to: #fdf4ff; }

.from-fuchsia-100 { --wf-gradient-from: #fae8ff; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-100 { --wf-gradient-stops: var(--wf-gradient-from), #fae8ff, var(--wf-gradient-to, transparent); }

.to-fuchsia-100 { --wf-gradient-to: #fae8ff; }

.from-fuchsia-200 { --wf-gradient-from: #f5d0fe; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-200 { --wf-gradient-stops: var(--wf-gradient-from), #f5d0fe, var(--wf-gradient-to, transparent); }

.to-fuchsia-200 { --wf-gradient-to: #f5d0fe; }

.from-fuchsia-300 { --wf-gradient-from: #f0abfc; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-300 { --wf-gradient-stops: var(--wf-gradient-from), #f0abfc, var(--wf-gradient-to, transparent); }

.to-fuchsia-300 { --wf-gradient-to: #f0abfc; }

.from-fuchsia-400 { --wf-gradient-from: #e879f9; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-400 { --wf-gradient-stops: var(--wf-gradient-from), #e879f9, var(--wf-gradient-to, transparent); }

.to-fuchsia-400 { --wf-gradient-to: #e879f9; }

.from-fuchsia-500 { --wf-gradient-from: #d946ef; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-500 { --wf-gradient-stops: var(--wf-gradient-from), #d946ef, var(--wf-gradient-to, transparent); }

.to-fuchsia-500 { --wf-gradient-to: #d946ef; }

.from-fuchsia-600 { --wf-gradient-from: #c026d3; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-600 { --wf-gradient-stops: var(--wf-gradient-from), #c026d3, var(--wf-gradient-to, transparent); }

.to-fuchsia-600 { --wf-gradient-to: #c026d3; }

.from-fuchsia-700 { --wf-gradient-from: #a21caf; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-700 { --wf-gradient-stops: var(--wf-gradient-from), #a21caf, var(--wf-gradient-to, transparent); }

.to-fuchsia-700 { --wf-gradient-to: #a21caf; }

.from-fuchsia-800 { --wf-gradient-from: #86198f; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-800 { --wf-gradient-stops: var(--wf-gradient-from), #86198f, var(--wf-gradient-to, transparent); }

.to-fuchsia-800 { --wf-gradient-to: #86198f; }

.from-fuchsia-900 { --wf-gradient-from: #701a75; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-900 { --wf-gradient-stops: var(--wf-gradient-from), #701a75, var(--wf-gradient-to, transparent); }

.to-fuchsia-900 { --wf-gradient-to: #701a75; }

.from-fuchsia-950 { --wf-gradient-from: #4a044e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-fuchsia-950 { --wf-gradient-stops: var(--wf-gradient-from), #4a044e, var(--wf-gradient-to, transparent); }

.to-fuchsia-950 { --wf-gradient-to: #4a044e; }

.from-pink-50 { --wf-gradient-from: #fdf2f8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-50 { --wf-gradient-stops: var(--wf-gradient-from), #fdf2f8, var(--wf-gradient-to, transparent); }

.to-pink-50 { --wf-gradient-to: #fdf2f8; }

.from-pink-100 { --wf-gradient-from: #fce7f3; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-100 { --wf-gradient-stops: var(--wf-gradient-from), #fce7f3, var(--wf-gradient-to, transparent); }

.to-pink-100 { --wf-gradient-to: #fce7f3; }

.from-pink-200 { --wf-gradient-from: #fbcfe8; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-200 { --wf-gradient-stops: var(--wf-gradient-from), #fbcfe8, var(--wf-gradient-to, transparent); }

.to-pink-200 { --wf-gradient-to: #fbcfe8; }

.from-pink-300 { --wf-gradient-from: #f9a8d4; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-300 { --wf-gradient-stops: var(--wf-gradient-from), #f9a8d4, var(--wf-gradient-to, transparent); }

.to-pink-300 { --wf-gradient-to: #f9a8d4; }

.from-pink-400 { --wf-gradient-from: #f472b6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-400 { --wf-gradient-stops: var(--wf-gradient-from), #f472b6, var(--wf-gradient-to, transparent); }

.to-pink-400 { --wf-gradient-to: #f472b6; }

.from-pink-500 { --wf-gradient-from: #ec4899; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-500 { --wf-gradient-stops: var(--wf-gradient-from), #ec4899, var(--wf-gradient-to, transparent); }

.to-pink-500 { --wf-gradient-to: #ec4899; }

.from-pink-600 { --wf-gradient-from: #db2777; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-600 { --wf-gradient-stops: var(--wf-gradient-from), #db2777, var(--wf-gradient-to, transparent); }

.to-pink-600 { --wf-gradient-to: #db2777; }

.from-pink-700 { --wf-gradient-from: #be185d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-700 { --wf-gradient-stops: var(--wf-gradient-from), #be185d, var(--wf-gradient-to, transparent); }

.to-pink-700 { --wf-gradient-to: #be185d; }

.from-pink-800 { --wf-gradient-from: #9d174d; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-800 { --wf-gradient-stops: var(--wf-gradient-from), #9d174d, var(--wf-gradient-to, transparent); }

.to-pink-800 { --wf-gradient-to: #9d174d; }

.from-pink-900 { --wf-gradient-from: #831843; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-900 { --wf-gradient-stops: var(--wf-gradient-from), #831843, var(--wf-gradient-to, transparent); }

.to-pink-900 { --wf-gradient-to: #831843; }

.from-pink-950 { --wf-gradient-from: #500724; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-pink-950 { --wf-gradient-stops: var(--wf-gradient-from), #500724, var(--wf-gradient-to, transparent); }

.to-pink-950 { --wf-gradient-to: #500724; }

.from-rose-50 { --wf-gradient-from: #fff1f2; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-50 { --wf-gradient-stops: var(--wf-gradient-from), #fff1f2, var(--wf-gradient-to, transparent); }

.to-rose-50 { --wf-gradient-to: #fff1f2; }

.from-rose-100 { --wf-gradient-from: #ffe4e6; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-100 { --wf-gradient-stops: var(--wf-gradient-from), #ffe4e6, var(--wf-gradient-to, transparent); }

.to-rose-100 { --wf-gradient-to: #ffe4e6; }

.from-rose-200 { --wf-gradient-from: #fecdd3; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-200 { --wf-gradient-stops: var(--wf-gradient-from), #fecdd3, var(--wf-gradient-to, transparent); }

.to-rose-200 { --wf-gradient-to: #fecdd3; }

.from-rose-300 { --wf-gradient-from: #fda4af; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-300 { --wf-gradient-stops: var(--wf-gradient-from), #fda4af, var(--wf-gradient-to, transparent); }

.to-rose-300 { --wf-gradient-to: #fda4af; }

.from-rose-400 { --wf-gradient-from: #fb7185; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-400 { --wf-gradient-stops: var(--wf-gradient-from), #fb7185, var(--wf-gradient-to, transparent); }

.to-rose-400 { --wf-gradient-to: #fb7185; }

.from-rose-500 { --wf-gradient-from: #f43f5e; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-500 { --wf-gradient-stops: var(--wf-gradient-from), #f43f5e, var(--wf-gradient-to, transparent); }

.to-rose-500 { --wf-gradient-to: #f43f5e; }

.from-rose-600 { --wf-gradient-from: #e11d48; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-600 { --wf-gradient-stops: var(--wf-gradient-from), #e11d48, var(--wf-gradient-to, transparent); }

.to-rose-600 { --wf-gradient-to: #e11d48; }

.from-rose-700 { --wf-gradient-from: #be123c; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-700 { --wf-gradient-stops: var(--wf-gradient-from), #be123c, var(--wf-gradient-to, transparent); }

.to-rose-700 { --wf-gradient-to: #be123c; }

.from-rose-800 { --wf-gradient-from: #9f1239; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-800 { --wf-gradient-stops: var(--wf-gradient-from), #9f1239, var(--wf-gradient-to, transparent); }

.to-rose-800 { --wf-gradient-to: #9f1239; }

.from-rose-900 { --wf-gradient-from: #881337; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-900 { --wf-gradient-stops: var(--wf-gradient-from), #881337, var(--wf-gradient-to, transparent); }

.to-rose-900 { --wf-gradient-to: #881337; }

.from-rose-950 { --wf-gradient-from: #4c0519; --wf-gradient-stops: var(--wf-gradient-from), var(--wf-gradient-to, transparent); }

.via-rose-950 { --wf-gradient-stops: var(--wf-gradient-from), #4c0519, var(--wf-gradient-to, transparent); }

.to-rose-950 { --wf-gradient-to: #4c0519; }

.bg-mesh-gradient {
  background: 
    radial-gradient(at 40% 20%, hsla(28, 100%, 74%, 0.8) 0px, transparent 50%),
    radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 0.8) 0px, transparent 50%),
    radial-gradient(at 0% 50%, hsla(355, 100%, 93%, 0.8) 0px, transparent 50%),
    radial-gradient(at 80% 50%, hsla(340, 100%, 76%, 0.8) 0px, transparent 50%),
    radial-gradient(at 0% 100%, hsla(22, 100%, 77%, 0.8) 0px, transparent 50%),
    radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 0.8) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 0.8) 0px, transparent 50%);
}

.bg-aurora {
  background: linear-gradient(to bottom right, #f87171, #dc2626, #7c3aed, #2563eb, #0891b2, #059669);
  background-size: 200% 200%;
  animation: wf-aurora 15s ease infinite;
}

@keyframes wf-aurora {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Filter Utilities */
.blur-none { filter: blur(0); }
.blur-sm { filter: blur(4px); }
.blur { filter: blur(8px); }
.blur-md { filter: blur(12px); }
.blur-lg { filter: blur(16px); }
.blur-xl { filter: blur(24px); }
.blur-2xl { filter: blur(40px); }
.blur-3xl { filter: blur(64px); }
.brightness-0 { filter: brightness(0); }
.brightness-50 { filter: brightness(.5); }
.brightness-75 { filter: brightness(.75); }
.brightness-90 { filter: brightness(.9); }
.brightness-95 { filter: brightness(.95); }
.brightness-100 { filter: brightness(1); }
.brightness-105 { filter: brightness(1.05); }
.brightness-110 { filter: brightness(1.1); }
.brightness-125 { filter: brightness(1.25); }
.brightness-150 { filter: brightness(1.5); }
.brightness-200 { filter: brightness(2); }
.contrast-0 { filter: contrast(0); }
.contrast-50 { filter: contrast(.5); }
.contrast-75 { filter: contrast(.75); }
.contrast-90 { filter: contrast(.9); }
.contrast-95 { filter: contrast(.95); }
.contrast-100 { filter: contrast(1); }
.contrast-105 { filter: contrast(1.05); }
.contrast-110 { filter: contrast(1.1); }
.contrast-125 { filter: contrast(1.25); }
.contrast-150 { filter: contrast(1.5); }
.contrast-200 { filter: contrast(2); }
.grayscale-0 { filter: grayscale(0); }
.grayscale { filter: grayscale(100%); }
.hue-rotate-0 { filter: hue-rotate(0deg); }
.-hue-rotate-0 { filter: hue-rotate(-0deg); }
.hue-rotate-15 { filter: hue-rotate(15deg); }
.-hue-rotate-15 { filter: hue-rotate(-15deg); }
.hue-rotate-30 { filter: hue-rotate(30deg); }
.-hue-rotate-30 { filter: hue-rotate(-30deg); }
.hue-rotate-60 { filter: hue-rotate(60deg); }
.-hue-rotate-60 { filter: hue-rotate(-60deg); }
.hue-rotate-90 { filter: hue-rotate(90deg); }
.-hue-rotate-90 { filter: hue-rotate(-90deg); }
.hue-rotate-180 { filter: hue-rotate(180deg); }
.-hue-rotate-180 { filter: hue-rotate(-180deg); }
.invert-0 { filter: invert(0); }
.invert { filter: invert(100%); }
.saturate-0 { filter: saturate(0); }
.saturate-50 { filter: saturate(.5); }
.saturate-100 { filter: saturate(1); }
.saturate-150 { filter: saturate(1.5); }
.saturate-200 { filter: saturate(2); }
.sepia-0 { filter: sepia(0); }
.sepia { filter: sepia(100%); }
.drop-shadow-sm { filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); }
.drop-shadow { filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06)); }
.drop-shadow-md { filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07), 0 2px 2px rgb(0 0 0 / 0.06)); }
.drop-shadow-lg { filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04), 0 4px 3px rgb(0 0 0 / 0.1)); }
.drop-shadow-xl { filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03), 0 8px 5px rgb(0 0 0 / 0.08)); }
.drop-shadow-2xl { filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)); }
.drop-shadow-none { filter: drop-shadow(0 0 #0000); }

/* Backdrop Filter Utilities */
.backdrop-blur-none { backdrop-filter: blur(0); }
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.backdrop-blur { backdrop-filter: blur(8px); }
.backdrop-blur-md { backdrop-filter: blur(12px); }
.backdrop-blur-lg { backdrop-filter: blur(16px); }
.backdrop-blur-xl { backdrop-filter: blur(24px); }
.backdrop-blur-2xl { backdrop-filter: blur(40px); }
.backdrop-blur-3xl { backdrop-filter: blur(64px); }
.backdrop-brightness-0 { backdrop-filter: brightness(0); }
.backdrop-brightness-50 { backdrop-filter: brightness(.5); }
.backdrop-brightness-75 { backdrop-filter: brightness(.75); }
.backdrop-brightness-90 { backdrop-filter: brightness(.9); }
.backdrop-brightness-95 { backdrop-filter: brightness(.95); }
.backdrop-brightness-100 { backdrop-filter: brightness(1); }
.backdrop-brightness-105 { backdrop-filter: brightness(1.05); }
.backdrop-brightness-110 { backdrop-filter: brightness(1.1); }
.backdrop-brightness-125 { backdrop-filter: brightness(1.25); }
.backdrop-brightness-150 { backdrop-filter: brightness(1.5); }
.backdrop-brightness-200 { backdrop-filter: brightness(2); }
.backdrop-contrast-0 { backdrop-filter: contrast(0); }
.backdrop-contrast-50 { backdrop-filter: contrast(.5); }
.backdrop-contrast-75 { backdrop-filter: contrast(.75); }
.backdrop-contrast-90 { backdrop-filter: contrast(.9); }
.backdrop-contrast-95 { backdrop-filter: contrast(.95); }
.backdrop-contrast-100 { backdrop-filter: contrast(1); }
.backdrop-contrast-105 { backdrop-filter: contrast(1.05); }
.backdrop-contrast-110 { backdrop-filter: contrast(1.1); }
.backdrop-contrast-125 { backdrop-filter: contrast(1.25); }
.backdrop-contrast-150 { backdrop-filter: contrast(1.5); }
.backdrop-contrast-200 { backdrop-filter: contrast(2); }
.backdrop-grayscale-0 { backdrop-filter: grayscale(0); }
.backdrop-grayscale { backdrop-filter: grayscale(100%); }
.backdrop-hue-rotate-0 { backdrop-filter: hue-rotate(0deg); }
.-backdrop-hue-rotate-0 { backdrop-filter: hue-rotate(-0deg); }
.backdrop-hue-rotate-15 { backdrop-filter: hue-rotate(15deg); }
.-backdrop-hue-rotate-15 { backdrop-filter: hue-rotate(-15deg); }
.backdrop-hue-rotate-30 { backdrop-filter: hue-rotate(30deg); }
.-backdrop-hue-rotate-30 { backdrop-filter: hue-rotate(-30deg); }
.backdrop-hue-rotate-60 { backdrop-filter: hue-rotate(60deg); }
.-backdrop-hue-rotate-60 { backdrop-filter: hue-rotate(-60deg); }
.backdrop-hue-rotate-90 { backdrop-filter: hue-rotate(90deg); }
.-backdrop-hue-rotate-90 { backdrop-filter: hue-rotate(-90deg); }
.backdrop-hue-rotate-180 { backdrop-filter: hue-rotate(180deg); }
.-backdrop-hue-rotate-180 { backdrop-filter: hue-rotate(-180deg); }
.backdrop-invert-0 { backdrop-filter: invert(0); }
.backdrop-invert { backdrop-filter: invert(100%); }
.backdrop-opacity-0 { backdrop-filter: opacity(0); }
.backdrop-opacity-5 { backdrop-filter: opacity(0.05); }
.backdrop-opacity-10 { backdrop-filter: opacity(0.1); }
.backdrop-opacity-20 { backdrop-filter: opacity(0.2); }
.backdrop-opacity-25 { backdrop-filter: opacity(0.25); }
.backdrop-opacity-30 { backdrop-filter: opacity(0.3); }
.backdrop-opacity-40 { backdrop-filter: opacity(0.4); }
.backdrop-opacity-50 { backdrop-filter: opacity(0.5); }
.backdrop-opacity-60 { backdrop-filter: opacity(0.6); }
.backdrop-opacity-70 { backdrop-filter: opacity(0.7); }
.backdrop-opacity-75 { backdrop-filter: opacity(0.75); }
.backdrop-opacity-80 { backdrop-filter: opacity(0.8); }
.backdrop-opacity-90 { backdrop-filter: opacity(0.9); }
.backdrop-opacity-95 { backdrop-filter: opacity(0.95); }
.backdrop-opacity-100 { backdrop-filter: opacity(1); }
.backdrop-saturate-0 { backdrop-filter: saturate(0); }
.backdrop-saturate-50 { backdrop-filter: saturate(.5); }
.backdrop-saturate-100 { backdrop-filter: saturate(1); }
.backdrop-saturate-150 { backdrop-filter: saturate(1.5); }
.backdrop-saturate-200 { backdrop-filter: saturate(2); }
.backdrop-sepia-0 { backdrop-filter: sepia(0); }
.backdrop-sepia { backdrop-filter: sepia(100%); }

/* Clip Path Utilities - WindFlow Enhancement */
.clip-none { clip-path: none; }
.clip-circle { clip-path: circle(50%); }
.clip-ellipse { clip-path: ellipse(50% 40%); }
.clip-triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.clip-triangle-down { clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
.clip-rhombus { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.clip-parallelogram { clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); }
.clip-pentagon { clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); }
.clip-hexagon { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.clip-star { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.clip-cross { clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); }
.clip-message { clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); }
.clip-arrow-left { clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); }
.clip-arrow-right { clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); }
.clip-chevron-left { clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); }
.clip-chevron-right { clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }

/* Mix Blend Mode Utilities */
.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; }
.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; }

/* Aspect Ratio Utilities */
.aspect-auto { aspect-ratio: auto; }
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }
.aspect-4\:3 { aspect-ratio: 4 / 3; }
.aspect-21\:9 { aspect-ratio: 21 / 9; }

/* Scroll Snap Utilities */
.snap-none { scroll-snap-type: none; }
.snap-x { scroll-snap-type: x var(--wf-scroll-snap-strictness, mandatory); }
.snap-y { scroll-snap-type: y var(--wf-scroll-snap-strictness, mandatory); }
.snap-both { scroll-snap-type: both var(--wf-scroll-snap-strictness, mandatory); }
.snap-mandatory { --wf-scroll-snap-strictness: mandatory; }
.snap-proximity { --wf-scroll-snap-strictness: proximity; }
.snap-start { scroll-snap-align: start; }
.snap-end { scroll-snap-align: end; }
.snap-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
.snap-normal { scroll-snap-stop: normal; }
.snap-always { scroll-snap-stop: always; }
.scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.overscroll-auto { overscroll-behavior: auto; }
.overscroll-contain { overscroll-behavior: contain; }
.overscroll-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; }

/* Container Queries - WindFlow Enhancement */
.container-type-normal { container-type: normal; }
.container-type-size { container-type: size; }
.container-type-inline-size { container-type: inline-size; }
.container-name-card { container-name: card; }
.container-name-sidebar { container-name: sidebar; }
.container-name-main { container-name: main; }
.container-name-header { container-name: header; }
.container-name-footer { container-name: footer; }
/* Container query units available as CSS custom properties:
   * --cqw: 1% of container width
   * --cqh: 1% of container height
   * --cqi: 1% of container inline size
   * --cqb: 1% of container block size
   * --cqmin: smaller of cqi or cqb
   * --cqmax: larger of cqi or cqb
   */

/* Behavior Utilities */
.scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.snap-none { scroll-snap-type: none; }
.snap-x { scroll-snap-type: x var(--wf-scroll-snap-strictness, mandatory); }
.snap-y { scroll-snap-type: y var(--wf-scroll-snap-strictness, mandatory); }
.snap-both { scroll-snap-type: both var(--wf-scroll-snap-strictness, mandatory); }
.snap-mandatory { --wf-scroll-snap-strictness: mandatory; }
.snap-proximity { --wf-scroll-snap-strictness: proximity; }
.snap-start { scroll-snap-align: start; }
.snap-end { scroll-snap-align: end; }
.snap-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
.snap-normal { scroll-snap-stop: normal; }
.snap-always { scroll-snap-stop: always; }
.scroll-m-0 { scroll-margin: 0; }
.scroll-mx-0 { scroll-margin-left: 0; scroll-margin-right: 0; }
.scroll-my-0 { scroll-margin-top: 0; scroll-margin-bottom: 0; }
.scroll-mt-0 { scroll-margin-top: 0; }
.scroll-mr-0 { scroll-margin-right: 0; }
.scroll-mb-0 { scroll-margin-bottom: 0; }
.scroll-ml-0 { scroll-margin-left: 0; }
.scroll-m-1 { scroll-margin: 0.25rem; }
.scroll-mx-1 { scroll-margin-left: 0.25rem; scroll-margin-right: 0.25rem; }
.scroll-my-1 { scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; }
.scroll-mt-1 { scroll-margin-top: 0.25rem; }
.scroll-mr-1 { scroll-margin-right: 0.25rem; }
.scroll-mb-1 { scroll-margin-bottom: 0.25rem; }
.scroll-ml-1 { scroll-margin-left: 0.25rem; }
.scroll-m-2 { scroll-margin: 0.5rem; }
.scroll-mx-2 { scroll-margin-left: 0.5rem; scroll-margin-right: 0.5rem; }
.scroll-my-2 { scroll-margin-top: 0.5rem; scroll-margin-bottom: 0.5rem; }
.scroll-mt-2 { scroll-margin-top: 0.5rem; }
.scroll-mr-2 { scroll-margin-right: 0.5rem; }
.scroll-mb-2 { scroll-margin-bottom: 0.5rem; }
.scroll-ml-2 { scroll-margin-left: 0.5rem; }
.scroll-m-3 { scroll-margin: 0.75rem; }
.scroll-mx-3 { scroll-margin-left: 0.75rem; scroll-margin-right: 0.75rem; }
.scroll-my-3 { scroll-margin-top: 0.75rem; scroll-margin-bottom: 0.75rem; }
.scroll-mt-3 { scroll-margin-top: 0.75rem; }
.scroll-mr-3 { scroll-margin-right: 0.75rem; }
.scroll-mb-3 { scroll-margin-bottom: 0.75rem; }
.scroll-ml-3 { scroll-margin-left: 0.75rem; }
.scroll-m-4 { scroll-margin: 1rem; }
.scroll-mx-4 { scroll-margin-left: 1rem; scroll-margin-right: 1rem; }
.scroll-my-4 { scroll-margin-top: 1rem; scroll-margin-bottom: 1rem; }
.scroll-mt-4 { scroll-margin-top: 1rem; }
.scroll-mr-4 { scroll-margin-right: 1rem; }
.scroll-mb-4 { scroll-margin-bottom: 1rem; }
.scroll-ml-4 { scroll-margin-left: 1rem; }
.scroll-m-5 { scroll-margin: 1.25rem; }
.scroll-mx-5 { scroll-margin-left: 1.25rem; scroll-margin-right: 1.25rem; }
.scroll-my-5 { scroll-margin-top: 1.25rem; scroll-margin-bottom: 1.25rem; }
.scroll-mt-5 { scroll-margin-top: 1.25rem; }
.scroll-mr-5 { scroll-margin-right: 1.25rem; }
.scroll-mb-5 { scroll-margin-bottom: 1.25rem; }
.scroll-ml-5 { scroll-margin-left: 1.25rem; }
.scroll-m-6 { scroll-margin: 1.5rem; }
.scroll-mx-6 { scroll-margin-left: 1.5rem; scroll-margin-right: 1.5rem; }
.scroll-my-6 { scroll-margin-top: 1.5rem; scroll-margin-bottom: 1.5rem; }
.scroll-mt-6 { scroll-margin-top: 1.5rem; }
.scroll-mr-6 { scroll-margin-right: 1.5rem; }
.scroll-mb-6 { scroll-margin-bottom: 1.5rem; }
.scroll-ml-6 { scroll-margin-left: 1.5rem; }
.scroll-m-8 { scroll-margin: 2rem; }
.scroll-mx-8 { scroll-margin-left: 2rem; scroll-margin-right: 2rem; }
.scroll-my-8 { scroll-margin-top: 2rem; scroll-margin-bottom: 2rem; }
.scroll-mt-8 { scroll-margin-top: 2rem; }
.scroll-mr-8 { scroll-margin-right: 2rem; }
.scroll-mb-8 { scroll-margin-bottom: 2rem; }
.scroll-ml-8 { scroll-margin-left: 2rem; }
.scroll-m-10 { scroll-margin: 2.5rem; }
.scroll-mx-10 { scroll-margin-left: 2.5rem; scroll-margin-right: 2.5rem; }
.scroll-my-10 { scroll-margin-top: 2.5rem; scroll-margin-bottom: 2.5rem; }
.scroll-mt-10 { scroll-margin-top: 2.5rem; }
.scroll-mr-10 { scroll-margin-right: 2.5rem; }
.scroll-mb-10 { scroll-margin-bottom: 2.5rem; }
.scroll-ml-10 { scroll-margin-left: 2.5rem; }
.scroll-m-12 { scroll-margin: 3rem; }
.scroll-mx-12 { scroll-margin-left: 3rem; scroll-margin-right: 3rem; }
.scroll-my-12 { scroll-margin-top: 3rem; scroll-margin-bottom: 3rem; }
.scroll-mt-12 { scroll-margin-top: 3rem; }
.scroll-mr-12 { scroll-margin-right: 3rem; }
.scroll-mb-12 { scroll-margin-bottom: 3rem; }
.scroll-ml-12 { scroll-margin-left: 3rem; }
.scroll-m-16 { scroll-margin: 4rem; }
.scroll-mx-16 { scroll-margin-left: 4rem; scroll-margin-right: 4rem; }
.scroll-my-16 { scroll-margin-top: 4rem; scroll-margin-bottom: 4rem; }
.scroll-mt-16 { scroll-margin-top: 4rem; }
.scroll-mr-16 { scroll-margin-right: 4rem; }
.scroll-mb-16 { scroll-margin-bottom: 4rem; }
.scroll-ml-16 { scroll-margin-left: 4rem; }
.scroll-m-20 { scroll-margin: 5rem; }
.scroll-mx-20 { scroll-margin-left: 5rem; scroll-margin-right: 5rem; }
.scroll-my-20 { scroll-margin-top: 5rem; scroll-margin-bottom: 5rem; }
.scroll-mt-20 { scroll-margin-top: 5rem; }
.scroll-mr-20 { scroll-margin-right: 5rem; }
.scroll-mb-20 { scroll-margin-bottom: 5rem; }
.scroll-ml-20 { scroll-margin-left: 5rem; }
.scroll-m-24 { scroll-margin: 6rem; }
.scroll-mx-24 { scroll-margin-left: 6rem; scroll-margin-right: 6rem; }
.scroll-my-24 { scroll-margin-top: 6rem; scroll-margin-bottom: 6rem; }
.scroll-mt-24 { scroll-margin-top: 6rem; }
.scroll-mr-24 { scroll-margin-right: 6rem; }
.scroll-mb-24 { scroll-margin-bottom: 6rem; }
.scroll-ml-24 { scroll-margin-left: 6rem; }
.scroll-m-28 { scroll-margin: 7rem; }
.scroll-mx-28 { scroll-margin-left: 7rem; scroll-margin-right: 7rem; }
.scroll-my-28 { scroll-margin-top: 7rem; scroll-margin-bottom: 7rem; }
.scroll-mt-28 { scroll-margin-top: 7rem; }
.scroll-mr-28 { scroll-margin-right: 7rem; }
.scroll-mb-28 { scroll-margin-bottom: 7rem; }
.scroll-ml-28 { scroll-margin-left: 7rem; }
.scroll-m-32 { scroll-margin: 8rem; }
.scroll-mx-32 { scroll-margin-left: 8rem; scroll-margin-right: 8rem; }
.scroll-my-32 { scroll-margin-top: 8rem; scroll-margin-bottom: 8rem; }
.scroll-mt-32 { scroll-margin-top: 8rem; }
.scroll-mr-32 { scroll-margin-right: 8rem; }
.scroll-mb-32 { scroll-margin-bottom: 8rem; }
.scroll-ml-32 { scroll-margin-left: 8rem; }
.scroll-m-36 { scroll-margin: 9rem; }
.scroll-mx-36 { scroll-margin-left: 9rem; scroll-margin-right: 9rem; }
.scroll-my-36 { scroll-margin-top: 9rem; scroll-margin-bottom: 9rem; }
.scroll-mt-36 { scroll-margin-top: 9rem; }
.scroll-mr-36 { scroll-margin-right: 9rem; }
.scroll-mb-36 { scroll-margin-bottom: 9rem; }
.scroll-ml-36 { scroll-margin-left: 9rem; }
.scroll-m-40 { scroll-margin: 10rem; }
.scroll-mx-40 { scroll-margin-left: 10rem; scroll-margin-right: 10rem; }
.scroll-my-40 { scroll-margin-top: 10rem; scroll-margin-bottom: 10rem; }
.scroll-mt-40 { scroll-margin-top: 10rem; }
.scroll-mr-40 { scroll-margin-right: 10rem; }
.scroll-mb-40 { scroll-margin-bottom: 10rem; }
.scroll-ml-40 { scroll-margin-left: 10rem; }
.scroll-m-44 { scroll-margin: 11rem; }
.scroll-mx-44 { scroll-margin-left: 11rem; scroll-margin-right: 11rem; }
.scroll-my-44 { scroll-margin-top: 11rem; scroll-margin-bottom: 11rem; }
.scroll-mt-44 { scroll-margin-top: 11rem; }
.scroll-mr-44 { scroll-margin-right: 11rem; }
.scroll-mb-44 { scroll-margin-bottom: 11rem; }
.scroll-ml-44 { scroll-margin-left: 11rem; }
.scroll-m-48 { scroll-margin: 12rem; }
.scroll-mx-48 { scroll-margin-left: 12rem; scroll-margin-right: 12rem; }
.scroll-my-48 { scroll-margin-top: 12rem; scroll-margin-bottom: 12rem; }
.scroll-mt-48 { scroll-margin-top: 12rem; }
.scroll-mr-48 { scroll-margin-right: 12rem; }
.scroll-mb-48 { scroll-margin-bottom: 12rem; }
.scroll-ml-48 { scroll-margin-left: 12rem; }
.scroll-m-52 { scroll-margin: 13rem; }
.scroll-mx-52 { scroll-margin-left: 13rem; scroll-margin-right: 13rem; }
.scroll-my-52 { scroll-margin-top: 13rem; scroll-margin-bottom: 13rem; }
.scroll-mt-52 { scroll-margin-top: 13rem; }
.scroll-mr-52 { scroll-margin-right: 13rem; }
.scroll-mb-52 { scroll-margin-bottom: 13rem; }
.scroll-ml-52 { scroll-margin-left: 13rem; }
.scroll-m-56 { scroll-margin: 14rem; }
.scroll-mx-56 { scroll-margin-left: 14rem; scroll-margin-right: 14rem; }
.scroll-my-56 { scroll-margin-top: 14rem; scroll-margin-bottom: 14rem; }
.scroll-mt-56 { scroll-margin-top: 14rem; }
.scroll-mr-56 { scroll-margin-right: 14rem; }
.scroll-mb-56 { scroll-margin-bottom: 14rem; }
.scroll-ml-56 { scroll-margin-left: 14rem; }
.scroll-m-60 { scroll-margin: 15rem; }
.scroll-mx-60 { scroll-margin-left: 15rem; scroll-margin-right: 15rem; }
.scroll-my-60 { scroll-margin-top: 15rem; scroll-margin-bottom: 15rem; }
.scroll-mt-60 { scroll-margin-top: 15rem; }
.scroll-mr-60 { scroll-margin-right: 15rem; }
.scroll-mb-60 { scroll-margin-bottom: 15rem; }
.scroll-ml-60 { scroll-margin-left: 15rem; }
.scroll-m-64 { scroll-margin: 16rem; }
.scroll-mx-64 { scroll-margin-left: 16rem; scroll-margin-right: 16rem; }
.scroll-my-64 { scroll-margin-top: 16rem; scroll-margin-bottom: 16rem; }
.scroll-mt-64 { scroll-margin-top: 16rem; }
.scroll-mr-64 { scroll-margin-right: 16rem; }
.scroll-mb-64 { scroll-margin-bottom: 16rem; }
.scroll-ml-64 { scroll-margin-left: 16rem; }
.scroll-m-72 { scroll-margin: 18rem; }
.scroll-mx-72 { scroll-margin-left: 18rem; scroll-margin-right: 18rem; }
.scroll-my-72 { scroll-margin-top: 18rem; scroll-margin-bottom: 18rem; }
.scroll-mt-72 { scroll-margin-top: 18rem; }
.scroll-mr-72 { scroll-margin-right: 18rem; }
.scroll-mb-72 { scroll-margin-bottom: 18rem; }
.scroll-ml-72 { scroll-margin-left: 18rem; }
.scroll-m-80 { scroll-margin: 20rem; }
.scroll-mx-80 { scroll-margin-left: 20rem; scroll-margin-right: 20rem; }
.scroll-my-80 { scroll-margin-top: 20rem; scroll-margin-bottom: 20rem; }
.scroll-mt-80 { scroll-margin-top: 20rem; }
.scroll-mr-80 { scroll-margin-right: 20rem; }
.scroll-mb-80 { scroll-margin-bottom: 20rem; }
.scroll-ml-80 { scroll-margin-left: 20rem; }
.scroll-m-96 { scroll-margin: 24rem; }
.scroll-mx-96 { scroll-margin-left: 24rem; scroll-margin-right: 24rem; }
.scroll-my-96 { scroll-margin-top: 24rem; scroll-margin-bottom: 24rem; }
.scroll-mt-96 { scroll-margin-top: 24rem; }
.scroll-mr-96 { scroll-margin-right: 24rem; }
.scroll-mb-96 { scroll-margin-bottom: 24rem; }
.scroll-ml-96 { scroll-margin-left: 24rem; }
.scroll-p-0 { scroll-padding: 0; }
.scroll-px-0 { scroll-padding-left: 0; scroll-padding-right: 0; }
.scroll-py-0 { scroll-padding-top: 0; scroll-padding-bottom: 0; }
.scroll-pt-0 { scroll-padding-top: 0; }
.scroll-pr-0 { scroll-padding-right: 0; }
.scroll-pb-0 { scroll-padding-bottom: 0; }
.scroll-pl-0 { scroll-padding-left: 0; }
.scroll-p-1 { scroll-padding: 0.25rem; }
.scroll-px-1 { scroll-padding-left: 0.25rem; scroll-padding-right: 0.25rem; }
.scroll-py-1 { scroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem; }
.scroll-pt-1 { scroll-padding-top: 0.25rem; }
.scroll-pr-1 { scroll-padding-right: 0.25rem; }
.scroll-pb-1 { scroll-padding-bottom: 0.25rem; }
.scroll-pl-1 { scroll-padding-left: 0.25rem; }
.scroll-p-2 { scroll-padding: 0.5rem; }
.scroll-px-2 { scroll-padding-left: 0.5rem; scroll-padding-right: 0.5rem; }
.scroll-py-2 { scroll-padding-top: 0.5rem; scroll-padding-bottom: 0.5rem; }
.scroll-pt-2 { scroll-padding-top: 0.5rem; }
.scroll-pr-2 { scroll-padding-right: 0.5rem; }
.scroll-pb-2 { scroll-padding-bottom: 0.5rem; }
.scroll-pl-2 { scroll-padding-left: 0.5rem; }
.scroll-p-3 { scroll-padding: 0.75rem; }
.scroll-px-3 { scroll-padding-left: 0.75rem; scroll-padding-right: 0.75rem; }
.scroll-py-3 { scroll-padding-top: 0.75rem; scroll-padding-bottom: 0.75rem; }
.scroll-pt-3 { scroll-padding-top: 0.75rem; }
.scroll-pr-3 { scroll-padding-right: 0.75rem; }
.scroll-pb-3 { scroll-padding-bottom: 0.75rem; }
.scroll-pl-3 { scroll-padding-left: 0.75rem; }
.scroll-p-4 { scroll-padding: 1rem; }
.scroll-px-4 { scroll-padding-left: 1rem; scroll-padding-right: 1rem; }
.scroll-py-4 { scroll-padding-top: 1rem; scroll-padding-bottom: 1rem; }
.scroll-pt-4 { scroll-padding-top: 1rem; }
.scroll-pr-4 { scroll-padding-right: 1rem; }
.scroll-pb-4 { scroll-padding-bottom: 1rem; }
.scroll-pl-4 { scroll-padding-left: 1rem; }
.scroll-p-5 { scroll-padding: 1.25rem; }
.scroll-px-5 { scroll-padding-left: 1.25rem; scroll-padding-right: 1.25rem; }
.scroll-py-5 { scroll-padding-top: 1.25rem; scroll-padding-bottom: 1.25rem; }
.scroll-pt-5 { scroll-padding-top: 1.25rem; }
.scroll-pr-5 { scroll-padding-right: 1.25rem; }
.scroll-pb-5 { scroll-padding-bottom: 1.25rem; }
.scroll-pl-5 { scroll-padding-left: 1.25rem; }
.scroll-p-6 { scroll-padding: 1.5rem; }
.scroll-px-6 { scroll-padding-left: 1.5rem; scroll-padding-right: 1.5rem; }
.scroll-py-6 { scroll-padding-top: 1.5rem; scroll-padding-bottom: 1.5rem; }
.scroll-pt-6 { scroll-padding-top: 1.5rem; }
.scroll-pr-6 { scroll-padding-right: 1.5rem; }
.scroll-pb-6 { scroll-padding-bottom: 1.5rem; }
.scroll-pl-6 { scroll-padding-left: 1.5rem; }
.scroll-p-8 { scroll-padding: 2rem; }
.scroll-px-8 { scroll-padding-left: 2rem; scroll-padding-right: 2rem; }
.scroll-py-8 { scroll-padding-top: 2rem; scroll-padding-bottom: 2rem; }
.scroll-pt-8 { scroll-padding-top: 2rem; }
.scroll-pr-8 { scroll-padding-right: 2rem; }
.scroll-pb-8 { scroll-padding-bottom: 2rem; }
.scroll-pl-8 { scroll-padding-left: 2rem; }
.scroll-p-10 { scroll-padding: 2.5rem; }
.scroll-px-10 { scroll-padding-left: 2.5rem; scroll-padding-right: 2.5rem; }
.scroll-py-10 { scroll-padding-top: 2.5rem; scroll-padding-bottom: 2.5rem; }
.scroll-pt-10 { scroll-padding-top: 2.5rem; }
.scroll-pr-10 { scroll-padding-right: 2.5rem; }
.scroll-pb-10 { scroll-padding-bottom: 2.5rem; }
.scroll-pl-10 { scroll-padding-left: 2.5rem; }
.scroll-p-12 { scroll-padding: 3rem; }
.scroll-px-12 { scroll-padding-left: 3rem; scroll-padding-right: 3rem; }
.scroll-py-12 { scroll-padding-top: 3rem; scroll-padding-bottom: 3rem; }
.scroll-pt-12 { scroll-padding-top: 3rem; }
.scroll-pr-12 { scroll-padding-right: 3rem; }
.scroll-pb-12 { scroll-padding-bottom: 3rem; }
.scroll-pl-12 { scroll-padding-left: 3rem; }
.scroll-p-16 { scroll-padding: 4rem; }
.scroll-px-16 { scroll-padding-left: 4rem; scroll-padding-right: 4rem; }
.scroll-py-16 { scroll-padding-top: 4rem; scroll-padding-bottom: 4rem; }
.scroll-pt-16 { scroll-padding-top: 4rem; }
.scroll-pr-16 { scroll-padding-right: 4rem; }
.scroll-pb-16 { scroll-padding-bottom: 4rem; }
.scroll-pl-16 { scroll-padding-left: 4rem; }
.scroll-p-20 { scroll-padding: 5rem; }
.scroll-px-20 { scroll-padding-left: 5rem; scroll-padding-right: 5rem; }
.scroll-py-20 { scroll-padding-top: 5rem; scroll-padding-bottom: 5rem; }
.scroll-pt-20 { scroll-padding-top: 5rem; }
.scroll-pr-20 { scroll-padding-right: 5rem; }
.scroll-pb-20 { scroll-padding-bottom: 5rem; }
.scroll-pl-20 { scroll-padding-left: 5rem; }
.scroll-p-24 { scroll-padding: 6rem; }
.scroll-px-24 { scroll-padding-left: 6rem; scroll-padding-right: 6rem; }
.scroll-py-24 { scroll-padding-top: 6rem; scroll-padding-bottom: 6rem; }
.scroll-pt-24 { scroll-padding-top: 6rem; }
.scroll-pr-24 { scroll-padding-right: 6rem; }
.scroll-pb-24 { scroll-padding-bottom: 6rem; }
.scroll-pl-24 { scroll-padding-left: 6rem; }
.scroll-p-28 { scroll-padding: 7rem; }
.scroll-px-28 { scroll-padding-left: 7rem; scroll-padding-right: 7rem; }
.scroll-py-28 { scroll-padding-top: 7rem; scroll-padding-bottom: 7rem; }
.scroll-pt-28 { scroll-padding-top: 7rem; }
.scroll-pr-28 { scroll-padding-right: 7rem; }
.scroll-pb-28 { scroll-padding-bottom: 7rem; }
.scroll-pl-28 { scroll-padding-left: 7rem; }
.scroll-p-32 { scroll-padding: 8rem; }
.scroll-px-32 { scroll-padding-left: 8rem; scroll-padding-right: 8rem; }
.scroll-py-32 { scroll-padding-top: 8rem; scroll-padding-bottom: 8rem; }
.scroll-pt-32 { scroll-padding-top: 8rem; }
.scroll-pr-32 { scroll-padding-right: 8rem; }
.scroll-pb-32 { scroll-padding-bottom: 8rem; }
.scroll-pl-32 { scroll-padding-left: 8rem; }
.scroll-p-36 { scroll-padding: 9rem; }
.scroll-px-36 { scroll-padding-left: 9rem; scroll-padding-right: 9rem; }
.scroll-py-36 { scroll-padding-top: 9rem; scroll-padding-bottom: 9rem; }
.scroll-pt-36 { scroll-padding-top: 9rem; }
.scroll-pr-36 { scroll-padding-right: 9rem; }
.scroll-pb-36 { scroll-padding-bottom: 9rem; }
.scroll-pl-36 { scroll-padding-left: 9rem; }
.scroll-p-40 { scroll-padding: 10rem; }
.scroll-px-40 { scroll-padding-left: 10rem; scroll-padding-right: 10rem; }
.scroll-py-40 { scroll-padding-top: 10rem; scroll-padding-bottom: 10rem; }
.scroll-pt-40 { scroll-padding-top: 10rem; }
.scroll-pr-40 { scroll-padding-right: 10rem; }
.scroll-pb-40 { scroll-padding-bottom: 10rem; }
.scroll-pl-40 { scroll-padding-left: 10rem; }
.scroll-p-44 { scroll-padding: 11rem; }
.scroll-px-44 { scroll-padding-left: 11rem; scroll-padding-right: 11rem; }
.scroll-py-44 { scroll-padding-top: 11rem; scroll-padding-bottom: 11rem; }
.scroll-pt-44 { scroll-padding-top: 11rem; }
.scroll-pr-44 { scroll-padding-right: 11rem; }
.scroll-pb-44 { scroll-padding-bottom: 11rem; }
.scroll-pl-44 { scroll-padding-left: 11rem; }
.scroll-p-48 { scroll-padding: 12rem; }
.scroll-px-48 { scroll-padding-left: 12rem; scroll-padding-right: 12rem; }
.scroll-py-48 { scroll-padding-top: 12rem; scroll-padding-bottom: 12rem; }
.scroll-pt-48 { scroll-padding-top: 12rem; }
.scroll-pr-48 { scroll-padding-right: 12rem; }
.scroll-pb-48 { scroll-padding-bottom: 12rem; }
.scroll-pl-48 { scroll-padding-left: 12rem; }
.scroll-p-52 { scroll-padding: 13rem; }
.scroll-px-52 { scroll-padding-left: 13rem; scroll-padding-right: 13rem; }
.scroll-py-52 { scroll-padding-top: 13rem; scroll-padding-bottom: 13rem; }
.scroll-pt-52 { scroll-padding-top: 13rem; }
.scroll-pr-52 { scroll-padding-right: 13rem; }
.scroll-pb-52 { scroll-padding-bottom: 13rem; }
.scroll-pl-52 { scroll-padding-left: 13rem; }
.scroll-p-56 { scroll-padding: 14rem; }
.scroll-px-56 { scroll-padding-left: 14rem; scroll-padding-right: 14rem; }
.scroll-py-56 { scroll-padding-top: 14rem; scroll-padding-bottom: 14rem; }
.scroll-pt-56 { scroll-padding-top: 14rem; }
.scroll-pr-56 { scroll-padding-right: 14rem; }
.scroll-pb-56 { scroll-padding-bottom: 14rem; }
.scroll-pl-56 { scroll-padding-left: 14rem; }
.scroll-p-60 { scroll-padding: 15rem; }
.scroll-px-60 { scroll-padding-left: 15rem; scroll-padding-right: 15rem; }
.scroll-py-60 { scroll-padding-top: 15rem; scroll-padding-bottom: 15rem; }
.scroll-pt-60 { scroll-padding-top: 15rem; }
.scroll-pr-60 { scroll-padding-right: 15rem; }
.scroll-pb-60 { scroll-padding-bottom: 15rem; }
.scroll-pl-60 { scroll-padding-left: 15rem; }
.scroll-p-64 { scroll-padding: 16rem; }
.scroll-px-64 { scroll-padding-left: 16rem; scroll-padding-right: 16rem; }
.scroll-py-64 { scroll-padding-top: 16rem; scroll-padding-bottom: 16rem; }
.scroll-pt-64 { scroll-padding-top: 16rem; }
.scroll-pr-64 { scroll-padding-right: 16rem; }
.scroll-pb-64 { scroll-padding-bottom: 16rem; }
.scroll-pl-64 { scroll-padding-left: 16rem; }
.scroll-p-72 { scroll-padding: 18rem; }
.scroll-px-72 { scroll-padding-left: 18rem; scroll-padding-right: 18rem; }
.scroll-py-72 { scroll-padding-top: 18rem; scroll-padding-bottom: 18rem; }
.scroll-pt-72 { scroll-padding-top: 18rem; }
.scroll-pr-72 { scroll-padding-right: 18rem; }
.scroll-pb-72 { scroll-padding-bottom: 18rem; }
.scroll-pl-72 { scroll-padding-left: 18rem; }
.scroll-p-80 { scroll-padding: 20rem; }
.scroll-px-80 { scroll-padding-left: 20rem; scroll-padding-right: 20rem; }
.scroll-py-80 { scroll-padding-top: 20rem; scroll-padding-bottom: 20rem; }
.scroll-pt-80 { scroll-padding-top: 20rem; }
.scroll-pr-80 { scroll-padding-right: 20rem; }
.scroll-pb-80 { scroll-padding-bottom: 20rem; }
.scroll-pl-80 { scroll-padding-left: 20rem; }
.scroll-p-96 { scroll-padding: 24rem; }
.scroll-px-96 { scroll-padding-left: 24rem; scroll-padding-right: 24rem; }
.scroll-py-96 { scroll-padding-top: 24rem; scroll-padding-bottom: 24rem; }
.scroll-pt-96 { scroll-padding-top: 24rem; }
.scroll-pr-96 { scroll-padding-right: 24rem; }
.scroll-pb-96 { scroll-padding-bottom: 24rem; }
.scroll-pl-96 { scroll-padding-left: 24rem; }
.touch-auto { touch-action: auto; }
.touch-none { touch-action: none; }
.touch-pan-x { touch-action: pan-x; }
.touch-pan-left { touch-action: pan-left; }
.touch-pan-right { touch-action: pan-right; }
.touch-pan-y { touch-action: pan-y; }
.touch-pan-up { touch-action: pan-up; }
.touch-pan-down { touch-action: pan-down; }
.touch-pinch-zoom { touch-action: pinch-zoom; }
.touch-manipulation { touch-action: manipulation; }
.select-none { user-select: none; }
.select-text { user-select: text; }
.select-all { user-select: all; }
.select-auto { user-select: auto; }
.resize-none { resize: none; }
.resize { resize: both; }
.resize-y { resize: vertical; }
.resize-x { resize: horizontal; }
.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; }
.cursor-none { cursor: none; }
.cursor-context-menu { cursor: context-menu; }
.cursor-progress { cursor: progress; }
.cursor-cell { cursor: cell; }
.cursor-crosshair { cursor: crosshair; }
.cursor-vertical-text { cursor: vertical-text; }
.cursor-alias { cursor: alias; }
.cursor-copy { cursor: copy; }
.cursor-no-drop { cursor: no-drop; }
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }
.cursor-all-scroll { cursor: all-scroll; }
.cursor-col-resize { cursor: col-resize; }
.cursor-row-resize { cursor: row-resize; }
.cursor-n-resize { cursor: n-resize; }
.cursor-e-resize { cursor: e-resize; }
.cursor-s-resize { cursor: s-resize; }
.cursor-w-resize { cursor: w-resize; }
.cursor-ne-resize { cursor: ne-resize; }
.cursor-nw-resize { cursor: nw-resize; }
.cursor-se-resize { cursor: se-resize; }
.cursor-sw-resize { cursor: sw-resize; }
.cursor-ew-resize { cursor: ew-resize; }
.cursor-ns-resize { cursor: ns-resize; }
.cursor-nesw-resize { cursor: nesw-resize; }
.cursor-nwse-resize { cursor: nwse-resize; }
.cursor-zoom-in { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }
.caret-transparent { caret-color: transparent; }
.caret-current { caret-color: currentColor; }
.caret-black { caret-color: #000000; }
.caret-white { caret-color: #ffffff; }
.caret-primary { caret-color: var(--wf-color-primary); }
.caret-secondary { caret-color: var(--wf-color-secondary); }
.caret-accent { caret-color: var(--wf-color-accent); }
.accent-transparent { accent-color: transparent; }
.accent-current { accent-color: currentColor; }
.accent-black { accent-color: #000000; }
.accent-white { accent-color: #ffffff; }
.accent-primary { accent-color: var(--wf-color-primary); }
.accent-secondary { accent-color: var(--wf-color-secondary); }
.accent-accent { accent-color: var(--wf-color-accent); }
.appearance-none { appearance: none; }
.appearance-auto { appearance: auto; }
.will-change-auto { will-change: auto; }
.will-change-scroll { will-change: scroll-position; }
.will-change-contents { will-change: contents; }
.will-change-transform { will-change: transform; }
.contain-none { contain: none; }
.contain-strict { contain: strict; }
.contain-content { contain: content; }
.contain-size { contain: size; }
.contain-layout { contain: layout; }
.contain-style { contain: style; }
.contain-paint { contain: paint; }
.forced-color-adjust-auto { forced-color-adjust: auto; }
.forced-color-adjust-none { forced-color-adjust: none; }

/* WindFlow Predefined Themes */


/* Theme: Dark - Modern dark theme with enhanced contrast */
.theme-dark {
  /* Color Variables */

  --wf-primary: #6366f1;

  --wf-secondary: #8b5cf6;

  --wf-accent: #06b6d4;

  --wf-background: #0f172a;

  --wf-surface: #1e293b;

  --wf-surface-light: #334155;

  --wf-text: #f8fafc;

  --wf-text-muted: #cbd5e1;

  --wf-border: #475569;

  --wf-success: #10b981;

  --wf-warning: #f59e0b;

  --wf-error: #ef4444;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

  --wf-gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);

  --wf-gradient-dark: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);

}

.theme-dark .text-theme-primary { color: var(--wf-primary); }

.theme-dark .bg-theme-primary { background-color: var(--wf-primary); }

.theme-dark .border-theme-primary { border-color: var(--wf-primary); }

.theme-dark .text-theme-secondary { color: var(--wf-secondary); }

.theme-dark .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-dark .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-dark .text-theme-accent { color: var(--wf-accent); }

.theme-dark .bg-theme-accent { background-color: var(--wf-accent); }

.theme-dark .border-theme-accent { border-color: var(--wf-accent); }

.theme-dark .text-theme-background { color: var(--wf-background); }

.theme-dark .bg-theme-background { background-color: var(--wf-background); }

.theme-dark .border-theme-background { border-color: var(--wf-background); }

.theme-dark .text-theme-surface { color: var(--wf-surface); }

.theme-dark .bg-theme-surface { background-color: var(--wf-surface); }

.theme-dark .border-theme-surface { border-color: var(--wf-surface); }

.theme-dark .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-dark .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-dark .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-dark .text-theme-text { color: var(--wf-text); }

.theme-dark .bg-theme-text { background-color: var(--wf-text); }

.theme-dark .border-theme-text { border-color: var(--wf-text); }

.theme-dark .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-dark .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-dark .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-dark .text-theme-border { color: var(--wf-border); }

.theme-dark .bg-theme-border { background-color: var(--wf-border); }

.theme-dark .border-theme-border { border-color: var(--wf-border); }

.theme-dark .text-theme-success { color: var(--wf-success); }

.theme-dark .bg-theme-success { background-color: var(--wf-success); }

.theme-dark .border-theme-success { border-color: var(--wf-success); }

.theme-dark .text-theme-warning { color: var(--wf-warning); }

.theme-dark .bg-theme-warning { background-color: var(--wf-warning); }

.theme-dark .border-theme-warning { border-color: var(--wf-warning); }

.theme-dark .text-theme-error { color: var(--wf-error); }

.theme-dark .bg-theme-error { background-color: var(--wf-error); }

.theme-dark .border-theme-error { border-color: var(--wf-error); }

.theme-dark .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-dark .bg-gradient-theme-secondary { background: var(--wf-gradient-secondary); }

.theme-dark .bg-gradient-theme-dark { background: var(--wf-gradient-dark); }


/* Theme: Cyberpunk - Futuristic neon-inspired theme */
.theme-cyberpunk {
  /* Color Variables */

  --wf-primary: #ff0080;

  --wf-secondary: #00ffff;

  --wf-accent: #ffff00;

  --wf-background: #0a0a0a;

  --wf-surface: #1a0a1a;

  --wf-surface-light: #2a1a2a;

  --wf-text: #ffffff;

  --wf-text-muted: #ff00ff;

  --wf-border: #ff0080;

  --wf-success: #00ff00;

  --wf-warning: #ffff00;

  --wf-error: #ff0040;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(45deg, #ff0080, #ff8000, #ffff00);

  --wf-gradient-secondary: linear-gradient(45deg, #00ffff, #0080ff, #8000ff);

  --wf-gradient-neon: radial-gradient(circle, #ff00ff, #00ffff);

}

.theme-cyberpunk .text-theme-primary { color: var(--wf-primary); }

.theme-cyberpunk .bg-theme-primary { background-color: var(--wf-primary); }

.theme-cyberpunk .border-theme-primary { border-color: var(--wf-primary); }

.theme-cyberpunk .text-theme-secondary { color: var(--wf-secondary); }

.theme-cyberpunk .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-cyberpunk .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-cyberpunk .text-theme-accent { color: var(--wf-accent); }

.theme-cyberpunk .bg-theme-accent { background-color: var(--wf-accent); }

.theme-cyberpunk .border-theme-accent { border-color: var(--wf-accent); }

.theme-cyberpunk .text-theme-background { color: var(--wf-background); }

.theme-cyberpunk .bg-theme-background { background-color: var(--wf-background); }

.theme-cyberpunk .border-theme-background { border-color: var(--wf-background); }

.theme-cyberpunk .text-theme-surface { color: var(--wf-surface); }

.theme-cyberpunk .bg-theme-surface { background-color: var(--wf-surface); }

.theme-cyberpunk .border-theme-surface { border-color: var(--wf-surface); }

.theme-cyberpunk .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-cyberpunk .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-cyberpunk .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-cyberpunk .text-theme-text { color: var(--wf-text); }

.theme-cyberpunk .bg-theme-text { background-color: var(--wf-text); }

.theme-cyberpunk .border-theme-text { border-color: var(--wf-text); }

.theme-cyberpunk .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-cyberpunk .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-cyberpunk .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-cyberpunk .text-theme-border { color: var(--wf-border); }

.theme-cyberpunk .bg-theme-border { background-color: var(--wf-border); }

.theme-cyberpunk .border-theme-border { border-color: var(--wf-border); }

.theme-cyberpunk .text-theme-success { color: var(--wf-success); }

.theme-cyberpunk .bg-theme-success { background-color: var(--wf-success); }

.theme-cyberpunk .border-theme-success { border-color: var(--wf-success); }

.theme-cyberpunk .text-theme-warning { color: var(--wf-warning); }

.theme-cyberpunk .bg-theme-warning { background-color: var(--wf-warning); }

.theme-cyberpunk .border-theme-warning { border-color: var(--wf-warning); }

.theme-cyberpunk .text-theme-error { color: var(--wf-error); }

.theme-cyberpunk .bg-theme-error { background-color: var(--wf-error); }

.theme-cyberpunk .border-theme-error { border-color: var(--wf-error); }

.theme-cyberpunk .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-cyberpunk .bg-gradient-theme-secondary { background: var(--wf-gradient-secondary); }

.theme-cyberpunk .bg-gradient-theme-neon { background: var(--wf-gradient-neon); }


/* Theme: Glassmorphism - Transparent glass-like effects */
.theme-glassmorphism {
  /* Color Variables */

  --wf-primary: #6366f1;

  --wf-secondary: #8b5cf6;

  --wf-accent: #06b6d4;

  --wf-background: rgba(255, 255, 255, 0.1);

  --wf-surface: rgba(255, 255, 255, 0.2);

  --wf-surface-light: rgba(255, 255, 255, 0.3);

  --wf-text: #1f2937;

  --wf-text-muted: #6b7280;

  --wf-border: rgba(255, 255, 255, 0.3);

  --wf-success: #10b981;

  --wf-warning: #f59e0b;

  --wf-error: #ef4444;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));

  --wf-gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3));

  --wf-gradient-backdrop: backdrop-filter: blur(20px);

}

.theme-glassmorphism .text-theme-primary { color: var(--wf-primary); }

.theme-glassmorphism .bg-theme-primary { background-color: var(--wf-primary); }

.theme-glassmorphism .border-theme-primary { border-color: var(--wf-primary); }

.theme-glassmorphism .text-theme-secondary { color: var(--wf-secondary); }

.theme-glassmorphism .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-glassmorphism .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-glassmorphism .text-theme-accent { color: var(--wf-accent); }

.theme-glassmorphism .bg-theme-accent { background-color: var(--wf-accent); }

.theme-glassmorphism .border-theme-accent { border-color: var(--wf-accent); }

.theme-glassmorphism .text-theme-background { color: var(--wf-background); }

.theme-glassmorphism .bg-theme-background { background-color: var(--wf-background); }

.theme-glassmorphism .border-theme-background { border-color: var(--wf-background); }

.theme-glassmorphism .text-theme-surface { color: var(--wf-surface); }

.theme-glassmorphism .bg-theme-surface { background-color: var(--wf-surface); }

.theme-glassmorphism .border-theme-surface { border-color: var(--wf-surface); }

.theme-glassmorphism .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-glassmorphism .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-glassmorphism .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-glassmorphism .text-theme-text { color: var(--wf-text); }

.theme-glassmorphism .bg-theme-text { background-color: var(--wf-text); }

.theme-glassmorphism .border-theme-text { border-color: var(--wf-text); }

.theme-glassmorphism .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-glassmorphism .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-glassmorphism .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-glassmorphism .text-theme-border { color: var(--wf-border); }

.theme-glassmorphism .bg-theme-border { background-color: var(--wf-border); }

.theme-glassmorphism .border-theme-border { border-color: var(--wf-border); }

.theme-glassmorphism .text-theme-success { color: var(--wf-success); }

.theme-glassmorphism .bg-theme-success { background-color: var(--wf-success); }

.theme-glassmorphism .border-theme-success { border-color: var(--wf-success); }

.theme-glassmorphism .text-theme-warning { color: var(--wf-warning); }

.theme-glassmorphism .bg-theme-warning { background-color: var(--wf-warning); }

.theme-glassmorphism .border-theme-warning { border-color: var(--wf-warning); }

.theme-glassmorphism .text-theme-error { color: var(--wf-error); }

.theme-glassmorphism .bg-theme-error { background-color: var(--wf-error); }

.theme-glassmorphism .border-theme-error { border-color: var(--wf-error); }

.theme-glassmorphism .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-glassmorphism .bg-gradient-theme-glass { background: var(--wf-gradient-glass); }

.theme-glassmorphism .bg-gradient-theme-backdrop { background: var(--wf-gradient-backdrop); }


/* Theme: Retro - 80s vintage aesthetic */
.theme-retro {
  /* Color Variables */

  --wf-primary: #ff6b9d;

  --wf-secondary: #feca57;

  --wf-accent: #48dbfb;

  --wf-background: #2c2c54;

  --wf-surface: #40407a;

  --wf-surface-light: #706fd3;

  --wf-text: #f1f2f6;

  --wf-text-muted: #ddd;

  --wf-border: #ff9ff3;

  --wf-success: #2ed573;

  --wf-warning: #ffa502;

  --wf-error: #ff3838;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(45deg, #ff6b9d, #feca57);

  --wf-gradient-secondary: linear-gradient(45deg, #48dbfb, #0abde3);

  --wf-gradient-vintage: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

}

.theme-retro .text-theme-primary { color: var(--wf-primary); }

.theme-retro .bg-theme-primary { background-color: var(--wf-primary); }

.theme-retro .border-theme-primary { border-color: var(--wf-primary); }

.theme-retro .text-theme-secondary { color: var(--wf-secondary); }

.theme-retro .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-retro .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-retro .text-theme-accent { color: var(--wf-accent); }

.theme-retro .bg-theme-accent { background-color: var(--wf-accent); }

.theme-retro .border-theme-accent { border-color: var(--wf-accent); }

.theme-retro .text-theme-background { color: var(--wf-background); }

.theme-retro .bg-theme-background { background-color: var(--wf-background); }

.theme-retro .border-theme-background { border-color: var(--wf-background); }

.theme-retro .text-theme-surface { color: var(--wf-surface); }

.theme-retro .bg-theme-surface { background-color: var(--wf-surface); }

.theme-retro .border-theme-surface { border-color: var(--wf-surface); }

.theme-retro .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-retro .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-retro .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-retro .text-theme-text { color: var(--wf-text); }

.theme-retro .bg-theme-text { background-color: var(--wf-text); }

.theme-retro .border-theme-text { border-color: var(--wf-text); }

.theme-retro .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-retro .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-retro .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-retro .text-theme-border { color: var(--wf-border); }

.theme-retro .bg-theme-border { background-color: var(--wf-border); }

.theme-retro .border-theme-border { border-color: var(--wf-border); }

.theme-retro .text-theme-success { color: var(--wf-success); }

.theme-retro .bg-theme-success { background-color: var(--wf-success); }

.theme-retro .border-theme-success { border-color: var(--wf-success); }

.theme-retro .text-theme-warning { color: var(--wf-warning); }

.theme-retro .bg-theme-warning { background-color: var(--wf-warning); }

.theme-retro .border-theme-warning { border-color: var(--wf-warning); }

.theme-retro .text-theme-error { color: var(--wf-error); }

.theme-retro .bg-theme-error { background-color: var(--wf-error); }

.theme-retro .border-theme-error { border-color: var(--wf-error); }

.theme-retro .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-retro .bg-gradient-theme-secondary { background: var(--wf-gradient-secondary); }

.theme-retro .bg-gradient-theme-vintage { background: var(--wf-gradient-vintage); }


/* Theme: Nature - Earth-inspired natural colors */
.theme-nature {
  /* Color Variables */

  --wf-primary: #22c55e;

  --wf-secondary: #84cc16;

  --wf-accent: #eab308;

  --wf-background: #f0fdf4;

  --wf-surface: #dcfce7;

  --wf-surface-light: #bbf7d0;

  --wf-text: #14532d;

  --wf-text-muted: #166534;

  --wf-border: #86efac;

  --wf-success: #16a34a;

  --wf-warning: #ca8a04;

  --wf-error: #dc2626;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(135deg, #22c55e, #84cc16);

  --wf-gradient-forest: linear-gradient(135deg, #134e4a, #065f46);

  --wf-gradient-sunset: linear-gradient(135deg, #fbbf24, #f59e0b, #dc2626);

}

.theme-nature .text-theme-primary { color: var(--wf-primary); }

.theme-nature .bg-theme-primary { background-color: var(--wf-primary); }

.theme-nature .border-theme-primary { border-color: var(--wf-primary); }

.theme-nature .text-theme-secondary { color: var(--wf-secondary); }

.theme-nature .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-nature .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-nature .text-theme-accent { color: var(--wf-accent); }

.theme-nature .bg-theme-accent { background-color: var(--wf-accent); }

.theme-nature .border-theme-accent { border-color: var(--wf-accent); }

.theme-nature .text-theme-background { color: var(--wf-background); }

.theme-nature .bg-theme-background { background-color: var(--wf-background); }

.theme-nature .border-theme-background { border-color: var(--wf-background); }

.theme-nature .text-theme-surface { color: var(--wf-surface); }

.theme-nature .bg-theme-surface { background-color: var(--wf-surface); }

.theme-nature .border-theme-surface { border-color: var(--wf-surface); }

.theme-nature .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-nature .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-nature .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-nature .text-theme-text { color: var(--wf-text); }

.theme-nature .bg-theme-text { background-color: var(--wf-text); }

.theme-nature .border-theme-text { border-color: var(--wf-text); }

.theme-nature .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-nature .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-nature .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-nature .text-theme-border { color: var(--wf-border); }

.theme-nature .bg-theme-border { background-color: var(--wf-border); }

.theme-nature .border-theme-border { border-color: var(--wf-border); }

.theme-nature .text-theme-success { color: var(--wf-success); }

.theme-nature .bg-theme-success { background-color: var(--wf-success); }

.theme-nature .border-theme-success { border-color: var(--wf-success); }

.theme-nature .text-theme-warning { color: var(--wf-warning); }

.theme-nature .bg-theme-warning { background-color: var(--wf-warning); }

.theme-nature .border-theme-warning { border-color: var(--wf-warning); }

.theme-nature .text-theme-error { color: var(--wf-error); }

.theme-nature .bg-theme-error { background-color: var(--wf-error); }

.theme-nature .border-theme-error { border-color: var(--wf-error); }

.theme-nature .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-nature .bg-gradient-theme-forest { background: var(--wf-gradient-forest); }

.theme-nature .bg-gradient-theme-sunset { background: var(--wf-gradient-sunset); }


/* Theme: Ocean - Deep blue oceanic theme */
.theme-ocean {
  /* Color Variables */

  --wf-primary: #0ea5e9;

  --wf-secondary: #0284c7;

  --wf-accent: #06b6d4;

  --wf-background: #f0f9ff;

  --wf-surface: #e0f2fe;

  --wf-surface-light: #bae6fd;

  --wf-text: #0c4a6e;

  --wf-text-muted: #0369a1;

  --wf-border: #7dd3fc;

  --wf-success: #059669;

  --wf-warning: #d97706;

  --wf-error: #dc2626;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(135deg, #0ea5e9, #0284c7);

  --wf-gradient-ocean: linear-gradient(135deg, #0c4a6e, #075985, #0284c7);

  --wf-gradient-wave: radial-gradient(ellipse at center, #bae6fd, #0ea5e9);

}

.theme-ocean .text-theme-primary { color: var(--wf-primary); }

.theme-ocean .bg-theme-primary { background-color: var(--wf-primary); }

.theme-ocean .border-theme-primary { border-color: var(--wf-primary); }

.theme-ocean .text-theme-secondary { color: var(--wf-secondary); }

.theme-ocean .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-ocean .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-ocean .text-theme-accent { color: var(--wf-accent); }

.theme-ocean .bg-theme-accent { background-color: var(--wf-accent); }

.theme-ocean .border-theme-accent { border-color: var(--wf-accent); }

.theme-ocean .text-theme-background { color: var(--wf-background); }

.theme-ocean .bg-theme-background { background-color: var(--wf-background); }

.theme-ocean .border-theme-background { border-color: var(--wf-background); }

.theme-ocean .text-theme-surface { color: var(--wf-surface); }

.theme-ocean .bg-theme-surface { background-color: var(--wf-surface); }

.theme-ocean .border-theme-surface { border-color: var(--wf-surface); }

.theme-ocean .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-ocean .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-ocean .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-ocean .text-theme-text { color: var(--wf-text); }

.theme-ocean .bg-theme-text { background-color: var(--wf-text); }

.theme-ocean .border-theme-text { border-color: var(--wf-text); }

.theme-ocean .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-ocean .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-ocean .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-ocean .text-theme-border { color: var(--wf-border); }

.theme-ocean .bg-theme-border { background-color: var(--wf-border); }

.theme-ocean .border-theme-border { border-color: var(--wf-border); }

.theme-ocean .text-theme-success { color: var(--wf-success); }

.theme-ocean .bg-theme-success { background-color: var(--wf-success); }

.theme-ocean .border-theme-success { border-color: var(--wf-success); }

.theme-ocean .text-theme-warning { color: var(--wf-warning); }

.theme-ocean .bg-theme-warning { background-color: var(--wf-warning); }

.theme-ocean .border-theme-warning { border-color: var(--wf-warning); }

.theme-ocean .text-theme-error { color: var(--wf-error); }

.theme-ocean .bg-theme-error { background-color: var(--wf-error); }

.theme-ocean .border-theme-error { border-color: var(--wf-error); }

.theme-ocean .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-ocean .bg-gradient-theme-ocean { background: var(--wf-gradient-ocean); }

.theme-ocean .bg-gradient-theme-wave { background: var(--wf-gradient-wave); }


/* Theme: Monochrome - Elegant black and white */
.theme-monochrome {
  /* Color Variables */

  --wf-primary: #000000;

  --wf-secondary: #404040;

  --wf-accent: #808080;

  --wf-background: #ffffff;

  --wf-surface: #f8f9fa;

  --wf-surface-light: #e9ecef;

  --wf-text: #000000;

  --wf-text-muted: #6c757d;

  --wf-border: #dee2e6;

  --wf-success: #28a745;

  --wf-warning: #ffc107;

  --wf-error: #dc3545;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(135deg, #000000, #404040);

  --wf-gradient-light: linear-gradient(135deg, #f8f9fa, #ffffff);

  --wf-gradient-contrast: linear-gradient(45deg, #000000, #ffffff);

}

.theme-monochrome .text-theme-primary { color: var(--wf-primary); }

.theme-monochrome .bg-theme-primary { background-color: var(--wf-primary); }

.theme-monochrome .border-theme-primary { border-color: var(--wf-primary); }

.theme-monochrome .text-theme-secondary { color: var(--wf-secondary); }

.theme-monochrome .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-monochrome .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-monochrome .text-theme-accent { color: var(--wf-accent); }

.theme-monochrome .bg-theme-accent { background-color: var(--wf-accent); }

.theme-monochrome .border-theme-accent { border-color: var(--wf-accent); }

.theme-monochrome .text-theme-background { color: var(--wf-background); }

.theme-monochrome .bg-theme-background { background-color: var(--wf-background); }

.theme-monochrome .border-theme-background { border-color: var(--wf-background); }

.theme-monochrome .text-theme-surface { color: var(--wf-surface); }

.theme-monochrome .bg-theme-surface { background-color: var(--wf-surface); }

.theme-monochrome .border-theme-surface { border-color: var(--wf-surface); }

.theme-monochrome .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-monochrome .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-monochrome .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-monochrome .text-theme-text { color: var(--wf-text); }

.theme-monochrome .bg-theme-text { background-color: var(--wf-text); }

.theme-monochrome .border-theme-text { border-color: var(--wf-text); }

.theme-monochrome .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-monochrome .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-monochrome .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-monochrome .text-theme-border { color: var(--wf-border); }

.theme-monochrome .bg-theme-border { background-color: var(--wf-border); }

.theme-monochrome .border-theme-border { border-color: var(--wf-border); }

.theme-monochrome .text-theme-success { color: var(--wf-success); }

.theme-monochrome .bg-theme-success { background-color: var(--wf-success); }

.theme-monochrome .border-theme-success { border-color: var(--wf-success); }

.theme-monochrome .text-theme-warning { color: var(--wf-warning); }

.theme-monochrome .bg-theme-warning { background-color: var(--wf-warning); }

.theme-monochrome .border-theme-warning { border-color: var(--wf-warning); }

.theme-monochrome .text-theme-error { color: var(--wf-error); }

.theme-monochrome .bg-theme-error { background-color: var(--wf-error); }

.theme-monochrome .border-theme-error { border-color: var(--wf-error); }

.theme-monochrome .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-monochrome .bg-gradient-theme-light { background: var(--wf-gradient-light); }

.theme-monochrome .bg-gradient-theme-contrast { background: var(--wf-gradient-contrast); }


/* Theme: Sunset - Warm sunset colors */
.theme-sunset {
  /* Color Variables */

  --wf-primary: #f97316;

  --wf-secondary: #ea580c;

  --wf-accent: #fbbf24;

  --wf-background: #fffbeb;

  --wf-surface: #fef3c7;

  --wf-surface-light: #fde68a;

  --wf-text: #92400e;

  --wf-text-muted: #d97706;

  --wf-border: #fcd34d;

  --wf-success: #65a30d;

  --wf-warning: #ca8a04;

  --wf-error: #dc2626;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(135deg, #f97316, #ea580c);

  --wf-gradient-sunset: linear-gradient(135deg, #fbbf24, #f97316, #ea580c, #dc2626);

  --wf-gradient-warm: radial-gradient(ellipse at center, #fef3c7, #f97316);

}

.theme-sunset .text-theme-primary { color: var(--wf-primary); }

.theme-sunset .bg-theme-primary { background-color: var(--wf-primary); }

.theme-sunset .border-theme-primary { border-color: var(--wf-primary); }

.theme-sunset .text-theme-secondary { color: var(--wf-secondary); }

.theme-sunset .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-sunset .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-sunset .text-theme-accent { color: var(--wf-accent); }

.theme-sunset .bg-theme-accent { background-color: var(--wf-accent); }

.theme-sunset .border-theme-accent { border-color: var(--wf-accent); }

.theme-sunset .text-theme-background { color: var(--wf-background); }

.theme-sunset .bg-theme-background { background-color: var(--wf-background); }

.theme-sunset .border-theme-background { border-color: var(--wf-background); }

.theme-sunset .text-theme-surface { color: var(--wf-surface); }

.theme-sunset .bg-theme-surface { background-color: var(--wf-surface); }

.theme-sunset .border-theme-surface { border-color: var(--wf-surface); }

.theme-sunset .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-sunset .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-sunset .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-sunset .text-theme-text { color: var(--wf-text); }

.theme-sunset .bg-theme-text { background-color: var(--wf-text); }

.theme-sunset .border-theme-text { border-color: var(--wf-text); }

.theme-sunset .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-sunset .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-sunset .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-sunset .text-theme-border { color: var(--wf-border); }

.theme-sunset .bg-theme-border { background-color: var(--wf-border); }

.theme-sunset .border-theme-border { border-color: var(--wf-border); }

.theme-sunset .text-theme-success { color: var(--wf-success); }

.theme-sunset .bg-theme-success { background-color: var(--wf-success); }

.theme-sunset .border-theme-success { border-color: var(--wf-success); }

.theme-sunset .text-theme-warning { color: var(--wf-warning); }

.theme-sunset .bg-theme-warning { background-color: var(--wf-warning); }

.theme-sunset .border-theme-warning { border-color: var(--wf-warning); }

.theme-sunset .text-theme-error { color: var(--wf-error); }

.theme-sunset .bg-theme-error { background-color: var(--wf-error); }

.theme-sunset .border-theme-error { border-color: var(--wf-error); }

.theme-sunset .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-sunset .bg-gradient-theme-sunset { background: var(--wf-gradient-sunset); }

.theme-sunset .bg-gradient-theme-warm { background: var(--wf-gradient-warm); }


/* Theme: Neon - Vibrant neon lights with glowing effects */
.theme-neon {
  /* Color Variables */

  --wf-primary: #ff00ff;

  --wf-secondary: #00ff00;

  --wf-accent: #00ffff;

  --wf-background: #000000;

  --wf-surface: #0a0a0a;

  --wf-surface-light: #1a1a1a;

  --wf-text: #ffffff;

  --wf-text-muted: #cccccc;

  --wf-border: #ff00ff;

  --wf-success: #00ff00;

  --wf-warning: #ffff00;

  --wf-error: #ff0000;

  /* Gradient Variables */

  --wf-gradient-primary: linear-gradient(45deg, #ff00ff, #00ffff);

  --wf-gradient-secondary: linear-gradient(45deg, #00ff00, #ffff00);

  --wf-gradient-neon: radial-gradient(circle at center, #ff00ff 0%, #00ffff 25%, #00ff00 50%, #ffff00 75%, #ff00ff 100%);

  --wf-gradient-glow: radial-gradient(ellipse at center, rgba(255, 0, 255, 0.5) 0%, transparent 70%);

}

.theme-neon .text-theme-primary { color: var(--wf-primary); }

.theme-neon .bg-theme-primary { background-color: var(--wf-primary); }

.theme-neon .border-theme-primary { border-color: var(--wf-primary); }

.theme-neon .text-theme-secondary { color: var(--wf-secondary); }

.theme-neon .bg-theme-secondary { background-color: var(--wf-secondary); }

.theme-neon .border-theme-secondary { border-color: var(--wf-secondary); }

.theme-neon .text-theme-accent { color: var(--wf-accent); }

.theme-neon .bg-theme-accent { background-color: var(--wf-accent); }

.theme-neon .border-theme-accent { border-color: var(--wf-accent); }

.theme-neon .text-theme-background { color: var(--wf-background); }

.theme-neon .bg-theme-background { background-color: var(--wf-background); }

.theme-neon .border-theme-background { border-color: var(--wf-background); }

.theme-neon .text-theme-surface { color: var(--wf-surface); }

.theme-neon .bg-theme-surface { background-color: var(--wf-surface); }

.theme-neon .border-theme-surface { border-color: var(--wf-surface); }

.theme-neon .text-theme-surface-light { color: var(--wf-surface-light); }

.theme-neon .bg-theme-surface-light { background-color: var(--wf-surface-light); }

.theme-neon .border-theme-surface-light { border-color: var(--wf-surface-light); }

.theme-neon .text-theme-text { color: var(--wf-text); }

.theme-neon .bg-theme-text { background-color: var(--wf-text); }

.theme-neon .border-theme-text { border-color: var(--wf-text); }

.theme-neon .text-theme-text-muted { color: var(--wf-text-muted); }

.theme-neon .bg-theme-text-muted { background-color: var(--wf-text-muted); }

.theme-neon .border-theme-text-muted { border-color: var(--wf-text-muted); }

.theme-neon .text-theme-border { color: var(--wf-border); }

.theme-neon .bg-theme-border { background-color: var(--wf-border); }

.theme-neon .border-theme-border { border-color: var(--wf-border); }

.theme-neon .text-theme-success { color: var(--wf-success); }

.theme-neon .bg-theme-success { background-color: var(--wf-success); }

.theme-neon .border-theme-success { border-color: var(--wf-success); }

.theme-neon .text-theme-warning { color: var(--wf-warning); }

.theme-neon .bg-theme-warning { background-color: var(--wf-warning); }

.theme-neon .border-theme-warning { border-color: var(--wf-warning); }

.theme-neon .text-theme-error { color: var(--wf-error); }

.theme-neon .bg-theme-error { background-color: var(--wf-error); }

.theme-neon .border-theme-error { border-color: var(--wf-error); }

.theme-neon .bg-gradient-theme-primary { background: var(--wf-gradient-primary); }

.theme-neon .bg-gradient-theme-secondary { background: var(--wf-gradient-secondary); }

.theme-neon .bg-gradient-theme-neon { background: var(--wf-gradient-neon); }

.theme-neon .bg-gradient-theme-glow { background: var(--wf-gradient-glow); }


/* Theme-specific Components */

/* Cyberpunk Neon Effects */
.theme-cyberpunk .neon-text {
  color: var(--wf-primary);
  text-shadow: 
    0 0 5px var(--wf-primary),
    0 0 10px var(--wf-primary),
    0 0 15px var(--wf-primary),
    0 0 20px var(--wf-primary);
  animation: wf-neon 1.5s ease-in-out infinite alternate;
}

.theme-cyberpunk .neon-border {
  border: 2px solid var(--wf-primary);
  box-shadow: 
    0 0 5px var(--wf-primary),
    inset 0 0 5px var(--wf-primary);
}

.theme-cyberpunk .cyber-grid {
  background-image: 
    linear-gradient(rgba(255, 0, 128, 0.3) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 0, 128, 0.3) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Glassmorphism Effects */
.theme-glassmorphism .glass-card {
  background: var(--wf-surface);
  backdrop-filter: blur(20px);
  border: 1px solid var(--wf-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.theme-glassmorphism .glass-nav {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* Retro Effects */
.theme-retro .retro-text {
  font-family: 'Courier New', monospace;
  color: var(--wf-primary);
  text-shadow: 
    3px 3px 0px var(--wf-secondary),
    6px 6px 0px var(--wf-accent);
}

.theme-retro .retro-border {
  border: 3px solid var(--wf-primary);
  border-style: double;
}

.theme-retro .scanlines::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent 50%, rgba(0, 255, 0, 0.1) 50%);
  background-size: 100% 4px;
  pointer-events: none;
}

/* Dark Theme Enhancements */
.theme-dark .dark-glow {
  box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
}

.theme-dark .dark-card {
  background: var(--wf-surface);
  border: 1px solid var(--wf-border);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Nature Theme Effects */
.theme-nature .leaf-shadow {
  box-shadow: 
    0 4px 8px rgba(34, 197, 94, 0.2),
    0 2px 4px rgba(34, 197, 94, 0.1);
}

.theme-nature .nature-gradient {
  background: linear-gradient(135deg, 
    rgba(34, 197, 94, 0.1),
    rgba(132, 204, 22, 0.1),
    rgba(234, 179, 8, 0.1));
}

/* Ocean Theme Effects */
.theme-ocean .wave-animation {
  background: linear-gradient(45deg, 
    rgba(14, 165, 233, 0.1),
    rgba(2, 132, 199, 0.2),
    rgba(6, 182, 212, 0.1));
  animation: wf-float 3s ease-in-out infinite;
}

.theme-ocean .ocean-depth {
  box-shadow: 
    0 8px 16px rgba(14, 165, 233, 0.2),
    0 4px 8px rgba(2, 132, 199, 0.1);
}

/* Sunset Theme Effects */
.theme-sunset .sunset-glow {
  background: var(--wf-gradient-sunset);
  background-size: 200% 200%;
  animation: wf-aurora 10s ease infinite;
}

.theme-sunset .warm-shadow {
  box-shadow: 
    0 4px 8px rgba(249, 115, 22, 0.3),
    0 2px 4px rgba(234, 88, 12, 0.2);
}

/* Theme Toggle Utilities */
.theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.theme-toggle:hover {
  transform: scale(1.05);
}

.theme-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.theme-card {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

.theme-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.theme-card.active {
  border-color: var(--wf-primary);
}

.theme-preview {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.theme-preview-color {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Responsive Variants */
@media (min-width: 640px) {
  .sm\:block { display: block; }
  .sm\:inline-block { display: inline-block; }
  .sm\:inline { display: inline; }
  .sm\:flex { display: flex; }
  .sm\:inline-flex { display: inline-flex; }
  .sm\:grid { display: grid; }
  .sm\:inline-grid { display: inline-grid; }
  .sm\:hidden { display: none; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:flex-nowrap { flex-wrap: nowrap; }
  .sm\: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\:m-0 { margin: 0px; }
  .sm\:p-0 { padding: 0px; }
  .sm\:gap-0 { gap: 0px; }
  .sm\:m-1 { margin: 0.25rem; }
  .sm\:p-1 { padding: 0.25rem; }
  .sm\:gap-1 { gap: 0.25rem; }
  .sm\:m-2 { margin: 0.5rem; }
  .sm\:p-2 { padding: 0.5rem; }
  .sm\:gap-2 { gap: 0.5rem; }
  .sm\:m-3 { margin: 0.75rem; }
  .sm\:p-3 { padding: 0.75rem; }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:m-4 { margin: 1rem; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:gap-4 { gap: 1rem; }
  .sm\:m-5 { margin: 1.25rem; }
  .sm\:p-5 { padding: 1.25rem; }
  .sm\:gap-5 { gap: 1.25rem; }
  .sm\:m-6 { margin: 1.5rem; }
  .sm\:p-6 { padding: 1.5rem; }
  .sm\:gap-6 { gap: 1.5rem; }
  .sm\:m-7 { margin: 1.75rem; }
  .sm\:p-7 { padding: 1.75rem; }
  .sm\:gap-7 { gap: 1.75rem; }
  .sm\:m-8 { margin: 2rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:gap-8 { gap: 2rem; }
  .sm\:m-9 { margin: 2.25rem; }
  .sm\:p-9 { padding: 2.25rem; }
  .sm\:gap-9 { gap: 2.25rem; }
  .sm\:m-10 { margin: 2.5rem; }
  .sm\:p-10 { padding: 2.5rem; }
  .sm\:gap-10 { gap: 2.5rem; }
  .sm\:m-11 { margin: 2.75rem; }
  .sm\:p-11 { padding: 2.75rem; }
  .sm\:gap-11 { gap: 2.75rem; }
  .sm\:m-12 { margin: 3rem; }
  .sm\:p-12 { padding: 3rem; }
  .sm\:gap-12 { gap: 3rem; }
  .sm\:m-14 { margin: 3.5rem; }
  .sm\:p-14 { padding: 3.5rem; }
  .sm\:gap-14 { gap: 3.5rem; }
  .sm\:m-16 { margin: 4rem; }
  .sm\:p-16 { padding: 4rem; }
  .sm\:gap-16 { gap: 4rem; }
  .sm\:m-20 { margin: 5rem; }
  .sm\:p-20 { padding: 5rem; }
  .sm\:gap-20 { gap: 5rem; }
  .sm\:m-24 { margin: 6rem; }
  .sm\:p-24 { padding: 6rem; }
  .sm\:gap-24 { gap: 6rem; }
  .sm\:m-28 { margin: 7rem; }
  .sm\:p-28 { padding: 7rem; }
  .sm\:gap-28 { gap: 7rem; }
  .sm\:m-32 { margin: 8rem; }
  .sm\:p-32 { padding: 8rem; }
  .sm\:gap-32 { gap: 8rem; }
  .sm\:m-36 { margin: 9rem; }
  .sm\:p-36 { padding: 9rem; }
  .sm\:gap-36 { gap: 9rem; }
  .sm\:m-40 { margin: 10rem; }
  .sm\:p-40 { padding: 10rem; }
  .sm\:gap-40 { gap: 10rem; }
  .sm\:m-44 { margin: 11rem; }
  .sm\:p-44 { padding: 11rem; }
  .sm\:gap-44 { gap: 11rem; }
  .sm\:m-48 { margin: 12rem; }
  .sm\:p-48 { padding: 12rem; }
  .sm\:gap-48 { gap: 12rem; }
  .sm\:m-52 { margin: 13rem; }
  .sm\:p-52 { padding: 13rem; }
  .sm\:gap-52 { gap: 13rem; }
  .sm\:m-56 { margin: 14rem; }
  .sm\:p-56 { padding: 14rem; }
  .sm\:gap-56 { gap: 14rem; }
  .sm\:m-60 { margin: 15rem; }
  .sm\:p-60 { padding: 15rem; }
  .sm\:gap-60 { gap: 15rem; }
  .sm\:m-64 { margin: 16rem; }
  .sm\:p-64 { padding: 16rem; }
  .sm\:gap-64 { gap: 16rem; }
  .sm\:m-72 { margin: 18rem; }
  .sm\:p-72 { padding: 18rem; }
  .sm\:gap-72 { gap: 18rem; }
  .sm\:m-80 { margin: 20rem; }
  .sm\:p-80 { padding: 20rem; }
  .sm\:gap-80 { gap: 20rem; }
  .sm\:m-96 { margin: 24rem; }
  .sm\:p-96 { padding: 24rem; }
  .sm\:gap-96 { gap: 24rem; }
  .sm\:m-px { margin: 1px; }
  .sm\:p-px { padding: 1px; }
  .sm\:gap-px { gap: 1px; }
  .sm\:m-0.5 { margin: 0.125rem; }
  .sm\:p-0.5 { padding: 0.125rem; }
  .sm\:gap-0.5 { gap: 0.125rem; }
  .sm\:m-1.5 { margin: 0.375rem; }
  .sm\:p-1.5 { padding: 0.375rem; }
  .sm\:gap-1.5 { gap: 0.375rem; }
  .sm\:m-2.5 { margin: 0.625rem; }
  .sm\:p-2.5 { padding: 0.625rem; }
  .sm\:gap-2.5 { gap: 0.625rem; }
  .sm\:m-3.5 { margin: 0.875rem; }
  .sm\:p-3.5 { padding: 0.875rem; }
  .sm\:gap-3.5 { gap: 0.875rem; }
  .sm\:w-full { width: 100%; }
  .sm\:w-auto { width: auto; }
  .sm\:w-screen { width: 100vw; }
  .sm\:w-min { width: min-content; }
  .sm\:w-max { width: max-content; }
  .sm\:w-fit { width: fit-content; }
  .sm\:text-xs { font-size: 0.75rem; line-height: [object Object]; }
  .sm\:text-sm { font-size: 0.875rem; line-height: [object Object]; }
  .sm\:text-base { font-size: 1rem; line-height: [object Object]; }
  .sm\:text-lg { font-size: 1.125rem; line-height: [object Object]; }
  .sm\:text-xl { font-size: 1.25rem; line-height: [object Object]; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: [object Object]; }
  .sm\:text-3xl { font-size: 1.875rem; line-height: [object Object]; }
  .sm\:text-4xl { font-size: 2.25rem; line-height: [object Object]; }
  .sm\:text-5xl { font-size: 3rem; line-height: [object Object]; }
  .sm\:text-6xl { font-size: 3.75rem; line-height: [object Object]; }
  .sm\:text-7xl { font-size: 4.5rem; line-height: [object Object]; }
  .sm\:text-8xl { font-size: 6rem; line-height: [object Object]; }
  .sm\:text-9xl { font-size: 8rem; line-height: [object Object]; }
}
@media (min-width: 768px) {
  .md\:block { display: block; }
  .md\:inline-block { display: inline-block; }
  .md\:inline { display: inline; }
  .md\:flex { display: flex; }
  .md\:inline-flex { display: inline-flex; }
  .md\:grid { display: grid; }
  .md\:inline-grid { display: inline-grid; }
  .md\:hidden { display: none; }
  .md\:flex-row { flex-direction: row; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:flex-nowrap { flex-wrap: nowrap; }
  .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\:m-0 { margin: 0px; }
  .md\:p-0 { padding: 0px; }
  .md\:gap-0 { gap: 0px; }
  .md\:m-1 { margin: 0.25rem; }
  .md\:p-1 { padding: 0.25rem; }
  .md\:gap-1 { gap: 0.25rem; }
  .md\:m-2 { margin: 0.5rem; }
  .md\:p-2 { padding: 0.5rem; }
  .md\:gap-2 { gap: 0.5rem; }
  .md\:m-3 { margin: 0.75rem; }
  .md\:p-3 { padding: 0.75rem; }
  .md\:gap-3 { gap: 0.75rem; }
  .md\:m-4 { margin: 1rem; }
  .md\:p-4 { padding: 1rem; }
  .md\:gap-4 { gap: 1rem; }
  .md\:m-5 { margin: 1.25rem; }
  .md\:p-5 { padding: 1.25rem; }
  .md\:gap-5 { gap: 1.25rem; }
  .md\:m-6 { margin: 1.5rem; }
  .md\:p-6 { padding: 1.5rem; }
  .md\:gap-6 { gap: 1.5rem; }
  .md\:m-7 { margin: 1.75rem; }
  .md\:p-7 { padding: 1.75rem; }
  .md\:gap-7 { gap: 1.75rem; }
  .md\:m-8 { margin: 2rem; }
  .md\:p-8 { padding: 2rem; }
  .md\:gap-8 { gap: 2rem; }
  .md\:m-9 { margin: 2.25rem; }
  .md\:p-9 { padding: 2.25rem; }
  .md\:gap-9 { gap: 2.25rem; }
  .md\:m-10 { margin: 2.5rem; }
  .md\:p-10 { padding: 2.5rem; }
  .md\:gap-10 { gap: 2.5rem; }
  .md\:m-11 { margin: 2.75rem; }
  .md\:p-11 { padding: 2.75rem; }
  .md\:gap-11 { gap: 2.75rem; }
  .md\:m-12 { margin: 3rem; }
  .md\:p-12 { padding: 3rem; }
  .md\:gap-12 { gap: 3rem; }
  .md\:m-14 { margin: 3.5rem; }
  .md\:p-14 { padding: 3.5rem; }
  .md\:gap-14 { gap: 3.5rem; }
  .md\:m-16 { margin: 4rem; }
  .md\:p-16 { padding: 4rem; }
  .md\:gap-16 { gap: 4rem; }
  .md\:m-20 { margin: 5rem; }
  .md\:p-20 { padding: 5rem; }
  .md\:gap-20 { gap: 5rem; }
  .md\:m-24 { margin: 6rem; }
  .md\:p-24 { padding: 6rem; }
  .md\:gap-24 { gap: 6rem; }
  .md\:m-28 { margin: 7rem; }
  .md\:p-28 { padding: 7rem; }
  .md\:gap-28 { gap: 7rem; }
  .md\:m-32 { margin: 8rem; }
  .md\:p-32 { padding: 8rem; }
  .md\:gap-32 { gap: 8rem; }
  .md\:m-36 { margin: 9rem; }
  .md\:p-36 { padding: 9rem; }
  .md\:gap-36 { gap: 9rem; }
  .md\:m-40 { margin: 10rem; }
  .md\:p-40 { padding: 10rem; }
  .md\:gap-40 { gap: 10rem; }
  .md\:m-44 { margin: 11rem; }
  .md\:p-44 { padding: 11rem; }
  .md\:gap-44 { gap: 11rem; }
  .md\:m-48 { margin: 12rem; }
  .md\:p-48 { padding: 12rem; }
  .md\:gap-48 { gap: 12rem; }
  .md\:m-52 { margin: 13rem; }
  .md\:p-52 { padding: 13rem; }
  .md\:gap-52 { gap: 13rem; }
  .md\:m-56 { margin: 14rem; }
  .md\:p-56 { padding: 14rem; }
  .md\:gap-56 { gap: 14rem; }
  .md\:m-60 { margin: 15rem; }
  .md\:p-60 { padding: 15rem; }
  .md\:gap-60 { gap: 15rem; }
  .md\:m-64 { margin: 16rem; }
  .md\:p-64 { padding: 16rem; }
  .md\:gap-64 { gap: 16rem; }
  .md\:m-72 { margin: 18rem; }
  .md\:p-72 { padding: 18rem; }
  .md\:gap-72 { gap: 18rem; }
  .md\:m-80 { margin: 20rem; }
  .md\:p-80 { padding: 20rem; }
  .md\:gap-80 { gap: 20rem; }
  .md\:m-96 { margin: 24rem; }
  .md\:p-96 { padding: 24rem; }
  .md\:gap-96 { gap: 24rem; }
  .md\:m-px { margin: 1px; }
  .md\:p-px { padding: 1px; }
  .md\:gap-px { gap: 1px; }
  .md\:m-0.5 { margin: 0.125rem; }
  .md\:p-0.5 { padding: 0.125rem; }
  .md\:gap-0.5 { gap: 0.125rem; }
  .md\:m-1.5 { margin: 0.375rem; }
  .md\:p-1.5 { padding: 0.375rem; }
  .md\:gap-1.5 { gap: 0.375rem; }
  .md\:m-2.5 { margin: 0.625rem; }
  .md\:p-2.5 { padding: 0.625rem; }
  .md\:gap-2.5 { gap: 0.625rem; }
  .md\:m-3.5 { margin: 0.875rem; }
  .md\:p-3.5 { padding: 0.875rem; }
  .md\:gap-3.5 { gap: 0.875rem; }
  .md\:w-full { width: 100%; }
  .md\:w-auto { width: auto; }
  .md\:w-screen { width: 100vw; }
  .md\:w-min { width: min-content; }
  .md\:w-max { width: max-content; }
  .md\:w-fit { width: fit-content; }
  .md\:text-xs { font-size: 0.75rem; line-height: [object Object]; }
  .md\:text-sm { font-size: 0.875rem; line-height: [object Object]; }
  .md\:text-base { font-size: 1rem; line-height: [object Object]; }
  .md\:text-lg { font-size: 1.125rem; line-height: [object Object]; }
  .md\:text-xl { font-size: 1.25rem; line-height: [object Object]; }
  .md\:text-2xl { font-size: 1.5rem; line-height: [object Object]; }
  .md\:text-3xl { font-size: 1.875rem; line-height: [object Object]; }
  .md\:text-4xl { font-size: 2.25rem; line-height: [object Object]; }
  .md\:text-5xl { font-size: 3rem; line-height: [object Object]; }
  .md\:text-6xl { font-size: 3.75rem; line-height: [object Object]; }
  .md\:text-7xl { font-size: 4.5rem; line-height: [object Object]; }
  .md\:text-8xl { font-size: 6rem; line-height: [object Object]; }
  .md\:text-9xl { font-size: 8rem; line-height: [object Object]; }
}
@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:inline-block { display: inline-block; }
  .lg\:inline { display: inline; }
  .lg\:flex { display: flex; }
  .lg\:inline-flex { display: inline-flex; }
  .lg\:grid { display: grid; }
  .lg\:inline-grid { display: inline-grid; }
  .lg\:hidden { display: none; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-wrap { flex-wrap: wrap; }
  .lg\:flex-nowrap { flex-wrap: nowrap; }
  .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\:m-0 { margin: 0px; }
  .lg\:p-0 { padding: 0px; }
  .lg\:gap-0 { gap: 0px; }
  .lg\:m-1 { margin: 0.25rem; }
  .lg\:p-1 { padding: 0.25rem; }
  .lg\:gap-1 { gap: 0.25rem; }
  .lg\:m-2 { margin: 0.5rem; }
  .lg\:p-2 { padding: 0.5rem; }
  .lg\:gap-2 { gap: 0.5rem; }
  .lg\:m-3 { margin: 0.75rem; }
  .lg\:p-3 { padding: 0.75rem; }
  .lg\:gap-3 { gap: 0.75rem; }
  .lg\:m-4 { margin: 1rem; }
  .lg\:p-4 { padding: 1rem; }
  .lg\:gap-4 { gap: 1rem; }
  .lg\:m-5 { margin: 1.25rem; }
  .lg\:p-5 { padding: 1.25rem; }
  .lg\:gap-5 { gap: 1.25rem; }
  .lg\:m-6 { margin: 1.5rem; }
  .lg\:p-6 { padding: 1.5rem; }
  .lg\:gap-6 { gap: 1.5rem; }
  .lg\:m-7 { margin: 1.75rem; }
  .lg\:p-7 { padding: 1.75rem; }
  .lg\:gap-7 { gap: 1.75rem; }
  .lg\:m-8 { margin: 2rem; }
  .lg\:p-8 { padding: 2rem; }
  .lg\:gap-8 { gap: 2rem; }
  .lg\:m-9 { margin: 2.25rem; }
  .lg\:p-9 { padding: 2.25rem; }
  .lg\:gap-9 { gap: 2.25rem; }
  .lg\:m-10 { margin: 2.5rem; }
  .lg\:p-10 { padding: 2.5rem; }
  .lg\:gap-10 { gap: 2.5rem; }
  .lg\:m-11 { margin: 2.75rem; }
  .lg\:p-11 { padding: 2.75rem; }
  .lg\:gap-11 { gap: 2.75rem; }
  .lg\:m-12 { margin: 3rem; }
  .lg\:p-12 { padding: 3rem; }
  .lg\:gap-12 { gap: 3rem; }
  .lg\:m-14 { margin: 3.5rem; }
  .lg\:p-14 { padding: 3.5rem; }
  .lg\:gap-14 { gap: 3.5rem; }
  .lg\:m-16 { margin: 4rem; }
  .lg\:p-16 { padding: 4rem; }
  .lg\:gap-16 { gap: 4rem; }
  .lg\:m-20 { margin: 5rem; }
  .lg\:p-20 { padding: 5rem; }
  .lg\:gap-20 { gap: 5rem; }
  .lg\:m-24 { margin: 6rem; }
  .lg\:p-24 { padding: 6rem; }
  .lg\:gap-24 { gap: 6rem; }
  .lg\:m-28 { margin: 7rem; }
  .lg\:p-28 { padding: 7rem; }
  .lg\:gap-28 { gap: 7rem; }
  .lg\:m-32 { margin: 8rem; }
  .lg\:p-32 { padding: 8rem; }
  .lg\:gap-32 { gap: 8rem; }
  .lg\:m-36 { margin: 9rem; }
  .lg\:p-36 { padding: 9rem; }
  .lg\:gap-36 { gap: 9rem; }
  .lg\:m-40 { margin: 10rem; }
  .lg\:p-40 { padding: 10rem; }
  .lg\:gap-40 { gap: 10rem; }
  .lg\:m-44 { margin: 11rem; }
  .lg\:p-44 { padding: 11rem; }
  .lg\:gap-44 { gap: 11rem; }
  .lg\:m-48 { margin: 12rem; }
  .lg\:p-48 { padding: 12rem; }
  .lg\:gap-48 { gap: 12rem; }
  .lg\:m-52 { margin: 13rem; }
  .lg\:p-52 { padding: 13rem; }
  .lg\:gap-52 { gap: 13rem; }
  .lg\:m-56 { margin: 14rem; }
  .lg\:p-56 { padding: 14rem; }
  .lg\:gap-56 { gap: 14rem; }
  .lg\:m-60 { margin: 15rem; }
  .lg\:p-60 { padding: 15rem; }
  .lg\:gap-60 { gap: 15rem; }
  .lg\:m-64 { margin: 16rem; }
  .lg\:p-64 { padding: 16rem; }
  .lg\:gap-64 { gap: 16rem; }
  .lg\:m-72 { margin: 18rem; }
  .lg\:p-72 { padding: 18rem; }
  .lg\:gap-72 { gap: 18rem; }
  .lg\:m-80 { margin: 20rem; }
  .lg\:p-80 { padding: 20rem; }
  .lg\:gap-80 { gap: 20rem; }
  .lg\:m-96 { margin: 24rem; }
  .lg\:p-96 { padding: 24rem; }
  .lg\:gap-96 { gap: 24rem; }
  .lg\:m-px { margin: 1px; }
  .lg\:p-px { padding: 1px; }
  .lg\:gap-px { gap: 1px; }
  .lg\:m-0.5 { margin: 0.125rem; }
  .lg\:p-0.5 { padding: 0.125rem; }
  .lg\:gap-0.5 { gap: 0.125rem; }
  .lg\:m-1.5 { margin: 0.375rem; }
  .lg\:p-1.5 { padding: 0.375rem; }
  .lg\:gap-1.5 { gap: 0.375rem; }
  .lg\:m-2.5 { margin: 0.625rem; }
  .lg\:p-2.5 { padding: 0.625rem; }
  .lg\:gap-2.5 { gap: 0.625rem; }
  .lg\:m-3.5 { margin: 0.875rem; }
  .lg\:p-3.5 { padding: 0.875rem; }
  .lg\:gap-3.5 { gap: 0.875rem; }
  .lg\:w-full { width: 100%; }
  .lg\:w-auto { width: auto; }
  .lg\:w-screen { width: 100vw; }
  .lg\:w-min { width: min-content; }
  .lg\:w-max { width: max-content; }
  .lg\:w-fit { width: fit-content; }
  .lg\:text-xs { font-size: 0.75rem; line-height: [object Object]; }
  .lg\:text-sm { font-size: 0.875rem; line-height: [object Object]; }
  .lg\:text-base { font-size: 1rem; line-height: [object Object]; }
  .lg\:text-lg { font-size: 1.125rem; line-height: [object Object]; }
  .lg\:text-xl { font-size: 1.25rem; line-height: [object Object]; }
  .lg\:text-2xl { font-size: 1.5rem; line-height: [object Object]; }
  .lg\:text-3xl { font-size: 1.875rem; line-height: [object Object]; }
  .lg\:text-4xl { font-size: 2.25rem; line-height: [object Object]; }
  .lg\:text-5xl { font-size: 3rem; line-height: [object Object]; }
  .lg\:text-6xl { font-size: 3.75rem; line-height: [object Object]; }
  .lg\:text-7xl { font-size: 4.5rem; line-height: [object Object]; }
  .lg\:text-8xl { font-size: 6rem; line-height: [object Object]; }
  .lg\:text-9xl { font-size: 8rem; line-height: [object Object]; }
}
@media (min-width: 1280px) {
  .xl\:block { display: block; }
  .xl\:inline-block { display: inline-block; }
  .xl\:inline { display: inline; }
  .xl\:flex { display: flex; }
  .xl\:inline-flex { display: inline-flex; }
  .xl\:grid { display: grid; }
  .xl\:inline-grid { display: inline-grid; }
  .xl\:hidden { display: none; }
  .xl\:flex-row { flex-direction: row; }
  .xl\:flex-col { flex-direction: column; }
  .xl\:flex-wrap { flex-wrap: wrap; }
  .xl\:flex-nowrap { flex-wrap: nowrap; }
  .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\:m-0 { margin: 0px; }
  .xl\:p-0 { padding: 0px; }
  .xl\:gap-0 { gap: 0px; }
  .xl\:m-1 { margin: 0.25rem; }
  .xl\:p-1 { padding: 0.25rem; }
  .xl\:gap-1 { gap: 0.25rem; }
  .xl\:m-2 { margin: 0.5rem; }
  .xl\:p-2 { padding: 0.5rem; }
  .xl\:gap-2 { gap: 0.5rem; }
  .xl\:m-3 { margin: 0.75rem; }
  .xl\:p-3 { padding: 0.75rem; }
  .xl\:gap-3 { gap: 0.75rem; }
  .xl\:m-4 { margin: 1rem; }
  .xl\:p-4 { padding: 1rem; }
  .xl\:gap-4 { gap: 1rem; }
  .xl\:m-5 { margin: 1.25rem; }
  .xl\:p-5 { padding: 1.25rem; }
  .xl\:gap-5 { gap: 1.25rem; }
  .xl\:m-6 { margin: 1.5rem; }
  .xl\:p-6 { padding: 1.5rem; }
  .xl\:gap-6 { gap: 1.5rem; }
  .xl\:m-7 { margin: 1.75rem; }
  .xl\:p-7 { padding: 1.75rem; }
  .xl\:gap-7 { gap: 1.75rem; }
  .xl\:m-8 { margin: 2rem; }
  .xl\:p-8 { padding: 2rem; }
  .xl\:gap-8 { gap: 2rem; }
  .xl\:m-9 { margin: 2.25rem; }
  .xl\:p-9 { padding: 2.25rem; }
  .xl\:gap-9 { gap: 2.25rem; }
  .xl\:m-10 { margin: 2.5rem; }
  .xl\:p-10 { padding: 2.5rem; }
  .xl\:gap-10 { gap: 2.5rem; }
  .xl\:m-11 { margin: 2.75rem; }
  .xl\:p-11 { padding: 2.75rem; }
  .xl\:gap-11 { gap: 2.75rem; }
  .xl\:m-12 { margin: 3rem; }
  .xl\:p-12 { padding: 3rem; }
  .xl\:gap-12 { gap: 3rem; }
  .xl\:m-14 { margin: 3.5rem; }
  .xl\:p-14 { padding: 3.5rem; }
  .xl\:gap-14 { gap: 3.5rem; }
  .xl\:m-16 { margin: 4rem; }
  .xl\:p-16 { padding: 4rem; }
  .xl\:gap-16 { gap: 4rem; }
  .xl\:m-20 { margin: 5rem; }
  .xl\:p-20 { padding: 5rem; }
  .xl\:gap-20 { gap: 5rem; }
  .xl\:m-24 { margin: 6rem; }
  .xl\:p-24 { padding: 6rem; }
  .xl\:gap-24 { gap: 6rem; }
  .xl\:m-28 { margin: 7rem; }
  .xl\:p-28 { padding: 7rem; }
  .xl\:gap-28 { gap: 7rem; }
  .xl\:m-32 { margin: 8rem; }
  .xl\:p-32 { padding: 8rem; }
  .xl\:gap-32 { gap: 8rem; }
  .xl\:m-36 { margin: 9rem; }
  .xl\:p-36 { padding: 9rem; }
  .xl\:gap-36 { gap: 9rem; }
  .xl\:m-40 { margin: 10rem; }
  .xl\:p-40 { padding: 10rem; }
  .xl\:gap-40 { gap: 10rem; }
  .xl\:m-44 { margin: 11rem; }
  .xl\:p-44 { padding: 11rem; }
  .xl\:gap-44 { gap: 11rem; }
  .xl\:m-48 { margin: 12rem; }
  .xl\:p-48 { padding: 12rem; }
  .xl\:gap-48 { gap: 12rem; }
  .xl\:m-52 { margin: 13rem; }
  .xl\:p-52 { padding: 13rem; }
  .xl\:gap-52 { gap: 13rem; }
  .xl\:m-56 { margin: 14rem; }
  .xl\:p-56 { padding: 14rem; }
  .xl\:gap-56 { gap: 14rem; }
  .xl\:m-60 { margin: 15rem; }
  .xl\:p-60 { padding: 15rem; }
  .xl\:gap-60 { gap: 15rem; }
  .xl\:m-64 { margin: 16rem; }
  .xl\:p-64 { padding: 16rem; }
  .xl\:gap-64 { gap: 16rem; }
  .xl\:m-72 { margin: 18rem; }
  .xl\:p-72 { padding: 18rem; }
  .xl\:gap-72 { gap: 18rem; }
  .xl\:m-80 { margin: 20rem; }
  .xl\:p-80 { padding: 20rem; }
  .xl\:gap-80 { gap: 20rem; }
  .xl\:m-96 { margin: 24rem; }
  .xl\:p-96 { padding: 24rem; }
  .xl\:gap-96 { gap: 24rem; }
  .xl\:m-px { margin: 1px; }
  .xl\:p-px { padding: 1px; }
  .xl\:gap-px { gap: 1px; }
  .xl\:m-0.5 { margin: 0.125rem; }
  .xl\:p-0.5 { padding: 0.125rem; }
  .xl\:gap-0.5 { gap: 0.125rem; }
  .xl\:m-1.5 { margin: 0.375rem; }
  .xl\:p-1.5 { padding: 0.375rem; }
  .xl\:gap-1.5 { gap: 0.375rem; }
  .xl\:m-2.5 { margin: 0.625rem; }
  .xl\:p-2.5 { padding: 0.625rem; }
  .xl\:gap-2.5 { gap: 0.625rem; }
  .xl\:m-3.5 { margin: 0.875rem; }
  .xl\:p-3.5 { padding: 0.875rem; }
  .xl\:gap-3.5 { gap: 0.875rem; }
  .xl\:w-full { width: 100%; }
  .xl\:w-auto { width: auto; }
  .xl\:w-screen { width: 100vw; }
  .xl\:w-min { width: min-content; }
  .xl\:w-max { width: max-content; }
  .xl\:w-fit { width: fit-content; }
  .xl\:text-xs { font-size: 0.75rem; line-height: [object Object]; }
  .xl\:text-sm { font-size: 0.875rem; line-height: [object Object]; }
  .xl\:text-base { font-size: 1rem; line-height: [object Object]; }
  .xl\:text-lg { font-size: 1.125rem; line-height: [object Object]; }
  .xl\:text-xl { font-size: 1.25rem; line-height: [object Object]; }
  .xl\:text-2xl { font-size: 1.5rem; line-height: [object Object]; }
  .xl\:text-3xl { font-size: 1.875rem; line-height: [object Object]; }
  .xl\:text-4xl { font-size: 2.25rem; line-height: [object Object]; }
  .xl\:text-5xl { font-size: 3rem; line-height: [object Object]; }
  .xl\:text-6xl { font-size: 3.75rem; line-height: [object Object]; }
  .xl\:text-7xl { font-size: 4.5rem; line-height: [object Object]; }
  .xl\:text-8xl { font-size: 6rem; line-height: [object Object]; }
  .xl\:text-9xl { font-size: 8rem; line-height: [object Object]; }
}
@media (min-width: 1536px) {
  .2xl\:block { display: block; }
  .2xl\:inline-block { display: inline-block; }
  .2xl\:inline { display: inline; }
  .2xl\:flex { display: flex; }
  .2xl\:inline-flex { display: inline-flex; }
  .2xl\:grid { display: grid; }
  .2xl\:inline-grid { display: inline-grid; }
  .2xl\:hidden { display: none; }
  .2xl\:flex-row { flex-direction: row; }
  .2xl\:flex-col { flex-direction: column; }
  .2xl\:flex-wrap { flex-wrap: wrap; }
  .2xl\:flex-nowrap { flex-wrap: nowrap; }
  .2xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .2xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .2xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .2xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .2xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .2xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .2xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .2xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .2xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .2xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .2xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .2xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .2xl\:m-0 { margin: 0px; }
  .2xl\:p-0 { padding: 0px; }
  .2xl\:gap-0 { gap: 0px; }
  .2xl\:m-1 { margin: 0.25rem; }
  .2xl\:p-1 { padding: 0.25rem; }
  .2xl\:gap-1 { gap: 0.25rem; }
  .2xl\:m-2 { margin: 0.5rem; }
  .2xl\:p-2 { padding: 0.5rem; }
  .2xl\:gap-2 { gap: 0.5rem; }
  .2xl\:m-3 { margin: 0.75rem; }
  .2xl\:p-3 { padding: 0.75rem; }
  .2xl\:gap-3 { gap: 0.75rem; }
  .2xl\:m-4 { margin: 1rem; }
  .2xl\:p-4 { padding: 1rem; }
  .2xl\:gap-4 { gap: 1rem; }
  .2xl\:m-5 { margin: 1.25rem; }
  .2xl\:p-5 { padding: 1.25rem; }
  .2xl\:gap-5 { gap: 1.25rem; }
  .2xl\:m-6 { margin: 1.5rem; }
  .2xl\:p-6 { padding: 1.5rem; }
  .2xl\:gap-6 { gap: 1.5rem; }
  .2xl\:m-7 { margin: 1.75rem; }
  .2xl\:p-7 { padding: 1.75rem; }
  .2xl\:gap-7 { gap: 1.75rem; }
  .2xl\:m-8 { margin: 2rem; }
  .2xl\:p-8 { padding: 2rem; }
  .2xl\:gap-8 { gap: 2rem; }
  .2xl\:m-9 { margin: 2.25rem; }
  .2xl\:p-9 { padding: 2.25rem; }
  .2xl\:gap-9 { gap: 2.25rem; }
  .2xl\:m-10 { margin: 2.5rem; }
  .2xl\:p-10 { padding: 2.5rem; }
  .2xl\:gap-10 { gap: 2.5rem; }
  .2xl\:m-11 { margin: 2.75rem; }
  .2xl\:p-11 { padding: 2.75rem; }
  .2xl\:gap-11 { gap: 2.75rem; }
  .2xl\:m-12 { margin: 3rem; }
  .2xl\:p-12 { padding: 3rem; }
  .2xl\:gap-12 { gap: 3rem; }
  .2xl\:m-14 { margin: 3.5rem; }
  .2xl\:p-14 { padding: 3.5rem; }
  .2xl\:gap-14 { gap: 3.5rem; }
  .2xl\:m-16 { margin: 4rem; }
  .2xl\:p-16 { padding: 4rem; }
  .2xl\:gap-16 { gap: 4rem; }
  .2xl\:m-20 { margin: 5rem; }
  .2xl\:p-20 { padding: 5rem; }
  .2xl\:gap-20 { gap: 5rem; }
  .2xl\:m-24 { margin: 6rem; }
  .2xl\:p-24 { padding: 6rem; }
  .2xl\:gap-24 { gap: 6rem; }
  .2xl\:m-28 { margin: 7rem; }
  .2xl\:p-28 { padding: 7rem; }
  .2xl\:gap-28 { gap: 7rem; }
  .2xl\:m-32 { margin: 8rem; }
  .2xl\:p-32 { padding: 8rem; }
  .2xl\:gap-32 { gap: 8rem; }
  .2xl\:m-36 { margin: 9rem; }
  .2xl\:p-36 { padding: 9rem; }
  .2xl\:gap-36 { gap: 9rem; }
  .2xl\:m-40 { margin: 10rem; }
  .2xl\:p-40 { padding: 10rem; }
  .2xl\:gap-40 { gap: 10rem; }
  .2xl\:m-44 { margin: 11rem; }
  .2xl\:p-44 { padding: 11rem; }
  .2xl\:gap-44 { gap: 11rem; }
  .2xl\:m-48 { margin: 12rem; }
  .2xl\:p-48 { padding: 12rem; }
  .2xl\:gap-48 { gap: 12rem; }
  .2xl\:m-52 { margin: 13rem; }
  .2xl\:p-52 { padding: 13rem; }
  .2xl\:gap-52 { gap: 13rem; }
  .2xl\:m-56 { margin: 14rem; }
  .2xl\:p-56 { padding: 14rem; }
  .2xl\:gap-56 { gap: 14rem; }
  .2xl\:m-60 { margin: 15rem; }
  .2xl\:p-60 { padding: 15rem; }
  .2xl\:gap-60 { gap: 15rem; }
  .2xl\:m-64 { margin: 16rem; }
  .2xl\:p-64 { padding: 16rem; }
  .2xl\:gap-64 { gap: 16rem; }
  .2xl\:m-72 { margin: 18rem; }
  .2xl\:p-72 { padding: 18rem; }
  .2xl\:gap-72 { gap: 18rem; }
  .2xl\:m-80 { margin: 20rem; }
  .2xl\:p-80 { padding: 20rem; }
  .2xl\:gap-80 { gap: 20rem; }
  .2xl\:m-96 { margin: 24rem; }
  .2xl\:p-96 { padding: 24rem; }
  .2xl\:gap-96 { gap: 24rem; }
  .2xl\:m-px { margin: 1px; }
  .2xl\:p-px { padding: 1px; }
  .2xl\:gap-px { gap: 1px; }
  .2xl\:m-0.5 { margin: 0.125rem; }
  .2xl\:p-0.5 { padding: 0.125rem; }
  .2xl\:gap-0.5 { gap: 0.125rem; }
  .2xl\:m-1.5 { margin: 0.375rem; }
  .2xl\:p-1.5 { padding: 0.375rem; }
  .2xl\:gap-1.5 { gap: 0.375rem; }
  .2xl\:m-2.5 { margin: 0.625rem; }
  .2xl\:p-2.5 { padding: 0.625rem; }
  .2xl\:gap-2.5 { gap: 0.625rem; }
  .2xl\:m-3.5 { margin: 0.875rem; }
  .2xl\:p-3.5 { padding: 0.875rem; }
  .2xl\:gap-3.5 { gap: 0.875rem; }
  .2xl\:w-full { width: 100%; }
  .2xl\:w-auto { width: auto; }
  .2xl\:w-screen { width: 100vw; }
  .2xl\:w-min { width: min-content; }
  .2xl\:w-max { width: max-content; }
  .2xl\:w-fit { width: fit-content; }
  .2xl\:text-xs { font-size: 0.75rem; line-height: [object Object]; }
  .2xl\:text-sm { font-size: 0.875rem; line-height: [object Object]; }
  .2xl\:text-base { font-size: 1rem; line-height: [object Object]; }
  .2xl\:text-lg { font-size: 1.125rem; line-height: [object Object]; }
  .2xl\:text-xl { font-size: 1.25rem; line-height: [object Object]; }
  .2xl\:text-2xl { font-size: 1.5rem; line-height: [object Object]; }
  .2xl\:text-3xl { font-size: 1.875rem; line-height: [object Object]; }
  .2xl\:text-4xl { font-size: 2.25rem; line-height: [object Object]; }
  .2xl\:text-5xl { font-size: 3rem; line-height: [object Object]; }
  .2xl\:text-6xl { font-size: 3.75rem; line-height: [object Object]; }
  .2xl\:text-7xl { font-size: 4.5rem; line-height: [object Object]; }
  .2xl\:text-8xl { font-size: 6rem; line-height: [object Object]; }
  .2xl\:text-9xl { font-size: 8rem; line-height: [object Object]; }
}

/* Dark Mode Variants */
@media (prefers-color-scheme: dark) {
  .dark\:text-gray-50 { color: #f9fafb; }
  .dark\:bg-gray-50 { background-color: #f9fafb; }
  .dark\:border-gray-50 { border-color: #f9fafb; }
  .dark\:text-gray-100 { color: #f3f4f6; }
  .dark\:bg-gray-100 { background-color: #f3f4f6; }
  .dark\:border-gray-100 { border-color: #f3f4f6; }
  .dark\:text-gray-200 { color: #e5e7eb; }
  .dark\:bg-gray-200 { background-color: #e5e7eb; }
  .dark\:border-gray-200 { border-color: #e5e7eb; }
  .dark\:text-gray-300 { color: #d1d5db; }
  .dark\:bg-gray-300 { background-color: #d1d5db; }
  .dark\:border-gray-300 { border-color: #d1d5db; }
  .dark\:text-gray-400 { color: #9ca3af; }
  .dark\:bg-gray-400 { background-color: #9ca3af; }
  .dark\:border-gray-400 { border-color: #9ca3af; }
  .dark\:text-gray-500 { color: #6b7280; }
  .dark\:bg-gray-500 { background-color: #6b7280; }
  .dark\:border-gray-500 { border-color: #6b7280; }
  .dark\:text-gray-600 { color: #4b5563; }
  .dark\:bg-gray-600 { background-color: #4b5563; }
  .dark\:border-gray-600 { border-color: #4b5563; }
  .dark\:text-gray-700 { color: #374151; }
  .dark\:bg-gray-700 { background-color: #374151; }
  .dark\:border-gray-700 { border-color: #374151; }
  .dark\:text-gray-800 { color: #1f2937; }
  .dark\:bg-gray-800 { background-color: #1f2937; }
  .dark\:border-gray-800 { border-color: #1f2937; }
  .dark\:text-gray-900 { color: #111827; }
  .dark\:bg-gray-900 { background-color: #111827; }
  .dark\:border-gray-900 { border-color: #111827; }
  .dark\:text-gray-950 { color: #030712; }
  .dark\:bg-gray-950 { background-color: #030712; }
  .dark\:border-gray-950 { border-color: #030712; }
  .dark\:text-red-50 { color: #fef2f2; }
  .dark\:bg-red-50 { background-color: #fef2f2; }
  .dark\:border-red-50 { border-color: #fef2f2; }
  .dark\:text-red-100 { color: #fee2e2; }
  .dark\:bg-red-100 { background-color: #fee2e2; }
  .dark\:border-red-100 { border-color: #fee2e2; }
  .dark\:text-red-200 { color: #fecaca; }
  .dark\:bg-red-200 { background-color: #fecaca; }
  .dark\:border-red-200 { border-color: #fecaca; }
  .dark\:text-red-300 { color: #fca5a5; }
  .dark\:bg-red-300 { background-color: #fca5a5; }
  .dark\:border-red-300 { border-color: #fca5a5; }
  .dark\:text-red-400 { color: #f87171; }
  .dark\:bg-red-400 { background-color: #f87171; }
  .dark\:border-red-400 { border-color: #f87171; }
  .dark\:text-red-500 { color: #ef4444; }
  .dark\:bg-red-500 { background-color: #ef4444; }
  .dark\:border-red-500 { border-color: #ef4444; }
  .dark\:text-red-600 { color: #dc2626; }
  .dark\:bg-red-600 { background-color: #dc2626; }
  .dark\:border-red-600 { border-color: #dc2626; }
  .dark\:text-red-700 { color: #b91c1c; }
  .dark\:bg-red-700 { background-color: #b91c1c; }
  .dark\:border-red-700 { border-color: #b91c1c; }
  .dark\:text-red-800 { color: #991b1b; }
  .dark\:bg-red-800 { background-color: #991b1b; }
  .dark\:border-red-800 { border-color: #991b1b; }
  .dark\:text-red-900 { color: #7f1d1d; }
  .dark\:bg-red-900 { background-color: #7f1d1d; }
  .dark\:border-red-900 { border-color: #7f1d1d; }
  .dark\:text-red-950 { color: #450a0a; }
  .dark\:bg-red-950 { background-color: #450a0a; }
  .dark\:border-red-950 { border-color: #450a0a; }
  .dark\:text-orange-50 { color: #fff7ed; }
  .dark\:bg-orange-50 { background-color: #fff7ed; }
  .dark\:border-orange-50 { border-color: #fff7ed; }
  .dark\:text-orange-100 { color: #ffedd5; }
  .dark\:bg-orange-100 { background-color: #ffedd5; }
  .dark\:border-orange-100 { border-color: #ffedd5; }
  .dark\:text-orange-200 { color: #fed7aa; }
  .dark\:bg-orange-200 { background-color: #fed7aa; }
  .dark\:border-orange-200 { border-color: #fed7aa; }
  .dark\:text-orange-300 { color: #fdba74; }
  .dark\:bg-orange-300 { background-color: #fdba74; }
  .dark\:border-orange-300 { border-color: #fdba74; }
  .dark\:text-orange-400 { color: #fb923c; }
  .dark\:bg-orange-400 { background-color: #fb923c; }
  .dark\:border-orange-400 { border-color: #fb923c; }
  .dark\:text-orange-500 { color: #f97316; }
  .dark\:bg-orange-500 { background-color: #f97316; }
  .dark\:border-orange-500 { border-color: #f97316; }
  .dark\:text-orange-600 { color: #ea580c; }
  .dark\:bg-orange-600 { background-color: #ea580c; }
  .dark\:border-orange-600 { border-color: #ea580c; }
  .dark\:text-orange-700 { color: #c2410c; }
  .dark\:bg-orange-700 { background-color: #c2410c; }
  .dark\:border-orange-700 { border-color: #c2410c; }
  .dark\:text-orange-800 { color: #9a3412; }
  .dark\:bg-orange-800 { background-color: #9a3412; }
  .dark\:border-orange-800 { border-color: #9a3412; }
  .dark\:text-orange-900 { color: #7c2d12; }
  .dark\:bg-orange-900 { background-color: #7c2d12; }
  .dark\:border-orange-900 { border-color: #7c2d12; }
  .dark\:text-orange-950 { color: #431407; }
  .dark\:bg-orange-950 { background-color: #431407; }
  .dark\:border-orange-950 { border-color: #431407; }
  .dark\:text-amber-50 { color: #fffbeb; }
  .dark\:bg-amber-50 { background-color: #fffbeb; }
  .dark\:border-amber-50 { border-color: #fffbeb; }
  .dark\:text-amber-100 { color: #fef3c7; }
  .dark\:bg-amber-100 { background-color: #fef3c7; }
  .dark\:border-amber-100 { border-color: #fef3c7; }
  .dark\:text-amber-200 { color: #fde68a; }
  .dark\:bg-amber-200 { background-color: #fde68a; }
  .dark\:border-amber-200 { border-color: #fde68a; }
  .dark\:text-amber-300 { color: #fcd34d; }
  .dark\:bg-amber-300 { background-color: #fcd34d; }
  .dark\:border-amber-300 { border-color: #fcd34d; }
  .dark\:text-amber-400 { color: #fbbf24; }
  .dark\:bg-amber-400 { background-color: #fbbf24; }
  .dark\:border-amber-400 { border-color: #fbbf24; }
  .dark\:text-amber-500 { color: #f59e0b; }
  .dark\:bg-amber-500 { background-color: #f59e0b; }
  .dark\:border-amber-500 { border-color: #f59e0b; }
  .dark\:text-amber-600 { color: #d97706; }
  .dark\:bg-amber-600 { background-color: #d97706; }
  .dark\:border-amber-600 { border-color: #d97706; }
  .dark\:text-amber-700 { color: #b45309; }
  .dark\:bg-amber-700 { background-color: #b45309; }
  .dark\:border-amber-700 { border-color: #b45309; }
  .dark\:text-amber-800 { color: #92400e; }
  .dark\:bg-amber-800 { background-color: #92400e; }
  .dark\:border-amber-800 { border-color: #92400e; }
  .dark\:text-amber-900 { color: #78350f; }
  .dark\:bg-amber-900 { background-color: #78350f; }
  .dark\:border-amber-900 { border-color: #78350f; }
  .dark\:text-amber-950 { color: #451a03; }
  .dark\:bg-amber-950 { background-color: #451a03; }
  .dark\:border-amber-950 { border-color: #451a03; }
  .dark\:text-yellow-50 { color: #fefce8; }
  .dark\:bg-yellow-50 { background-color: #fefce8; }
  .dark\:border-yellow-50 { border-color: #fefce8; }
  .dark\:text-yellow-100 { color: #fef9c3; }
  .dark\:bg-yellow-100 { background-color: #fef9c3; }
  .dark\:border-yellow-100 { border-color: #fef9c3; }
  .dark\:text-yellow-200 { color: #fef08a; }
  .dark\:bg-yellow-200 { background-color: #fef08a; }
  .dark\:border-yellow-200 { border-color: #fef08a; }
  .dark\:text-yellow-300 { color: #fde047; }
  .dark\:bg-yellow-300 { background-color: #fde047; }
  .dark\:border-yellow-300 { border-color: #fde047; }
  .dark\:text-yellow-400 { color: #facc15; }
  .dark\:bg-yellow-400 { background-color: #facc15; }
  .dark\:border-yellow-400 { border-color: #facc15; }
  .dark\:text-yellow-500 { color: #eab308; }
  .dark\:bg-yellow-500 { background-color: #eab308; }
  .dark\:border-yellow-500 { border-color: #eab308; }
  .dark\:text-yellow-600 { color: #ca8a04; }
  .dark\:bg-yellow-600 { background-color: #ca8a04; }
  .dark\:border-yellow-600 { border-color: #ca8a04; }
  .dark\:text-yellow-700 { color: #a16207; }
  .dark\:bg-yellow-700 { background-color: #a16207; }
  .dark\:border-yellow-700 { border-color: #a16207; }
  .dark\:text-yellow-800 { color: #854d0e; }
  .dark\:bg-yellow-800 { background-color: #854d0e; }
  .dark\:border-yellow-800 { border-color: #854d0e; }
  .dark\:text-yellow-900 { color: #713f12; }
  .dark\:bg-yellow-900 { background-color: #713f12; }
  .dark\:border-yellow-900 { border-color: #713f12; }
  .dark\:text-yellow-950 { color: #422006; }
  .dark\:bg-yellow-950 { background-color: #422006; }
  .dark\:border-yellow-950 { border-color: #422006; }
  .dark\:text-lime-50 { color: #f7fee7; }
  .dark\:bg-lime-50 { background-color: #f7fee7; }
  .dark\:border-lime-50 { border-color: #f7fee7; }
  .dark\:text-lime-100 { color: #ecfccb; }
  .dark\:bg-lime-100 { background-color: #ecfccb; }
  .dark\:border-lime-100 { border-color: #ecfccb; }
  .dark\:text-lime-200 { color: #d9f99d; }
  .dark\:bg-lime-200 { background-color: #d9f99d; }
  .dark\:border-lime-200 { border-color: #d9f99d; }
  .dark\:text-lime-300 { color: #bef264; }
  .dark\:bg-lime-300 { background-color: #bef264; }
  .dark\:border-lime-300 { border-color: #bef264; }
  .dark\:text-lime-400 { color: #a3e635; }
  .dark\:bg-lime-400 { background-color: #a3e635; }
  .dark\:border-lime-400 { border-color: #a3e635; }
  .dark\:text-lime-500 { color: #84cc16; }
  .dark\:bg-lime-500 { background-color: #84cc16; }
  .dark\:border-lime-500 { border-color: #84cc16; }
  .dark\:text-lime-600 { color: #65a30d; }
  .dark\:bg-lime-600 { background-color: #65a30d; }
  .dark\:border-lime-600 { border-color: #65a30d; }
  .dark\:text-lime-700 { color: #4d7c0f; }
  .dark\:bg-lime-700 { background-color: #4d7c0f; }
  .dark\:border-lime-700 { border-color: #4d7c0f; }
  .dark\:text-lime-800 { color: #3f6212; }
  .dark\:bg-lime-800 { background-color: #3f6212; }
  .dark\:border-lime-800 { border-color: #3f6212; }
  .dark\:text-lime-900 { color: #365314; }
  .dark\:bg-lime-900 { background-color: #365314; }
  .dark\:border-lime-900 { border-color: #365314; }
  .dark\:text-lime-950 { color: #1a2e05; }
  .dark\:bg-lime-950 { background-color: #1a2e05; }
  .dark\:border-lime-950 { border-color: #1a2e05; }
  .dark\:text-green-50 { color: #f0fdf4; }
  .dark\:bg-green-50 { background-color: #f0fdf4; }
  .dark\:border-green-50 { border-color: #f0fdf4; }
  .dark\:text-green-100 { color: #dcfce7; }
  .dark\:bg-green-100 { background-color: #dcfce7; }
  .dark\:border-green-100 { border-color: #dcfce7; }
  .dark\:text-green-200 { color: #bbf7d0; }
  .dark\:bg-green-200 { background-color: #bbf7d0; }
  .dark\:border-green-200 { border-color: #bbf7d0; }
  .dark\:text-green-300 { color: #86efac; }
  .dark\:bg-green-300 { background-color: #86efac; }
  .dark\:border-green-300 { border-color: #86efac; }
  .dark\:text-green-400 { color: #4ade80; }
  .dark\:bg-green-400 { background-color: #4ade80; }
  .dark\:border-green-400 { border-color: #4ade80; }
  .dark\:text-green-500 { color: #22c55e; }
  .dark\:bg-green-500 { background-color: #22c55e; }
  .dark\:border-green-500 { border-color: #22c55e; }
  .dark\:text-green-600 { color: #16a34a; }
  .dark\:bg-green-600 { background-color: #16a34a; }
  .dark\:border-green-600 { border-color: #16a34a; }
  .dark\:text-green-700 { color: #15803d; }
  .dark\:bg-green-700 { background-color: #15803d; }
  .dark\:border-green-700 { border-color: #15803d; }
  .dark\:text-green-800 { color: #166534; }
  .dark\:bg-green-800 { background-color: #166534; }
  .dark\:border-green-800 { border-color: #166534; }
  .dark\:text-green-900 { color: #14532d; }
  .dark\:bg-green-900 { background-color: #14532d; }
  .dark\:border-green-900 { border-color: #14532d; }
  .dark\:text-green-950 { color: #052e16; }
  .dark\:bg-green-950 { background-color: #052e16; }
  .dark\:border-green-950 { border-color: #052e16; }
  .dark\:text-emerald-50 { color: #ecfdf5; }
  .dark\:bg-emerald-50 { background-color: #ecfdf5; }
  .dark\:border-emerald-50 { border-color: #ecfdf5; }
  .dark\:text-emerald-100 { color: #d1fae5; }
  .dark\:bg-emerald-100 { background-color: #d1fae5; }
  .dark\:border-emerald-100 { border-color: #d1fae5; }
  .dark\:text-emerald-200 { color: #a7f3d0; }
  .dark\:bg-emerald-200 { background-color: #a7f3d0; }
  .dark\:border-emerald-200 { border-color: #a7f3d0; }
  .dark\:text-emerald-300 { color: #6ee7b7; }
  .dark\:bg-emerald-300 { background-color: #6ee7b7; }
  .dark\:border-emerald-300 { border-color: #6ee7b7; }
  .dark\:text-emerald-400 { color: #34d399; }
  .dark\:bg-emerald-400 { background-color: #34d399; }
  .dark\:border-emerald-400 { border-color: #34d399; }
  .dark\:text-emerald-500 { color: #10b981; }
  .dark\:bg-emerald-500 { background-color: #10b981; }
  .dark\:border-emerald-500 { border-color: #10b981; }
  .dark\:text-emerald-600 { color: #059669; }
  .dark\:bg-emerald-600 { background-color: #059669; }
  .dark\:border-emerald-600 { border-color: #059669; }
  .dark\:text-emerald-700 { color: #047857; }
  .dark\:bg-emerald-700 { background-color: #047857; }
  .dark\:border-emerald-700 { border-color: #047857; }
  .dark\:text-emerald-800 { color: #065f46; }
  .dark\:bg-emerald-800 { background-color: #065f46; }
  .dark\:border-emerald-800 { border-color: #065f46; }
  .dark\:text-emerald-900 { color: #064e3b; }
  .dark\:bg-emerald-900 { background-color: #064e3b; }
  .dark\:border-emerald-900 { border-color: #064e3b; }
  .dark\:text-emerald-950 { color: #022c22; }
  .dark\:bg-emerald-950 { background-color: #022c22; }
  .dark\:border-emerald-950 { border-color: #022c22; }
  .dark\:text-teal-50 { color: #f0fdfa; }
  .dark\:bg-teal-50 { background-color: #f0fdfa; }
  .dark\:border-teal-50 { border-color: #f0fdfa; }
  .dark\:text-teal-100 { color: #ccfbf1; }
  .dark\:bg-teal-100 { background-color: #ccfbf1; }
  .dark\:border-teal-100 { border-color: #ccfbf1; }
  .dark\:text-teal-200 { color: #99f6e4; }
  .dark\:bg-teal-200 { background-color: #99f6e4; }
  .dark\:border-teal-200 { border-color: #99f6e4; }
  .dark\:text-teal-300 { color: #5eead4; }
  .dark\:bg-teal-300 { background-color: #5eead4; }
  .dark\:border-teal-300 { border-color: #5eead4; }
  .dark\:text-teal-400 { color: #2dd4bf; }
  .dark\:bg-teal-400 { background-color: #2dd4bf; }
  .dark\:border-teal-400 { border-color: #2dd4bf; }
  .dark\:text-teal-500 { color: #14b8a6; }
  .dark\:bg-teal-500 { background-color: #14b8a6; }
  .dark\:border-teal-500 { border-color: #14b8a6; }
  .dark\:text-teal-600 { color: #0d9488; }
  .dark\:bg-teal-600 { background-color: #0d9488; }
  .dark\:border-teal-600 { border-color: #0d9488; }
  .dark\:text-teal-700 { color: #0f766e; }
  .dark\:bg-teal-700 { background-color: #0f766e; }
  .dark\:border-teal-700 { border-color: #0f766e; }
  .dark\:text-teal-800 { color: #115e59; }
  .dark\:bg-teal-800 { background-color: #115e59; }
  .dark\:border-teal-800 { border-color: #115e59; }
  .dark\:text-teal-900 { color: #134e4a; }
  .dark\:bg-teal-900 { background-color: #134e4a; }
  .dark\:border-teal-900 { border-color: #134e4a; }
  .dark\:text-teal-950 { color: #042f2e; }
  .dark\:bg-teal-950 { background-color: #042f2e; }
  .dark\:border-teal-950 { border-color: #042f2e; }
  .dark\:text-cyan-50 { color: #ecfeff; }
  .dark\:bg-cyan-50 { background-color: #ecfeff; }
  .dark\:border-cyan-50 { border-color: #ecfeff; }
  .dark\:text-cyan-100 { color: #cffafe; }
  .dark\:bg-cyan-100 { background-color: #cffafe; }
  .dark\:border-cyan-100 { border-color: #cffafe; }
  .dark\:text-cyan-200 { color: #a5f3fc; }
  .dark\:bg-cyan-200 { background-color: #a5f3fc; }
  .dark\:border-cyan-200 { border-color: #a5f3fc; }
  .dark\:text-cyan-300 { color: #67e8f9; }
  .dark\:bg-cyan-300 { background-color: #67e8f9; }
  .dark\:border-cyan-300 { border-color: #67e8f9; }
  .dark\:text-cyan-400 { color: #22d3ee; }
  .dark\:bg-cyan-400 { background-color: #22d3ee; }
  .dark\:border-cyan-400 { border-color: #22d3ee; }
  .dark\:text-cyan-500 { color: #06b6d4; }
  .dark\:bg-cyan-500 { background-color: #06b6d4; }
  .dark\:border-cyan-500 { border-color: #06b6d4; }
  .dark\:text-cyan-600 { color: #0891b2; }
  .dark\:bg-cyan-600 { background-color: #0891b2; }
  .dark\:border-cyan-600 { border-color: #0891b2; }
  .dark\:text-cyan-700 { color: #0e7490; }
  .dark\:bg-cyan-700 { background-color: #0e7490; }
  .dark\:border-cyan-700 { border-color: #0e7490; }
  .dark\:text-cyan-800 { color: #155e75; }
  .dark\:bg-cyan-800 { background-color: #155e75; }
  .dark\:border-cyan-800 { border-color: #155e75; }
  .dark\:text-cyan-900 { color: #164e63; }
  .dark\:bg-cyan-900 { background-color: #164e63; }
  .dark\:border-cyan-900 { border-color: #164e63; }
  .dark\:text-cyan-950 { color: #083344; }
  .dark\:bg-cyan-950 { background-color: #083344; }
  .dark\:border-cyan-950 { border-color: #083344; }
  .dark\:text-sky-50 { color: #f0f9ff; }
  .dark\:bg-sky-50 { background-color: #f0f9ff; }
  .dark\:border-sky-50 { border-color: #f0f9ff; }
  .dark\:text-sky-100 { color: #e0f2fe; }
  .dark\:bg-sky-100 { background-color: #e0f2fe; }
  .dark\:border-sky-100 { border-color: #e0f2fe; }
  .dark\:text-sky-200 { color: #bae6fd; }
  .dark\:bg-sky-200 { background-color: #bae6fd; }
  .dark\:border-sky-200 { border-color: #bae6fd; }
  .dark\:text-sky-300 { color: #7dd3fc; }
  .dark\:bg-sky-300 { background-color: #7dd3fc; }
  .dark\:border-sky-300 { border-color: #7dd3fc; }
  .dark\:text-sky-400 { color: #38bdf8; }
  .dark\:bg-sky-400 { background-color: #38bdf8; }
  .dark\:border-sky-400 { border-color: #38bdf8; }
  .dark\:text-sky-500 { color: #0ea5e9; }
  .dark\:bg-sky-500 { background-color: #0ea5e9; }
  .dark\:border-sky-500 { border-color: #0ea5e9; }
  .dark\:text-sky-600 { color: #0284c7; }
  .dark\:bg-sky-600 { background-color: #0284c7; }
  .dark\:border-sky-600 { border-color: #0284c7; }
  .dark\:text-sky-700 { color: #0369a1; }
  .dark\:bg-sky-700 { background-color: #0369a1; }
  .dark\:border-sky-700 { border-color: #0369a1; }
  .dark\:text-sky-800 { color: #075985; }
  .dark\:bg-sky-800 { background-color: #075985; }
  .dark\:border-sky-800 { border-color: #075985; }
  .dark\:text-sky-900 { color: #0c4a6e; }
  .dark\:bg-sky-900 { background-color: #0c4a6e; }
  .dark\:border-sky-900 { border-color: #0c4a6e; }
  .dark\:text-sky-950 { color: #082f49; }
  .dark\:bg-sky-950 { background-color: #082f49; }
  .dark\:border-sky-950 { border-color: #082f49; }
  .dark\:text-blue-50 { color: #eff6ff; }
  .dark\:bg-blue-50 { background-color: #eff6ff; }
  .dark\:border-blue-50 { border-color: #eff6ff; }
  .dark\:text-blue-100 { color: #dbeafe; }
  .dark\:bg-blue-100 { background-color: #dbeafe; }
  .dark\:border-blue-100 { border-color: #dbeafe; }
  .dark\:text-blue-200 { color: #bfdbfe; }
  .dark\:bg-blue-200 { background-color: #bfdbfe; }
  .dark\:border-blue-200 { border-color: #bfdbfe; }
  .dark\:text-blue-300 { color: #93c5fd; }
  .dark\:bg-blue-300 { background-color: #93c5fd; }
  .dark\:border-blue-300 { border-color: #93c5fd; }
  .dark\:text-blue-400 { color: #60a5fa; }
  .dark\:bg-blue-400 { background-color: #60a5fa; }
  .dark\:border-blue-400 { border-color: #60a5fa; }
  .dark\:text-blue-500 { color: #3b82f6; }
  .dark\:bg-blue-500 { background-color: #3b82f6; }
  .dark\:border-blue-500 { border-color: #3b82f6; }
  .dark\:text-blue-600 { color: #2563eb; }
  .dark\:bg-blue-600 { background-color: #2563eb; }
  .dark\:border-blue-600 { border-color: #2563eb; }
  .dark\:text-blue-700 { color: #1d4ed8; }
  .dark\:bg-blue-700 { background-color: #1d4ed8; }
  .dark\:border-blue-700 { border-color: #1d4ed8; }
  .dark\:text-blue-800 { color: #1e40af; }
  .dark\:bg-blue-800 { background-color: #1e40af; }
  .dark\:border-blue-800 { border-color: #1e40af; }
  .dark\:text-blue-900 { color: #1e3a8a; }
  .dark\:bg-blue-900 { background-color: #1e3a8a; }
  .dark\:border-blue-900 { border-color: #1e3a8a; }
  .dark\:text-blue-950 { color: #172554; }
  .dark\:bg-blue-950 { background-color: #172554; }
  .dark\:border-blue-950 { border-color: #172554; }
  .dark\:text-indigo-50 { color: #eef2ff; }
  .dark\:bg-indigo-50 { background-color: #eef2ff; }
  .dark\:border-indigo-50 { border-color: #eef2ff; }
  .dark\:text-indigo-100 { color: #e0e7ff; }
  .dark\:bg-indigo-100 { background-color: #e0e7ff; }
  .dark\:border-indigo-100 { border-color: #e0e7ff; }
  .dark\:text-indigo-200 { color: #c7d2fe; }
  .dark\:bg-indigo-200 { background-color: #c7d2fe; }
  .dark\:border-indigo-200 { border-color: #c7d2fe; }
  .dark\:text-indigo-300 { color: #a5b4fc; }
  .dark\:bg-indigo-300 { background-color: #a5b4fc; }
  .dark\:border-indigo-300 { border-color: #a5b4fc; }
  .dark\:text-indigo-400 { color: #818cf8; }
  .dark\:bg-indigo-400 { background-color: #818cf8; }
  .dark\:border-indigo-400 { border-color: #818cf8; }
  .dark\:text-indigo-500 { color: #6366f1; }
  .dark\:bg-indigo-500 { background-color: #6366f1; }
  .dark\:border-indigo-500 { border-color: #6366f1; }
  .dark\:text-indigo-600 { color: #4f46e5; }
  .dark\:bg-indigo-600 { background-color: #4f46e5; }
  .dark\:border-indigo-600 { border-color: #4f46e5; }
  .dark\:text-indigo-700 { color: #4338ca; }
  .dark\:bg-indigo-700 { background-color: #4338ca; }
  .dark\:border-indigo-700 { border-color: #4338ca; }
  .dark\:text-indigo-800 { color: #3730a3; }
  .dark\:bg-indigo-800 { background-color: #3730a3; }
  .dark\:border-indigo-800 { border-color: #3730a3; }
  .dark\:text-indigo-900 { color: #312e81; }
  .dark\:bg-indigo-900 { background-color: #312e81; }
  .dark\:border-indigo-900 { border-color: #312e81; }
  .dark\:text-indigo-950 { color: #1e1b4b; }
  .dark\:bg-indigo-950 { background-color: #1e1b4b; }
  .dark\:border-indigo-950 { border-color: #1e1b4b; }
  .dark\:text-violet-50 { color: #f5f3ff; }
  .dark\:bg-violet-50 { background-color: #f5f3ff; }
  .dark\:border-violet-50 { border-color: #f5f3ff; }
  .dark\:text-violet-100 { color: #ede9fe; }
  .dark\:bg-violet-100 { background-color: #ede9fe; }
  .dark\:border-violet-100 { border-color: #ede9fe; }
  .dark\:text-violet-200 { color: #ddd6fe; }
  .dark\:bg-violet-200 { background-color: #ddd6fe; }
  .dark\:border-violet-200 { border-color: #ddd6fe; }
  .dark\:text-violet-300 { color: #c4b5fd; }
  .dark\:bg-violet-300 { background-color: #c4b5fd; }
  .dark\:border-violet-300 { border-color: #c4b5fd; }
  .dark\:text-violet-400 { color: #a78bfa; }
  .dark\:bg-violet-400 { background-color: #a78bfa; }
  .dark\:border-violet-400 { border-color: #a78bfa; }
  .dark\:text-violet-500 { color: #8b5cf6; }
  .dark\:bg-violet-500 { background-color: #8b5cf6; }
  .dark\:border-violet-500 { border-color: #8b5cf6; }
  .dark\:text-violet-600 { color: #7c3aed; }
  .dark\:bg-violet-600 { background-color: #7c3aed; }
  .dark\:border-violet-600 { border-color: #7c3aed; }
  .dark\:text-violet-700 { color: #6d28d9; }
  .dark\:bg-violet-700 { background-color: #6d28d9; }
  .dark\:border-violet-700 { border-color: #6d28d9; }
  .dark\:text-violet-800 { color: #5b21b6; }
  .dark\:bg-violet-800 { background-color: #5b21b6; }
  .dark\:border-violet-800 { border-color: #5b21b6; }
  .dark\:text-violet-900 { color: #4c1d95; }
  .dark\:bg-violet-900 { background-color: #4c1d95; }
  .dark\:border-violet-900 { border-color: #4c1d95; }
  .dark\:text-violet-950 { color: #2e1065; }
  .dark\:bg-violet-950 { background-color: #2e1065; }
  .dark\:border-violet-950 { border-color: #2e1065; }
  .dark\:text-purple-50 { color: #faf5ff; }
  .dark\:bg-purple-50 { background-color: #faf5ff; }
  .dark\:border-purple-50 { border-color: #faf5ff; }
  .dark\:text-purple-100 { color: #f3e8ff; }
  .dark\:bg-purple-100 { background-color: #f3e8ff; }
  .dark\:border-purple-100 { border-color: #f3e8ff; }
  .dark\:text-purple-200 { color: #e9d5ff; }
  .dark\:bg-purple-200 { background-color: #e9d5ff; }
  .dark\:border-purple-200 { border-color: #e9d5ff; }
  .dark\:text-purple-300 { color: #d8b4fe; }
  .dark\:bg-purple-300 { background-color: #d8b4fe; }
  .dark\:border-purple-300 { border-color: #d8b4fe; }
  .dark\:text-purple-400 { color: #c084fc; }
  .dark\:bg-purple-400 { background-color: #c084fc; }
  .dark\:border-purple-400 { border-color: #c084fc; }
  .dark\:text-purple-500 { color: #a855f7; }
  .dark\:bg-purple-500 { background-color: #a855f7; }
  .dark\:border-purple-500 { border-color: #a855f7; }
  .dark\:text-purple-600 { color: #9333ea; }
  .dark\:bg-purple-600 { background-color: #9333ea; }
  .dark\:border-purple-600 { border-color: #9333ea; }
  .dark\:text-purple-700 { color: #7e22ce; }
  .dark\:bg-purple-700 { background-color: #7e22ce; }
  .dark\:border-purple-700 { border-color: #7e22ce; }
  .dark\:text-purple-800 { color: #6b21a8; }
  .dark\:bg-purple-800 { background-color: #6b21a8; }
  .dark\:border-purple-800 { border-color: #6b21a8; }
  .dark\:text-purple-900 { color: #581c87; }
  .dark\:bg-purple-900 { background-color: #581c87; }
  .dark\:border-purple-900 { border-color: #581c87; }
  .dark\:text-purple-950 { color: #3b0764; }
  .dark\:bg-purple-950 { background-color: #3b0764; }
  .dark\:border-purple-950 { border-color: #3b0764; }
  .dark\:text-fuchsia-50 { color: #fdf4ff; }
  .dark\:bg-fuchsia-50 { background-color: #fdf4ff; }
  .dark\:border-fuchsia-50 { border-color: #fdf4ff; }
  .dark\:text-fuchsia-100 { color: #fae8ff; }
  .dark\:bg-fuchsia-100 { background-color: #fae8ff; }
  .dark\:border-fuchsia-100 { border-color: #fae8ff; }
  .dark\:text-fuchsia-200 { color: #f5d0fe; }
  .dark\:bg-fuchsia-200 { background-color: #f5d0fe; }
  .dark\:border-fuchsia-200 { border-color: #f5d0fe; }
  .dark\:text-fuchsia-300 { color: #f0abfc; }
  .dark\:bg-fuchsia-300 { background-color: #f0abfc; }
  .dark\:border-fuchsia-300 { border-color: #f0abfc; }
  .dark\:text-fuchsia-400 { color: #e879f9; }
  .dark\:bg-fuchsia-400 { background-color: #e879f9; }
  .dark\:border-fuchsia-400 { border-color: #e879f9; }
  .dark\:text-fuchsia-500 { color: #d946ef; }
  .dark\:bg-fuchsia-500 { background-color: #d946ef; }
  .dark\:border-fuchsia-500 { border-color: #d946ef; }
  .dark\:text-fuchsia-600 { color: #c026d3; }
  .dark\:bg-fuchsia-600 { background-color: #c026d3; }
  .dark\:border-fuchsia-600 { border-color: #c026d3; }
  .dark\:text-fuchsia-700 { color: #a21caf; }
  .dark\:bg-fuchsia-700 { background-color: #a21caf; }
  .dark\:border-fuchsia-700 { border-color: #a21caf; }
  .dark\:text-fuchsia-800 { color: #86198f; }
  .dark\:bg-fuchsia-800 { background-color: #86198f; }
  .dark\:border-fuchsia-800 { border-color: #86198f; }
  .dark\:text-fuchsia-900 { color: #701a75; }
  .dark\:bg-fuchsia-900 { background-color: #701a75; }
  .dark\:border-fuchsia-900 { border-color: #701a75; }
  .dark\:text-fuchsia-950 { color: #4a044e; }
  .dark\:bg-fuchsia-950 { background-color: #4a044e; }
  .dark\:border-fuchsia-950 { border-color: #4a044e; }
  .dark\:text-pink-50 { color: #fdf2f8; }
  .dark\:bg-pink-50 { background-color: #fdf2f8; }
  .dark\:border-pink-50 { border-color: #fdf2f8; }
  .dark\:text-pink-100 { color: #fce7f3; }
  .dark\:bg-pink-100 { background-color: #fce7f3; }
  .dark\:border-pink-100 { border-color: #fce7f3; }
  .dark\:text-pink-200 { color: #fbcfe8; }
  .dark\:bg-pink-200 { background-color: #fbcfe8; }
  .dark\:border-pink-200 { border-color: #fbcfe8; }
  .dark\:text-pink-300 { color: #f9a8d4; }
  .dark\:bg-pink-300 { background-color: #f9a8d4; }
  .dark\:border-pink-300 { border-color: #f9a8d4; }
  .dark\:text-pink-400 { color: #f472b6; }
  .dark\:bg-pink-400 { background-color: #f472b6; }
  .dark\:border-pink-400 { border-color: #f472b6; }
  .dark\:text-pink-500 { color: #ec4899; }
  .dark\:bg-pink-500 { background-color: #ec4899; }
  .dark\:border-pink-500 { border-color: #ec4899; }
  .dark\:text-pink-600 { color: #db2777; }
  .dark\:bg-pink-600 { background-color: #db2777; }
  .dark\:border-pink-600 { border-color: #db2777; }
  .dark\:text-pink-700 { color: #be185d; }
  .dark\:bg-pink-700 { background-color: #be185d; }
  .dark\:border-pink-700 { border-color: #be185d; }
  .dark\:text-pink-800 { color: #9d174d; }
  .dark\:bg-pink-800 { background-color: #9d174d; }
  .dark\:border-pink-800 { border-color: #9d174d; }
  .dark\:text-pink-900 { color: #831843; }
  .dark\:bg-pink-900 { background-color: #831843; }
  .dark\:border-pink-900 { border-color: #831843; }
  .dark\:text-pink-950 { color: #500724; }
  .dark\:bg-pink-950 { background-color: #500724; }
  .dark\:border-pink-950 { border-color: #500724; }
  .dark\:text-rose-50 { color: #fff1f2; }
  .dark\:bg-rose-50 { background-color: #fff1f2; }
  .dark\:border-rose-50 { border-color: #fff1f2; }
  .dark\:text-rose-100 { color: #ffe4e6; }
  .dark\:bg-rose-100 { background-color: #ffe4e6; }
  .dark\:border-rose-100 { border-color: #ffe4e6; }
  .dark\:text-rose-200 { color: #fecdd3; }
  .dark\:bg-rose-200 { background-color: #fecdd3; }
  .dark\:border-rose-200 { border-color: #fecdd3; }
  .dark\:text-rose-300 { color: #fda4af; }
  .dark\:bg-rose-300 { background-color: #fda4af; }
  .dark\:border-rose-300 { border-color: #fda4af; }
  .dark\:text-rose-400 { color: #fb7185; }
  .dark\:bg-rose-400 { background-color: #fb7185; }
  .dark\:border-rose-400 { border-color: #fb7185; }
  .dark\:text-rose-500 { color: #f43f5e; }
  .dark\:bg-rose-500 { background-color: #f43f5e; }
  .dark\:border-rose-500 { border-color: #f43f5e; }
  .dark\:text-rose-600 { color: #e11d48; }
  .dark\:bg-rose-600 { background-color: #e11d48; }
  .dark\:border-rose-600 { border-color: #e11d48; }
  .dark\:text-rose-700 { color: #be123c; }
  .dark\:bg-rose-700 { background-color: #be123c; }
  .dark\:border-rose-700 { border-color: #be123c; }
  .dark\:text-rose-800 { color: #9f1239; }
  .dark\:bg-rose-800 { background-color: #9f1239; }
  .dark\:border-rose-800 { border-color: #9f1239; }
  .dark\:text-rose-900 { color: #881337; }
  .dark\:bg-rose-900 { background-color: #881337; }
  .dark\:border-rose-900 { border-color: #881337; }
  .dark\:text-rose-950 { color: #4c0519; }
  .dark\:bg-rose-950 { background-color: #4c0519; }
  .dark\:border-rose-950 { border-color: #4c0519; }
  .dark\:opacity-0 { opacity: 0; }
  .dark\:opacity-5 { opacity: 0.05; }
  .dark\:opacity-10 { opacity: 0.1; }
  .dark\:opacity-20 { opacity: 0.2; }
  .dark\:opacity-25 { opacity: 0.25; }
  .dark\:opacity-30 { opacity: 0.3; }
  .dark\:opacity-40 { opacity: 0.4; }
  .dark\:opacity-50 { opacity: 0.5; }
  .dark\:opacity-60 { opacity: 0.6; }
  .dark\:opacity-70 { opacity: 0.7; }
  .dark\:opacity-75 { opacity: 0.75; }
  .dark\:opacity-80 { opacity: 0.8; }
  .dark\:opacity-90 { opacity: 0.9; }
  .dark\:opacity-95 { opacity: 0.95; }
  .dark\:opacity-100 { opacity: 1; }
}
.dark {
  .dark\:text-gray-50 { color: #f9fafb; }
  .dark\:bg-gray-50 { background-color: #f9fafb; }
  .dark\:border-gray-50 { border-color: #f9fafb; }
  .dark\:text-gray-100 { color: #f3f4f6; }
  .dark\:bg-gray-100 { background-color: #f3f4f6; }
  .dark\:border-gray-100 { border-color: #f3f4f6; }
  .dark\:text-gray-200 { color: #e5e7eb; }
  .dark\:bg-gray-200 { background-color: #e5e7eb; }
  .dark\:border-gray-200 { border-color: #e5e7eb; }
  .dark\:text-gray-300 { color: #d1d5db; }
  .dark\:bg-gray-300 { background-color: #d1d5db; }
  .dark\:border-gray-300 { border-color: #d1d5db; }
  .dark\:text-gray-400 { color: #9ca3af; }
  .dark\:bg-gray-400 { background-color: #9ca3af; }
  .dark\:border-gray-400 { border-color: #9ca3af; }
  .dark\:text-gray-500 { color: #6b7280; }
  .dark\:bg-gray-500 { background-color: #6b7280; }
  .dark\:border-gray-500 { border-color: #6b7280; }
  .dark\:text-gray-600 { color: #4b5563; }
  .dark\:bg-gray-600 { background-color: #4b5563; }
  .dark\:border-gray-600 { border-color: #4b5563; }
  .dark\:text-gray-700 { color: #374151; }
  .dark\:bg-gray-700 { background-color: #374151; }
  .dark\:border-gray-700 { border-color: #374151; }
  .dark\:text-gray-800 { color: #1f2937; }
  .dark\:bg-gray-800 { background-color: #1f2937; }
  .dark\:border-gray-800 { border-color: #1f2937; }
  .dark\:text-gray-900 { color: #111827; }
  .dark\:bg-gray-900 { background-color: #111827; }
  .dark\:border-gray-900 { border-color: #111827; }
  .dark\:text-gray-950 { color: #030712; }
  .dark\:bg-gray-950 { background-color: #030712; }
  .dark\:border-gray-950 { border-color: #030712; }
  .dark\:text-red-50 { color: #fef2f2; }
  .dark\:bg-red-50 { background-color: #fef2f2; }
  .dark\:border-red-50 { border-color: #fef2f2; }
  .dark\:text-red-100 { color: #fee2e2; }
  .dark\:bg-red-100 { background-color: #fee2e2; }
  .dark\:border-red-100 { border-color: #fee2e2; }
  .dark\:text-red-200 { color: #fecaca; }
  .dark\:bg-red-200 { background-color: #fecaca; }
  .dark\:border-red-200 { border-color: #fecaca; }
  .dark\:text-red-300 { color: #fca5a5; }
  .dark\:bg-red-300 { background-color: #fca5a5; }
  .dark\:border-red-300 { border-color: #fca5a5; }
  .dark\:text-red-400 { color: #f87171; }
  .dark\:bg-red-400 { background-color: #f87171; }
  .dark\:border-red-400 { border-color: #f87171; }
  .dark\:text-red-500 { color: #ef4444; }
  .dark\:bg-red-500 { background-color: #ef4444; }
  .dark\:border-red-500 { border-color: #ef4444; }
  .dark\:text-red-600 { color: #dc2626; }
  .dark\:bg-red-600 { background-color: #dc2626; }
  .dark\:border-red-600 { border-color: #dc2626; }
  .dark\:text-red-700 { color: #b91c1c; }
  .dark\:bg-red-700 { background-color: #b91c1c; }
  .dark\:border-red-700 { border-color: #b91c1c; }
  .dark\:text-red-800 { color: #991b1b; }
  .dark\:bg-red-800 { background-color: #991b1b; }
  .dark\:border-red-800 { border-color: #991b1b; }
  .dark\:text-red-900 { color: #7f1d1d; }
  .dark\:bg-red-900 { background-color: #7f1d1d; }
  .dark\:border-red-900 { border-color: #7f1d1d; }
  .dark\:text-red-950 { color: #450a0a; }
  .dark\:bg-red-950 { background-color: #450a0a; }
  .dark\:border-red-950 { border-color: #450a0a; }
  .dark\:text-orange-50 { color: #fff7ed; }
  .dark\:bg-orange-50 { background-color: #fff7ed; }
  .dark\:border-orange-50 { border-color: #fff7ed; }
  .dark\:text-orange-100 { color: #ffedd5; }
  .dark\:bg-orange-100 { background-color: #ffedd5; }
  .dark\:border-orange-100 { border-color: #ffedd5; }
  .dark\:text-orange-200 { color: #fed7aa; }
  .dark\:bg-orange-200 { background-color: #fed7aa; }
  .dark\:border-orange-200 { border-color: #fed7aa; }
  .dark\:text-orange-300 { color: #fdba74; }
  .dark\:bg-orange-300 { background-color: #fdba74; }
  .dark\:border-orange-300 { border-color: #fdba74; }
  .dark\:text-orange-400 { color: #fb923c; }
  .dark\:bg-orange-400 { background-color: #fb923c; }
  .dark\:border-orange-400 { border-color: #fb923c; }
  .dark\:text-orange-500 { color: #f97316; }
  .dark\:bg-orange-500 { background-color: #f97316; }
  .dark\:border-orange-500 { border-color: #f97316; }
  .dark\:text-orange-600 { color: #ea580c; }
  .dark\:bg-orange-600 { background-color: #ea580c; }
  .dark\:border-orange-600 { border-color: #ea580c; }
  .dark\:text-orange-700 { color: #c2410c; }
  .dark\:bg-orange-700 { background-color: #c2410c; }
  .dark\:border-orange-700 { border-color: #c2410c; }
  .dark\:text-orange-800 { color: #9a3412; }
  .dark\:bg-orange-800 { background-color: #9a3412; }
  .dark\:border-orange-800 { border-color: #9a3412; }
  .dark\:text-orange-900 { color: #7c2d12; }
  .dark\:bg-orange-900 { background-color: #7c2d12; }
  .dark\:border-orange-900 { border-color: #7c2d12; }
  .dark\:text-orange-950 { color: #431407; }
  .dark\:bg-orange-950 { background-color: #431407; }
  .dark\:border-orange-950 { border-color: #431407; }
  .dark\:text-amber-50 { color: #fffbeb; }
  .dark\:bg-amber-50 { background-color: #fffbeb; }
  .dark\:border-amber-50 { border-color: #fffbeb; }
  .dark\:text-amber-100 { color: #fef3c7; }
  .dark\:bg-amber-100 { background-color: #fef3c7; }
  .dark\:border-amber-100 { border-color: #fef3c7; }
  .dark\:text-amber-200 { color: #fde68a; }
  .dark\:bg-amber-200 { background-color: #fde68a; }
  .dark\:border-amber-200 { border-color: #fde68a; }
  .dark\:text-amber-300 { color: #fcd34d; }
  .dark\:bg-amber-300 { background-color: #fcd34d; }
  .dark\:border-amber-300 { border-color: #fcd34d; }
  .dark\:text-amber-400 { color: #fbbf24; }
  .dark\:bg-amber-400 { background-color: #fbbf24; }
  .dark\:border-amber-400 { border-color: #fbbf24; }
  .dark\:text-amber-500 { color: #f59e0b; }
  .dark\:bg-amber-500 { background-color: #f59e0b; }
  .dark\:border-amber-500 { border-color: #f59e0b; }
  .dark\:text-amber-600 { color: #d97706; }
  .dark\:bg-amber-600 { background-color: #d97706; }
  .dark\:border-amber-600 { border-color: #d97706; }
  .dark\:text-amber-700 { color: #b45309; }
  .dark\:bg-amber-700 { background-color: #b45309; }
  .dark\:border-amber-700 { border-color: #b45309; }
  .dark\:text-amber-800 { color: #92400e; }
  .dark\:bg-amber-800 { background-color: #92400e; }
  .dark\:border-amber-800 { border-color: #92400e; }
  .dark\:text-amber-900 { color: #78350f; }
  .dark\:bg-amber-900 { background-color: #78350f; }
  .dark\:border-amber-900 { border-color: #78350f; }
  .dark\:text-amber-950 { color: #451a03; }
  .dark\:bg-amber-950 { background-color: #451a03; }
  .dark\:border-amber-950 { border-color: #451a03; }
  .dark\:text-yellow-50 { color: #fefce8; }
  .dark\:bg-yellow-50 { background-color: #fefce8; }
  .dark\:border-yellow-50 { border-color: #fefce8; }
  .dark\:text-yellow-100 { color: #fef9c3; }
  .dark\:bg-yellow-100 { background-color: #fef9c3; }
  .dark\:border-yellow-100 { border-color: #fef9c3; }
  .dark\:text-yellow-200 { color: #fef08a; }
  .dark\:bg-yellow-200 { background-color: #fef08a; }
  .dark\:border-yellow-200 { border-color: #fef08a; }
  .dark\:text-yellow-300 { color: #fde047; }
  .dark\:bg-yellow-300 { background-color: #fde047; }
  .dark\:border-yellow-300 { border-color: #fde047; }
  .dark\:text-yellow-400 { color: #facc15; }
  .dark\:bg-yellow-400 { background-color: #facc15; }
  .dark\:border-yellow-400 { border-color: #facc15; }
  .dark\:text-yellow-500 { color: #eab308; }
  .dark\:bg-yellow-500 { background-color: #eab308; }
  .dark\:border-yellow-500 { border-color: #eab308; }
  .dark\:text-yellow-600 { color: #ca8a04; }
  .dark\:bg-yellow-600 { background-color: #ca8a04; }
  .dark\:border-yellow-600 { border-color: #ca8a04; }
  .dark\:text-yellow-700 { color: #a16207; }
  .dark\:bg-yellow-700 { background-color: #a16207; }
  .dark\:border-yellow-700 { border-color: #a16207; }
  .dark\:text-yellow-800 { color: #854d0e; }
  .dark\:bg-yellow-800 { background-color: #854d0e; }
  .dark\:border-yellow-800 { border-color: #854d0e; }
  .dark\:text-yellow-900 { color: #713f12; }
  .dark\:bg-yellow-900 { background-color: #713f12; }
  .dark\:border-yellow-900 { border-color: #713f12; }
  .dark\:text-yellow-950 { color: #422006; }
  .dark\:bg-yellow-950 { background-color: #422006; }
  .dark\:border-yellow-950 { border-color: #422006; }
  .dark\:text-lime-50 { color: #f7fee7; }
  .dark\:bg-lime-50 { background-color: #f7fee7; }
  .dark\:border-lime-50 { border-color: #f7fee7; }
  .dark\:text-lime-100 { color: #ecfccb; }
  .dark\:bg-lime-100 { background-color: #ecfccb; }
  .dark\:border-lime-100 { border-color: #ecfccb; }
  .dark\:text-lime-200 { color: #d9f99d; }
  .dark\:bg-lime-200 { background-color: #d9f99d; }
  .dark\:border-lime-200 { border-color: #d9f99d; }
  .dark\:text-lime-300 { color: #bef264; }
  .dark\:bg-lime-300 { background-color: #bef264; }
  .dark\:border-lime-300 { border-color: #bef264; }
  .dark\:text-lime-400 { color: #a3e635; }
  .dark\:bg-lime-400 { background-color: #a3e635; }
  .dark\:border-lime-400 { border-color: #a3e635; }
  .dark\:text-lime-500 { color: #84cc16; }
  .dark\:bg-lime-500 { background-color: #84cc16; }
  .dark\:border-lime-500 { border-color: #84cc16; }
  .dark\:text-lime-600 { color: #65a30d; }
  .dark\:bg-lime-600 { background-color: #65a30d; }
  .dark\:border-lime-600 { border-color: #65a30d; }
  .dark\:text-lime-700 { color: #4d7c0f; }
  .dark\:bg-lime-700 { background-color: #4d7c0f; }
  .dark\:border-lime-700 { border-color: #4d7c0f; }
  .dark\:text-lime-800 { color: #3f6212; }
  .dark\:bg-lime-800 { background-color: #3f6212; }
  .dark\:border-lime-800 { border-color: #3f6212; }
  .dark\:text-lime-900 { color: #365314; }
  .dark\:bg-lime-900 { background-color: #365314; }
  .dark\:border-lime-900 { border-color: #365314; }
  .dark\:text-lime-950 { color: #1a2e05; }
  .dark\:bg-lime-950 { background-color: #1a2e05; }
  .dark\:border-lime-950 { border-color: #1a2e05; }
  .dark\:text-green-50 { color: #f0fdf4; }
  .dark\:bg-green-50 { background-color: #f0fdf4; }
  .dark\:border-green-50 { border-color: #f0fdf4; }
  .dark\:text-green-100 { color: #dcfce7; }
  .dark\:bg-green-100 { background-color: #dcfce7; }
  .dark\:border-green-100 { border-color: #dcfce7; }
  .dark\:text-green-200 { color: #bbf7d0; }
  .dark\:bg-green-200 { background-color: #bbf7d0; }
  .dark\:border-green-200 { border-color: #bbf7d0; }
  .dark\:text-green-300 { color: #86efac; }
  .dark\:bg-green-300 { background-color: #86efac; }
  .dark\:border-green-300 { border-color: #86efac; }
  .dark\:text-green-400 { color: #4ade80; }
  .dark\:bg-green-400 { background-color: #4ade80; }
  .dark\:border-green-400 { border-color: #4ade80; }
  .dark\:text-green-500 { color: #22c55e; }
  .dark\:bg-green-500 { background-color: #22c55e; }
  .dark\:border-green-500 { border-color: #22c55e; }
  .dark\:text-green-600 { color: #16a34a; }
  .dark\:bg-green-600 { background-color: #16a34a; }
  .dark\:border-green-600 { border-color: #16a34a; }
  .dark\:text-green-700 { color: #15803d; }
  .dark\:bg-green-700 { background-color: #15803d; }
  .dark\:border-green-700 { border-color: #15803d; }
  .dark\:text-green-800 { color: #166534; }
  .dark\:bg-green-800 { background-color: #166534; }
  .dark\:border-green-800 { border-color: #166534; }
  .dark\:text-green-900 { color: #14532d; }
  .dark\:bg-green-900 { background-color: #14532d; }
  .dark\:border-green-900 { border-color: #14532d; }
  .dark\:text-green-950 { color: #052e16; }
  .dark\:bg-green-950 { background-color: #052e16; }
  .dark\:border-green-950 { border-color: #052e16; }
  .dark\:text-emerald-50 { color: #ecfdf5; }
  .dark\:bg-emerald-50 { background-color: #ecfdf5; }
  .dark\:border-emerald-50 { border-color: #ecfdf5; }
  .dark\:text-emerald-100 { color: #d1fae5; }
  .dark\:bg-emerald-100 { background-color: #d1fae5; }
  .dark\:border-emerald-100 { border-color: #d1fae5; }
  .dark\:text-emerald-200 { color: #a7f3d0; }
  .dark\:bg-emerald-200 { background-color: #a7f3d0; }
  .dark\:border-emerald-200 { border-color: #a7f3d0; }
  .dark\:text-emerald-300 { color: #6ee7b7; }
  .dark\:bg-emerald-300 { background-color: #6ee7b7; }
  .dark\:border-emerald-300 { border-color: #6ee7b7; }
  .dark\:text-emerald-400 { color: #34d399; }
  .dark\:bg-emerald-400 { background-color: #34d399; }
  .dark\:border-emerald-400 { border-color: #34d399; }
  .dark\:text-emerald-500 { color: #10b981; }
  .dark\:bg-emerald-500 { background-color: #10b981; }
  .dark\:border-emerald-500 { border-color: #10b981; }
  .dark\:text-emerald-600 { color: #059669; }
  .dark\:bg-emerald-600 { background-color: #059669; }
  .dark\:border-emerald-600 { border-color: #059669; }
  .dark\:text-emerald-700 { color: #047857; }
  .dark\:bg-emerald-700 { background-color: #047857; }
  .dark\:border-emerald-700 { border-color: #047857; }
  .dark\:text-emerald-800 { color: #065f46; }
  .dark\:bg-emerald-800 { background-color: #065f46; }
  .dark\:border-emerald-800 { border-color: #065f46; }
  .dark\:text-emerald-900 { color: #064e3b; }
  .dark\:bg-emerald-900 { background-color: #064e3b; }
  .dark\:border-emerald-900 { border-color: #064e3b; }
  .dark\:text-emerald-950 { color: #022c22; }
  .dark\:bg-emerald-950 { background-color: #022c22; }
  .dark\:border-emerald-950 { border-color: #022c22; }
  .dark\:text-teal-50 { color: #f0fdfa; }
  .dark\:bg-teal-50 { background-color: #f0fdfa; }
  .dark\:border-teal-50 { border-color: #f0fdfa; }
  .dark\:text-teal-100 { color: #ccfbf1; }
  .dark\:bg-teal-100 { background-color: #ccfbf1; }
  .dark\:border-teal-100 { border-color: #ccfbf1; }
  .dark\:text-teal-200 { color: #99f6e4; }
  .dark\:bg-teal-200 { background-color: #99f6e4; }
  .dark\:border-teal-200 { border-color: #99f6e4; }
  .dark\:text-teal-300 { color: #5eead4; }
  .dark\:bg-teal-300 { background-color: #5eead4; }
  .dark\:border-teal-300 { border-color: #5eead4; }
  .dark\:text-teal-400 { color: #2dd4bf; }
  .dark\:bg-teal-400 { background-color: #2dd4bf; }
  .dark\:border-teal-400 { border-color: #2dd4bf; }
  .dark\:text-teal-500 { color: #14b8a6; }
  .dark\:bg-teal-500 { background-color: #14b8a6; }
  .dark\:border-teal-500 { border-color: #14b8a6; }
  .dark\:text-teal-600 { color: #0d9488; }
  .dark\:bg-teal-600 { background-color: #0d9488; }
  .dark\:border-teal-600 { border-color: #0d9488; }
  .dark\:text-teal-700 { color: #0f766e; }
  .dark\:bg-teal-700 { background-color: #0f766e; }
  .dark\:border-teal-700 { border-color: #0f766e; }
  .dark\:text-teal-800 { color: #115e59; }
  .dark\:bg-teal-800 { background-color: #115e59; }
  .dark\:border-teal-800 { border-color: #115e59; }
  .dark\:text-teal-900 { color: #134e4a; }
  .dark\:bg-teal-900 { background-color: #134e4a; }
  .dark\:border-teal-900 { border-color: #134e4a; }
  .dark\:text-teal-950 { color: #042f2e; }
  .dark\:bg-teal-950 { background-color: #042f2e; }
  .dark\:border-teal-950 { border-color: #042f2e; }
  .dark\:text-cyan-50 { color: #ecfeff; }
  .dark\:bg-cyan-50 { background-color: #ecfeff; }
  .dark\:border-cyan-50 { border-color: #ecfeff; }
  .dark\:text-cyan-100 { color: #cffafe; }
  .dark\:bg-cyan-100 { background-color: #cffafe; }
  .dark\:border-cyan-100 { border-color: #cffafe; }
  .dark\:text-cyan-200 { color: #a5f3fc; }
  .dark\:bg-cyan-200 { background-color: #a5f3fc; }
  .dark\:border-cyan-200 { border-color: #a5f3fc; }
  .dark\:text-cyan-300 { color: #67e8f9; }
  .dark\:bg-cyan-300 { background-color: #67e8f9; }
  .dark\:border-cyan-300 { border-color: #67e8f9; }
  .dark\:text-cyan-400 { color: #22d3ee; }
  .dark\:bg-cyan-400 { background-color: #22d3ee; }
  .dark\:border-cyan-400 { border-color: #22d3ee; }
  .dark\:text-cyan-500 { color: #06b6d4; }
  .dark\:bg-cyan-500 { background-color: #06b6d4; }
  .dark\:border-cyan-500 { border-color: #06b6d4; }
  .dark\:text-cyan-600 { color: #0891b2; }
  .dark\:bg-cyan-600 { background-color: #0891b2; }
  .dark\:border-cyan-600 { border-color: #0891b2; }
  .dark\:text-cyan-700 { color: #0e7490; }
  .dark\:bg-cyan-700 { background-color: #0e7490; }
  .dark\:border-cyan-700 { border-color: #0e7490; }
  .dark\:text-cyan-800 { color: #155e75; }
  .dark\:bg-cyan-800 { background-color: #155e75; }
  .dark\:border-cyan-800 { border-color: #155e75; }
  .dark\:text-cyan-900 { color: #164e63; }
  .dark\:bg-cyan-900 { background-color: #164e63; }
  .dark\:border-cyan-900 { border-color: #164e63; }
  .dark\:text-cyan-950 { color: #083344; }
  .dark\:bg-cyan-950 { background-color: #083344; }
  .dark\:border-cyan-950 { border-color: #083344; }
  .dark\:text-sky-50 { color: #f0f9ff; }
  .dark\:bg-sky-50 { background-color: #f0f9ff; }
  .dark\:border-sky-50 { border-color: #f0f9ff; }
  .dark\:text-sky-100 { color: #e0f2fe; }
  .dark\:bg-sky-100 { background-color: #e0f2fe; }
  .dark\:border-sky-100 { border-color: #e0f2fe; }
  .dark\:text-sky-200 { color: #bae6fd; }
  .dark\:bg-sky-200 { background-color: #bae6fd; }
  .dark\:border-sky-200 { border-color: #bae6fd; }
  .dark\:text-sky-300 { color: #7dd3fc; }
  .dark\:bg-sky-300 { background-color: #7dd3fc; }
  .dark\:border-sky-300 { border-color: #7dd3fc; }
  .dark\:text-sky-400 { color: #38bdf8; }
  .dark\:bg-sky-400 { background-color: #38bdf8; }
  .dark\:border-sky-400 { border-color: #38bdf8; }
  .dark\:text-sky-500 { color: #0ea5e9; }
  .dark\:bg-sky-500 { background-color: #0ea5e9; }
  .dark\:border-sky-500 { border-color: #0ea5e9; }
  .dark\:text-sky-600 { color: #0284c7; }
  .dark\:bg-sky-600 { background-color: #0284c7; }
  .dark\:border-sky-600 { border-color: #0284c7; }
  .dark\:text-sky-700 { color: #0369a1; }
  .dark\:bg-sky-700 { background-color: #0369a1; }
  .dark\:border-sky-700 { border-color: #0369a1; }
  .dark\:text-sky-800 { color: #075985; }
  .dark\:bg-sky-800 { background-color: #075985; }
  .dark\:border-sky-800 { border-color: #075985; }
  .dark\:text-sky-900 { color: #0c4a6e; }
  .dark\:bg-sky-900 { background-color: #0c4a6e; }
  .dark\:border-sky-900 { border-color: #0c4a6e; }
  .dark\:text-sky-950 { color: #082f49; }
  .dark\:bg-sky-950 { background-color: #082f49; }
  .dark\:border-sky-950 { border-color: #082f49; }
  .dark\:text-blue-50 { color: #eff6ff; }
  .dark\:bg-blue-50 { background-color: #eff6ff; }
  .dark\:border-blue-50 { border-color: #eff6ff; }
  .dark\:text-blue-100 { color: #dbeafe; }
  .dark\:bg-blue-100 { background-color: #dbeafe; }
  .dark\:border-blue-100 { border-color: #dbeafe; }
  .dark\:text-blue-200 { color: #bfdbfe; }
  .dark\:bg-blue-200 { background-color: #bfdbfe; }
  .dark\:border-blue-200 { border-color: #bfdbfe; }
  .dark\:text-blue-300 { color: #93c5fd; }
  .dark\:bg-blue-300 { background-color: #93c5fd; }
  .dark\:border-blue-300 { border-color: #93c5fd; }
  .dark\:text-blue-400 { color: #60a5fa; }
  .dark\:bg-blue-400 { background-color: #60a5fa; }
  .dark\:border-blue-400 { border-color: #60a5fa; }
  .dark\:text-blue-500 { color: #3b82f6; }
  .dark\:bg-blue-500 { background-color: #3b82f6; }
  .dark\:border-blue-500 { border-color: #3b82f6; }
  .dark\:text-blue-600 { color: #2563eb; }
  .dark\:bg-blue-600 { background-color: #2563eb; }
  .dark\:border-blue-600 { border-color: #2563eb; }
  .dark\:text-blue-700 { color: #1d4ed8; }
  .dark\:bg-blue-700 { background-color: #1d4ed8; }
  .dark\:border-blue-700 { border-color: #1d4ed8; }
  .dark\:text-blue-800 { color: #1e40af; }
  .dark\:bg-blue-800 { background-color: #1e40af; }
  .dark\:border-blue-800 { border-color: #1e40af; }
  .dark\:text-blue-900 { color: #1e3a8a; }
  .dark\:bg-blue-900 { background-color: #1e3a8a; }
  .dark\:border-blue-900 { border-color: #1e3a8a; }
  .dark\:text-blue-950 { color: #172554; }
  .dark\:bg-blue-950 { background-color: #172554; }
  .dark\:border-blue-950 { border-color: #172554; }
  .dark\:text-indigo-50 { color: #eef2ff; }
  .dark\:bg-indigo-50 { background-color: #eef2ff; }
  .dark\:border-indigo-50 { border-color: #eef2ff; }
  .dark\:text-indigo-100 { color: #e0e7ff; }
  .dark\:bg-indigo-100 { background-color: #e0e7ff; }
  .dark\:border-indigo-100 { border-color: #e0e7ff; }
  .dark\:text-indigo-200 { color: #c7d2fe; }
  .dark\:bg-indigo-200 { background-color: #c7d2fe; }
  .dark\:border-indigo-200 { border-color: #c7d2fe; }
  .dark\:text-indigo-300 { color: #a5b4fc; }
  .dark\:bg-indigo-300 { background-color: #a5b4fc; }
  .dark\:border-indigo-300 { border-color: #a5b4fc; }
  .dark\:text-indigo-400 { color: #818cf8; }
  .dark\:bg-indigo-400 { background-color: #818cf8; }
  .dark\:border-indigo-400 { border-color: #818cf8; }
  .dark\:text-indigo-500 { color: #6366f1; }
  .dark\:bg-indigo-500 { background-color: #6366f1; }
  .dark\:border-indigo-500 { border-color: #6366f1; }
  .dark\:text-indigo-600 { color: #4f46e5; }
  .dark\:bg-indigo-600 { background-color: #4f46e5; }
  .dark\:border-indigo-600 { border-color: #4f46e5; }
  .dark\:text-indigo-700 { color: #4338ca; }
  .dark\:bg-indigo-700 { background-color: #4338ca; }
  .dark\:border-indigo-700 { border-color: #4338ca; }
  .dark\:text-indigo-800 { color: #3730a3; }
  .dark\:bg-indigo-800 { background-color: #3730a3; }
  .dark\:border-indigo-800 { border-color: #3730a3; }
  .dark\:text-indigo-900 { color: #312e81; }
  .dark\:bg-indigo-900 { background-color: #312e81; }
  .dark\:border-indigo-900 { border-color: #312e81; }
  .dark\:text-indigo-950 { color: #1e1b4b; }
  .dark\:bg-indigo-950 { background-color: #1e1b4b; }
  .dark\:border-indigo-950 { border-color: #1e1b4b; }
  .dark\:text-violet-50 { color: #f5f3ff; }
  .dark\:bg-violet-50 { background-color: #f5f3ff; }
  .dark\:border-violet-50 { border-color: #f5f3ff; }
  .dark\:text-violet-100 { color: #ede9fe; }
  .dark\:bg-violet-100 { background-color: #ede9fe; }
  .dark\:border-violet-100 { border-color: #ede9fe; }
  .dark\:text-violet-200 { color: #ddd6fe; }
  .dark\:bg-violet-200 { background-color: #ddd6fe; }
  .dark\:border-violet-200 { border-color: #ddd6fe; }
  .dark\:text-violet-300 { color: #c4b5fd; }
  .dark\:bg-violet-300 { background-color: #c4b5fd; }
  .dark\:border-violet-300 { border-color: #c4b5fd; }
  .dark\:text-violet-400 { color: #a78bfa; }
  .dark\:bg-violet-400 { background-color: #a78bfa; }
  .dark\:border-violet-400 { border-color: #a78bfa; }
  .dark\:text-violet-500 { color: #8b5cf6; }
  .dark\:bg-violet-500 { background-color: #8b5cf6; }
  .dark\:border-violet-500 { border-color: #8b5cf6; }
  .dark\:text-violet-600 { color: #7c3aed; }
  .dark\:bg-violet-600 { background-color: #7c3aed; }
  .dark\:border-violet-600 { border-color: #7c3aed; }
  .dark\:text-violet-700 { color: #6d28d9; }
  .dark\:bg-violet-700 { background-color: #6d28d9; }
  .dark\:border-violet-700 { border-color: #6d28d9; }
  .dark\:text-violet-800 { color: #5b21b6; }
  .dark\:bg-violet-800 { background-color: #5b21b6; }
  .dark\:border-violet-800 { border-color: #5b21b6; }
  .dark\:text-violet-900 { color: #4c1d95; }
  .dark\:bg-violet-900 { background-color: #4c1d95; }
  .dark\:border-violet-900 { border-color: #4c1d95; }
  .dark\:text-violet-950 { color: #2e1065; }
  .dark\:bg-violet-950 { background-color: #2e1065; }
  .dark\:border-violet-950 { border-color: #2e1065; }
  .dark\:text-purple-50 { color: #faf5ff; }
  .dark\:bg-purple-50 { background-color: #faf5ff; }
  .dark\:border-purple-50 { border-color: #faf5ff; }
  .dark\:text-purple-100 { color: #f3e8ff; }
  .dark\:bg-purple-100 { background-color: #f3e8ff; }
  .dark\:border-purple-100 { border-color: #f3e8ff; }
  .dark\:text-purple-200 { color: #e9d5ff; }
  .dark\:bg-purple-200 { background-color: #e9d5ff; }
  .dark\:border-purple-200 { border-color: #e9d5ff; }
  .dark\:text-purple-300 { color: #d8b4fe; }
  .dark\:bg-purple-300 { background-color: #d8b4fe; }
  .dark\:border-purple-300 { border-color: #d8b4fe; }
  .dark\:text-purple-400 { color: #c084fc; }
  .dark\:bg-purple-400 { background-color: #c084fc; }
  .dark\:border-purple-400 { border-color: #c084fc; }
  .dark\:text-purple-500 { color: #a855f7; }
  .dark\:bg-purple-500 { background-color: #a855f7; }
  .dark\:border-purple-500 { border-color: #a855f7; }
  .dark\:text-purple-600 { color: #9333ea; }
  .dark\:bg-purple-600 { background-color: #9333ea; }
  .dark\:border-purple-600 { border-color: #9333ea; }
  .dark\:text-purple-700 { color: #7e22ce; }
  .dark\:bg-purple-700 { background-color: #7e22ce; }
  .dark\:border-purple-700 { border-color: #7e22ce; }
  .dark\:text-purple-800 { color: #6b21a8; }
  .dark\:bg-purple-800 { background-color: #6b21a8; }
  .dark\:border-purple-800 { border-color: #6b21a8; }
  .dark\:text-purple-900 { color: #581c87; }
  .dark\:bg-purple-900 { background-color: #581c87; }
  .dark\:border-purple-900 { border-color: #581c87; }
  .dark\:text-purple-950 { color: #3b0764; }
  .dark\:bg-purple-950 { background-color: #3b0764; }
  .dark\:border-purple-950 { border-color: #3b0764; }
  .dark\:text-fuchsia-50 { color: #fdf4ff; }
  .dark\:bg-fuchsia-50 { background-color: #fdf4ff; }
  .dark\:border-fuchsia-50 { border-color: #fdf4ff; }
  .dark\:text-fuchsia-100 { color: #fae8ff; }
  .dark\:bg-fuchsia-100 { background-color: #fae8ff; }
  .dark\:border-fuchsia-100 { border-color: #fae8ff; }
  .dark\:text-fuchsia-200 { color: #f5d0fe; }
  .dark\:bg-fuchsia-200 { background-color: #f5d0fe; }
  .dark\:border-fuchsia-200 { border-color: #f5d0fe; }
  .dark\:text-fuchsia-300 { color: #f0abfc; }
  .dark\:bg-fuchsia-300 { background-color: #f0abfc; }
  .dark\:border-fuchsia-300 { border-color: #f0abfc; }
  .dark\:text-fuchsia-400 { color: #e879f9; }
  .dark\:bg-fuchsia-400 { background-color: #e879f9; }
  .dark\:border-fuchsia-400 { border-color: #e879f9; }
  .dark\:text-fuchsia-500 { color: #d946ef; }
  .dark\:bg-fuchsia-500 { background-color: #d946ef; }
  .dark\:border-fuchsia-500 { border-color: #d946ef; }
  .dark\:text-fuchsia-600 { color: #c026d3; }
  .dark\:bg-fuchsia-600 { background-color: #c026d3; }
  .dark\:border-fuchsia-600 { border-color: #c026d3; }
  .dark\:text-fuchsia-700 { color: #a21caf; }
  .dark\:bg-fuchsia-700 { background-color: #a21caf; }
  .dark\:border-fuchsia-700 { border-color: #a21caf; }
  .dark\:text-fuchsia-800 { color: #86198f; }
  .dark\:bg-fuchsia-800 { background-color: #86198f; }
  .dark\:border-fuchsia-800 { border-color: #86198f; }
  .dark\:text-fuchsia-900 { color: #701a75; }
  .dark\:bg-fuchsia-900 { background-color: #701a75; }
  .dark\:border-fuchsia-900 { border-color: #701a75; }
  .dark\:text-fuchsia-950 { color: #4a044e; }
  .dark\:bg-fuchsia-950 { background-color: #4a044e; }
  .dark\:border-fuchsia-950 { border-color: #4a044e; }
  .dark\:text-pink-50 { color: #fdf2f8; }
  .dark\:bg-pink-50 { background-color: #fdf2f8; }
  .dark\:border-pink-50 { border-color: #fdf2f8; }
  .dark\:text-pink-100 { color: #fce7f3; }
  .dark\:bg-pink-100 { background-color: #fce7f3; }
  .dark\:border-pink-100 { border-color: #fce7f3; }
  .dark\:text-pink-200 { color: #fbcfe8; }
  .dark\:bg-pink-200 { background-color: #fbcfe8; }
  .dark\:border-pink-200 { border-color: #fbcfe8; }
  .dark\:text-pink-300 { color: #f9a8d4; }
  .dark\:bg-pink-300 { background-color: #f9a8d4; }
  .dark\:border-pink-300 { border-color: #f9a8d4; }
  .dark\:text-pink-400 { color: #f472b6; }
  .dark\:bg-pink-400 { background-color: #f472b6; }
  .dark\:border-pink-400 { border-color: #f472b6; }
  .dark\:text-pink-500 { color: #ec4899; }
  .dark\:bg-pink-500 { background-color: #ec4899; }
  .dark\:border-pink-500 { border-color: #ec4899; }
  .dark\:text-pink-600 { color: #db2777; }
  .dark\:bg-pink-600 { background-color: #db2777; }
  .dark\:border-pink-600 { border-color: #db2777; }
  .dark\:text-pink-700 { color: #be185d; }
  .dark\:bg-pink-700 { background-color: #be185d; }
  .dark\:border-pink-700 { border-color: #be185d; }
  .dark\:text-pink-800 { color: #9d174d; }
  .dark\:bg-pink-800 { background-color: #9d174d; }
  .dark\:border-pink-800 { border-color: #9d174d; }
  .dark\:text-pink-900 { color: #831843; }
  .dark\:bg-pink-900 { background-color: #831843; }
  .dark\:border-pink-900 { border-color: #831843; }
  .dark\:text-pink-950 { color: #500724; }
  .dark\:bg-pink-950 { background-color: #500724; }
  .dark\:border-pink-950 { border-color: #500724; }
  .dark\:text-rose-50 { color: #fff1f2; }
  .dark\:bg-rose-50 { background-color: #fff1f2; }
  .dark\:border-rose-50 { border-color: #fff1f2; }
  .dark\:text-rose-100 { color: #ffe4e6; }
  .dark\:bg-rose-100 { background-color: #ffe4e6; }
  .dark\:border-rose-100 { border-color: #ffe4e6; }
  .dark\:text-rose-200 { color: #fecdd3; }
  .dark\:bg-rose-200 { background-color: #fecdd3; }
  .dark\:border-rose-200 { border-color: #fecdd3; }
  .dark\:text-rose-300 { color: #fda4af; }
  .dark\:bg-rose-300 { background-color: #fda4af; }
  .dark\:border-rose-300 { border-color: #fda4af; }
  .dark\:text-rose-400 { color: #fb7185; }
  .dark\:bg-rose-400 { background-color: #fb7185; }
  .dark\:border-rose-400 { border-color: #fb7185; }
  .dark\:text-rose-500 { color: #f43f5e; }
  .dark\:bg-rose-500 { background-color: #f43f5e; }
  .dark\:border-rose-500 { border-color: #f43f5e; }
  .dark\:text-rose-600 { color: #e11d48; }
  .dark\:bg-rose-600 { background-color: #e11d48; }
  .dark\:border-rose-600 { border-color: #e11d48; }
  .dark\:text-rose-700 { color: #be123c; }
  .dark\:bg-rose-700 { background-color: #be123c; }
  .dark\:border-rose-700 { border-color: #be123c; }
  .dark\:text-rose-800 { color: #9f1239; }
  .dark\:bg-rose-800 { background-color: #9f1239; }
  .dark\:border-rose-800 { border-color: #9f1239; }
  .dark\:text-rose-900 { color: #881337; }
  .dark\:bg-rose-900 { background-color: #881337; }
  .dark\:border-rose-900 { border-color: #881337; }
  .dark\:text-rose-950 { color: #4c0519; }
  .dark\:bg-rose-950 { background-color: #4c0519; }
  .dark\:border-rose-950 { border-color: #4c0519; }
}