/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: calc(var(--spacing, 0.25rem) * 0);
}
.top-0 {
  top: calc(var(--spacing, 0.25rem) * 0);
}
.top-10 {
  top: calc(var(--spacing, 0.25rem) * 10);
}
.right-10 {
  right: calc(var(--spacing, 0.25rem) * 10);
}
.left-0 {
  left: calc(var(--spacing, 0.25rem) * 0);
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.col-12 {
  grid-column: 12;
}
.float-right {
  float: right;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.-m-4 {
  margin: calc(var(--spacing, 0.25rem) * -4);
}
.m-0 {
  margin: calc(var(--spacing, 0.25rem) * 0);
}
.m-1 {
  margin: calc(var(--spacing, 0.25rem) * 1);
}
.mx-auto {
  margin-inline: auto;
}
.my-3 {
  margin-block: calc(var(--spacing, 0.25rem) * 3);
}
.my-8 {
  margin-block: calc(var(--spacing, 0.25rem) * 8);
}
.my-12 {
  margin-block: calc(var(--spacing, 0.25rem) * 12);
}
.me-3 {
  margin-inline-end: calc(var(--spacing, 0.25rem) * 3);
}
.-mt-5 {
  margin-top: calc(var(--spacing, 0.25rem) * -5);
}
.-mt-20 {
  margin-top: calc(var(--spacing, 0.25rem) * -20);
}
.-mt-24 {
  margin-top: calc(var(--spacing, 0.25rem) * -24);
}
.mt-0 {
  margin-top: calc(var(--spacing, 0.25rem) * 0);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing, 0.25rem) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing, 0.25rem) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing, 0.25rem) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing, 0.25rem) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing, 0.25rem) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing, 0.25rem) * 10);
}
.mt-16 {
  margin-top: calc(var(--spacing, 0.25rem) * 16);
}
.mt-32 {
  margin-top: calc(var(--spacing, 0.25rem) * 32);
}
.mt-48 {
  margin-top: calc(var(--spacing, 0.25rem) * 48);
}
.mt-auto {
  margin-top: auto;
}
.mr-1 {
  margin-right: calc(var(--spacing, 0.25rem) * 1);
}
.mr-5 {
  margin-right: calc(var(--spacing, 0.25rem) * 5);
}
.mr-auto {
  margin-right: auto;
}
.mb-0 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 0);
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 0.5);
}
.mb-1 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 8);
}
.mb-12 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 16);
}
.mb-20 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 20);
}
.mb-24 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 24);
}
.ml-1 {
  margin-left: calc(var(--spacing, 0.25rem) * 1);
}
.ml-2 {
  margin-left: calc(var(--spacing, 0.25rem) * 2);
}
.ml-3 {
  margin-left: calc(var(--spacing, 0.25rem) * 3);
}
.ml-4 {
  margin-left: calc(var(--spacing, 0.25rem) * 4);
}
.ml-auto {
  margin-left: auto;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.hidden {
  display: none;
}
.inline-flex {
  display: inline-flex;
}
.h-4 {
  height: calc(var(--spacing, 0.25rem) * 4);
}
.h-5 {
  height: calc(var(--spacing, 0.25rem) * 5);
}
.h-10 {
  height: calc(var(--spacing, 0.25rem) * 10);
}
.h-12 {
  height: calc(var(--spacing, 0.25rem) * 12);
}
.h-16 {
  height: calc(var(--spacing, 0.25rem) * 16);
}
.h-48 {
  height: calc(var(--spacing, 0.25rem) * 48);
}
.h-\[1px\] {
  height: 1px;
}
.h-full {
  height: 100%;
}
.max-h-\[80px\] {
  max-height: 80px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-2\/2 {
  width: calc(2/2 * 100%);
}
.w-4 {
  width: calc(var(--spacing, 0.25rem) * 4);
}
.w-5 {
  width: calc(var(--spacing, 0.25rem) * 5);
}
.w-5\/6 {
  width: calc(5/6 * 100%);
}
.w-6\/12 {
  width: calc(6/12 * 100%);
}
.w-7 {
  width: calc(var(--spacing, 0.25rem) * 7);
}
.w-10 {
  width: calc(var(--spacing, 0.25rem) * 10);
}
.w-10\/12 {
  width: calc(10/12 * 100%);
}
.w-12 {
  width: calc(var(--spacing, 0.25rem) * 12);
}
.w-16 {
  width: calc(var(--spacing, 0.25rem) * 16);
}
.w-48 {
  width: calc(var(--spacing, 0.25rem) * 48);
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[95\%\] {
  width: 95%;
}
.w-full {
  width: 100%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-xl {
  max-width: var(--breakpoint-xl, 80rem);
}
.min-w-0 {
  min-width: calc(var(--spacing, 0.25rem) * 0);
}
.min-w-\[375px\] {
  min-width: 375px;
}
.flex-auto {
  flex: auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.basis-5\/12 {
  flex-basis: calc(5/12 * 100%);
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-x-4 {
  --tw-border-spacing-x: calc(var(--spacing, 0.25rem) * 4);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-2 {
  --tw-border-spacing-y: calc(var(--spacing, 0.25rem) * 2);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.translate-x-full {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
  cursor: pointer;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-4 {
  gap: calc(var(--spacing, 0.25rem) * 4);
}
.gap-10 {
  gap: calc(var(--spacing, 0.25rem) * 10);
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overscroll-y-none {
  overscroll-behavior-y: none;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl, 1rem);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg, 0.5rem);
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-amber-950 {
  border-color: var(--color-amber-950, oklch(27.9% 0.077 45.635));
}
.border-blue-400 {
  border-color: var(--color-blue-400, oklch(70.7% 0.165 254.624));
}
.border-gray-200 {
  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
}
.border-gray-300 {
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
}
.bg-amber-100 {
  background-color: var(--color-amber-100, oklch(96.2% 0.059 95.617));
}
.bg-amber-200 {
  background-color: var(--color-amber-200, oklch(92.4% 0.12 95.746));
}
.bg-amber-300 {
  background-color: var(--color-amber-300, oklch(87.9% 0.169 91.605));
}
.bg-black {
  background-color: var(--color-black, #000);
}
.bg-blue-50 {
  background-color: var(--color-blue-50, oklch(97% 0.014 254.604));
}
.bg-blue-100 {
  background-color: var(--color-blue-100, oklch(93.2% 0.032 255.585));
}
.bg-blue-200 {
  background-color: var(--color-blue-200, oklch(88.2% 0.059 254.128));
}
.bg-blue-300 {
  background-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
}
.bg-blue-500 {
  background-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
}
.bg-cyan-200 {
  background-color: var(--color-cyan-200, oklch(91.7% 0.08 205.041));
}
.bg-emerald-400 {
  background-color: var(--color-emerald-400, oklch(76.5% 0.177 163.223));
}
.bg-gray-100 {
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.bg-green-400 {
  background-color: var(--color-green-400, oklch(79.2% 0.209 151.711));
}
.bg-indigo-500 {
  background-color: var(--color-indigo-500, oklch(58.5% 0.233 277.117));
}
.bg-pink-500 {
  background-color: var(--color-pink-500, oklch(65.6% 0.241 354.308));
}
.bg-red-500 {
  background-color: var(--color-red-500, oklch(63.7% 0.237 25.331));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white, #fff);
}
.bg-auto {
  background-size: auto;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: calc(var(--spacing, 0.25rem) * 0);
}
.p-2 {
  padding: calc(var(--spacing, 0.25rem) * 2);
}
.p-3 {
  padding: calc(var(--spacing, 0.25rem) * 3);
}
.p-4 {
  padding: calc(var(--spacing, 0.25rem) * 4);
}
.px-3 {
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing, 0.25rem) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing, 0.25rem) * 8);
}
.py-1 {
  padding-block: calc(var(--spacing, 0.25rem) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing, 0.25rem) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing, 0.25rem) * 3);
}
.py-6 {
  padding-block: calc(var(--spacing, 0.25rem) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing, 0.25rem) * 8);
}
.py-24 {
  padding-block: calc(var(--spacing, 0.25rem) * 24);
}
.pt-0 {
  padding-top: calc(var(--spacing, 0.25rem) * 0);
}
.pt-4 {
  padding-top: calc(var(--spacing, 0.25rem) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing, 0.25rem) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing, 0.25rem) * 6);
}
.pt-10 {
  padding-top: calc(var(--spacing, 0.25rem) * 10);
}
.pt-20 {
  padding-top: calc(var(--spacing, 0.25rem) * 20);
}
.pt-24 {
  padding-top: calc(var(--spacing, 0.25rem) * 24);
}
.pr-4 {
  padding-right: calc(var(--spacing, 0.25rem) * 4);
}
.pr-12 {
  padding-right: calc(var(--spacing, 0.25rem) * 12);
}
.pr-20 {
  padding-right: calc(var(--spacing, 0.25rem) * 20);
}
.pb-0 {
  padding-bottom: calc(var(--spacing, 0.25rem) * 0);
}
.pb-4 {
  padding-bottom: calc(var(--spacing, 0.25rem) * 4);
}
.pb-20 {
  padding-bottom: calc(var(--spacing, 0.25rem) * 20);
}
.pl-4 {
  padding-left: calc(var(--spacing, 0.25rem) * 4);
}
.pl-5 {
  padding-left: calc(var(--spacing, 0.25rem) * 5);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-text-top {
  vertical-align: text-top;
}
.text-2xl {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}
.text-3xl {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
}
.text-4xl {
  font-size: var(--text-4xl, 2.25rem);
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
}
.text-base {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}
.text-lg {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}
.text-sm {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
.text-xl {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}
.text-xs {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
}
.leading-normal {
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.font-light {
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest, 0.1em);
  letter-spacing: var(--tracking-widest, 0.1em);
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.text-blue-600 {
  color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
}
.text-gray-500 {
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.text-gray-600 {
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.text-gray-700 {
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
}
.text-gray-900 {
  color: var(--color-gray-900, oklch(21% 0.034 264.665));
}
.text-green-600 {
  color: var(--color-green-600, oklch(62.7% 0.194 149.214));
}
.text-indigo-500 {
  color: var(--color-indigo-500, oklch(58.5% 0.233 277.117));
}
.text-red-600 {
  color: var(--color-red-600, oklch(57.7% 0.245 27.325));
}
.text-red-700 {
  color: var(--color-red-700, oklch(50.5% 0.213 27.518));
}
.text-white {
  color: var(--color-white, #fff);
}
.uppercase {
  text-transform: uppercase;
}
.line-through {
  text-decoration-line: line-through;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-75 {
  opacity: 75%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-open\:rotate-180 {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
}
.peer-checked\:translate-x-0 {
  &:is(:where(.peer):checked ~ *) {
    --tw-translate-x: calc(var(--spacing, 0.25rem) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.peer-checked\:bg-transparent {
  &:is(:where(.peer):checked ~ *) {
    background-color: transparent;
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:top-\[-0\.35rem\] {
  &::before {
    content: var(--tw-content);
    top: -0.35rem;
  }
}
.before\:z-50 {
  &::before {
    content: var(--tw-content);
    z-index: 50;
  }
}
.before\:block {
  &::before {
    content: var(--tw-content);
    display: block;
  }
}
.before\:h-full {
  &::before {
    content: var(--tw-content);
    height: 100%;
  }
}
.before\:w-full {
  &::before {
    content: var(--tw-content);
    width: 100%;
  }
}
.before\:bg-green-500 {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-green-500, oklch(72.3% 0.219 149.579));
  }
}
.before\:transition-all {
  &::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
}
.before\:duration-200 {
  &::before {
    content: var(--tw-content);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
}
.before\:ease-out {
  &::before {
    content: var(--tw-content);
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
}
.before\:content-\[\'\'\] {
  &::before {
    content: var(--tw-content);
    --tw-content: '';
    content: var(--tw-content);
  }
}
.before\:peer-checked\:top-0 {
  &::before {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      top: calc(var(--spacing, 0.25rem) * 0);
    }
  }
}
.before\:peer-checked\:w-full {
  &::before {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      width: 100%;
    }
  }
}
.before\:peer-checked\:rotate-45 {
  &::before {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      rotate: 45deg;
    }
  }
}
.before\:peer-checked\:transform {
  &::before {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:right-0 {
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing, 0.25rem) * 0);
  }
}
.after\:bottom-\[-0\.35rem\] {
  &::after {
    content: var(--tw-content);
    bottom: -0.35rem;
  }
}
.after\:block {
  &::after {
    content: var(--tw-content);
    display: block;
  }
}
.after\:h-full {
  &::after {
    content: var(--tw-content);
    height: 100%;
  }
}
.after\:w-full {
  &::after {
    content: var(--tw-content);
    width: 100%;
  }
}
.after\:bg-black {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-black, #000);
  }
}
.after\:transition-all {
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
}
.after\:duration-200 {
  &::after {
    content: var(--tw-content);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
}
.after\:ease-out {
  &::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  }
}
.after\:content-\[\'\'\] {
  &::after {
    content: var(--tw-content);
    --tw-content: '';
    content: var(--tw-content);
  }
}
.after\:peer-checked\:bottom-0 {
  &::after {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      bottom: calc(var(--spacing, 0.25rem) * 0);
    }
  }
}
.after\:peer-checked\:w-full {
  &::after {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      width: 100%;
    }
  }
}
.after\:peer-checked\:-rotate-45 {
  &::after {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      rotate: calc(45deg * -1);
    }
  }
}
.after\:peer-checked\:transform {
  &::after {
    content: var(--tw-content);
    &:is(:where(.peer):checked ~ *) {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
}
.open\:basis-full {
  &:is([open], :popover-open, :open) {
    flex-basis: 100%;
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:bg-blue-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
    }
  }
}
.hover\:bg-gray-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
    }
  }
}
.hover\:bg-indigo-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-indigo-600, oklch(51.1% 0.262 276.966));
    }
  }
}
.hover\:text-gray-900 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-900, oklch(21% 0.034 264.665));
    }
  }
}
.hover\:shadow-2xl {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.sm\:mt-0 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing, 0.25rem) * 0);
  }
}
.sm\:mb-0 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 0);
  }
}
.sm\:ml-4 {
  @media (width >= 40rem) {
    margin-left: calc(var(--spacing, 0.25rem) * 4);
  }
}
.sm\:ml-auto {
  @media (width >= 40rem) {
    margin-left: auto;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:justify-start {
  @media (width >= 40rem) {
    justify-content: flex-start;
  }
}
.sm\:border-l-2 {
  @media (width >= 40rem) {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
}
.sm\:border-gray-200 {
  @media (width >= 40rem) {
    border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
  }
}
.sm\:py-2 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 2);
  }
}
.sm\:pl-4 {
  @media (width >= 40rem) {
    padding-left: calc(var(--spacing, 0.25rem) * 4);
  }
}
.sm\:pl-8 {
  @media (width >= 40rem) {
    padding-left: calc(var(--spacing, 0.25rem) * 8);
  }
}
.sm\:text-left {
  @media (width >= 40rem) {
    text-align: left;
  }
}
.sm\:text-3xl {
  @media (width >= 40rem) {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}
.sm\:text-4xl {
  @media (width >= 40rem) {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}
.sm\:text-xl {
  @media (width >= 40rem) {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }
}
.md\:mt-0 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing, 0.25rem) * 0);
  }
}
.md\:mt-2 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
  }
}
.md\:mb-0 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 0);
  }
}
.md\:ml-auto {
  @media (width >= 48rem) {
    margin-left: auto;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:max-h-\[100px\] {
  @media (width >= 48rem) {
    max-height: 100px;
  }
}
.md\:w-1\/2 {
  @media (width >= 48rem) {
    width: calc(1/2 * 100%);
  }
}
.md\:w-1\/3 {
  @media (width >= 48rem) {
    width: calc(1/3 * 100%);
  }
}
.md\:w-3\/12 {
  @media (width >= 48rem) {
    width: calc(3/12 * 100%);
  }
}
.md\:w-4\/12 {
  @media (width >= 48rem) {
    width: calc(4/12 * 100%);
  }
}
.md\:w-5\/12 {
  @media (width >= 48rem) {
    width: calc(5/12 * 100%);
  }
}
.md\:w-6\/12 {
  @media (width >= 48rem) {
    width: calc(6/12 * 100%);
  }
}
.md\:w-full {
  @media (width >= 48rem) {
    width: 100%;
  }
}
.md\:flex-1 {
  @media (width >= 48rem) {
    flex: 1;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-start {
  @media (width >= 48rem) {
    align-items: flex-start;
  }
}
.md\:justify-start {
  @media (width >= 48rem) {
    justify-content: flex-start;
  }
}
.md\:space-y-0 {
  @media (width >= 48rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.md\:px-3 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
  }
}
.md\:pr-3 {
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing, 0.25rem) * 3);
  }
}
.md\:pr-16 {
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing, 0.25rem) * 16);
  }
}
.md\:pl-3 {
  @media (width >= 48rem) {
    padding-left: calc(var(--spacing, 0.25rem) * 3);
  }
}
.md\:text-left {
  @media (width >= 48rem) {
    text-align: left;
  }
}
.lg\:-mx-4 {
  @media (width >= 64rem) {
    margin-inline: calc(var(--spacing, 0.25rem) * -4);
  }
}
.lg\:mt-10 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing, 0.25rem) * 10);
  }
}
.lg\:mb-0 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 0);
  }
}
.lg\:mb-5 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 5);
  }
}
.lg\:inline-block {
  @media (width >= 64rem) {
    display: inline-block;
  }
}
.lg\:max-h-\[200px\] {
  @media (width >= 64rem) {
    max-height: 200px;
  }
}
.lg\:w-1\/2 {
  @media (width >= 64rem) {
    width: calc(1/2 * 100%);
  }
}
.lg\:w-2\/3 {
  @media (width >= 64rem) {
    width: calc(2/3 * 100%);
  }
}
.lg\:w-2\/12 {
  @media (width >= 64rem) {
    width: calc(2/12 * 100%);
  }
}
.lg\:w-3\/12 {
  @media (width >= 64rem) {
    width: calc(3/12 * 100%);
  }
}
.lg\:w-4\/12 {
  @media (width >= 64rem) {
    width: calc(4/12 * 100%);
  }
}
.lg\:w-6\/12 {
  @media (width >= 64rem) {
    width: calc(6/12 * 100%);
  }
}
.lg\:w-7\/12 {
  @media (width >= 64rem) {
    width: calc(7/12 * 100%);
  }
}
.lg\:w-8\/12 {
  @media (width >= 64rem) {
    width: calc(8/12 * 100%);
  }
}
.lg\:w-\[75\%\] {
  @media (width >= 64rem) {
    width: 75%;
  }
}
.lg\:w-full {
  @media (width >= 64rem) {
    width: 100%;
  }
}
.lg\:max-w-lg {
  @media (width >= 64rem) {
    max-width: var(--container-lg, 32rem);
  }
}
.lg\:flex-grow {
  @media (width >= 64rem) {
    flex-grow: 1;
  }
}
.lg\:basis-5\/12 {
  @media (width >= 64rem) {
    flex-basis: calc(5/12 * 100%);
  }
}
.lg\:flex-nowrap {
  @media (width >= 64rem) {
    flex-wrap: nowrap;
  }
}
.lg\:items-end {
  @media (width >= 64rem) {
    align-items: flex-end;
  }
}
.lg\:justify-end {
  @media (width >= 64rem) {
    justify-content: flex-end;
  }
}
.lg\:p-5 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing, 0.25rem) * 5);
  }
}
.lg\:px-4 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
}
.lg\:pt-10 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 10);
  }
}
.lg\:pr-24 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing, 0.25rem) * 24);
  }
}
.lg\:pb-24 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing, 0.25rem) * 24);
  }
}
.xl\:w-1\/4 {
  @media (width >= 80rem) {
    width: calc(1/4 * 100%);
  }
}
.dark\:text-blue-400 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  }
}
.dark\:text-green-400 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-green-400, oklch(79.2% 0.209 151.711));
  }
}
.dark\:text-red-400 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-red-400, oklch(70.4% 0.191 22.216));
  }
}
.\[\&_li\]\:my-0\.5 {
  & li {
    margin-block: calc(var(--spacing, 0.25rem) * 0.5);
  }
}
.\[\&\>p\]\:my-1 {
  &>p {
    margin-block: calc(var(--spacing, 0.25rem) * 1);
  }
}
.\[\&\>ul\]\:my-1 {
  &>ul {
    margin-block: calc(var(--spacing, 0.25rem) * 1);
  }
}
@layer components {
  .btn-primary {
    border-radius: var(--radius-lg, 0.5rem);
    background-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-white, #fff);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
      }
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-blue-400, oklch(70.7% 0.165 254.624));
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
}
.markdown h1 {
  margin-top: calc(var(--spacing, 0.25rem) * 10);
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-4xl, 2.25rem);
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
.markdown h2 {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  overflow-wrap: break-word;
}
.markdown h3 {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  overflow-wrap: break-word;
}
.markdown h4 {
  margin-top: calc(var(--spacing, 0.25rem) * 5);
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  overflow-wrap: break-word;
}
.markdown p {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  overflow-wrap: break-word;
  @media (width >= 64rem) {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }
}
.markdown details {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-blue-400, oklch(70.7% 0.165 254.624));
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.markdown summary {
  cursor: pointer;
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  overflow-wrap: break-word;
}
.markdown ul {
  list-style-type: disc;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  padding-left: calc(var(--spacing, 0.25rem) * 5);
}
.markdown li {
  overflow-wrap: break-word;
}
.markdown img {
  height: auto;
  max-width: 100%;
}
.markdown table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.markdown pre {
  overflow-x: auto;
}
.skg_kursdaten table {
  width: 100%;
  table-layout: auto;
  --tw-border-spacing-x: calc(var(--spacing, 0.25rem) * 6);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  text-align: center;
}
.skg_kursdaten h4 {
  text-align: left;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}
.skg_kursdaten h3 {
  padding-top: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}
.register_label {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1);
  display: block;
  text-align: left;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.register_box {
  box-sizing: border-box;
  width: 100%;
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
  padding: calc(var(--spacing, 0.25rem) * 3);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  &:focus {
    border-color: var(--color-indigo-500, oklch(58.5% 0.233 277.117));
  }
  &:focus {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-color: var(--color-indigo-500, oklch(58.5% 0.233 277.117));
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}