.qJTHM { user-select: none; color: rgb(32, 33, 36); direction: ltr; font-family: Roboto-Regular, arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; margin: 0px; overflow: hidden; text-size-adjust: 100%; }
.ynRLnc { left: -9999px; position: absolute; top: -9999px; }
.L6cTce { display: none; }
.bltWBb { overflow-wrap: break-word; word-break: break-word; }
.hSRGPd { color: rgb(26, 115, 232); cursor: pointer; font-weight: 500; text-decoration: none; }
.Bz112c-W3lGp { height: 16px; width: 16px; }
.Bz112c-E3DyYd { height: 20px; width: 20px; }
.Bz112c-r9oPif { height: 24px; width: 24px; }
.Bz112c-u2z5K { height: 36px; width: 36px; }
.Bz112c-uaxL4e { border-radius: 10px; }
.LgbsSe-Bz112c { display: block; }
.S9gUrf-YoZ4jf { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; }
.S9gUrf-YoZ4jf * { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; }
.fFW7wc-ibnC6b > .aZ2wEe > div { border-color: rgb(66, 133, 244); }
.P1ekSe-ZMv3u { transition: height 0.2s linear; }
.P1ekSe-ZMv3u > div:first-child { transition: width 0.3s linear; background-color: rgb(26, 115, 232) !important; }
.P1ekSe-ZMv3u > div:nth-child(2) { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(90deg, rgb(26, 115, 232), rgb(26, 115, 232)) !important; }
.P1ekSe-ZMv3u > div:nth-child(3) { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(90deg, rgb(26, 115, 232), rgb(26, 115, 232)) !important; }
.haAclf { display: inline-block; }
.nsm7Bb-HzV7m-LgbsSe { border-radius: 4px; box-sizing: border-box; transition: background-color 0.218s, border-color 0.218s; user-select: none; appearance: none; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(218, 220, 224); color: rgb(60, 64, 67); cursor: pointer; font-family: "Google Sans", arial, sans-serif; font-size: 14px; height: 40px; letter-spacing: 0.25px; outline: none; overflow: hidden; padding: 0px 12px; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; }
@media screen and (-ms-high-contrast:active) {
  .nsm7Bb-HzV7m-LgbsSe { border: 2px solid windowtext; color: windowtext; }
}
@media screen and (preferes-contrast:more) {
  .nsm7Bb-HzV7m-LgbsSe { color: rgb(0, 0, 0); }
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe { font-size: 14px; height: 32px; letter-spacing: 0.25px; padding: 0px 10px; }
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe { font-size: 11px; height: 20px; letter-spacing: 0.3px; padding: 0px 8px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe { padding: 0px; width: 40px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe { width: 32px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe { width: 20px; }
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK { border-radius: 20px; }
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe { border-radius: 16px; }
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe { border-radius: 10px; }
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(255, 255, 255); }
.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc { background-color: rgb(26, 115, 232); }
.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc { background-color: rgb(32, 33, 36); color: rgb(232, 234, 237); }
@media screen and (prefers-contrast: more) {
  .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc { color: rgb(255, 255, 255); }
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 18px; margin-right: 8px; min-width: 18px; width: 18px; }
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 14px; min-width: 14px; width: 14px; }
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 10px; min-width: 10px; width: 10px; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin-left: 8px; margin-right: -4px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin: 0px; padding: 10px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { padding: 8px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { padding: 4px; }
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); height: 36px; margin-left: -10px; margin-right: 12px; min-width: 36px; width: 36px; }
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin: 0px; padding: 0px; }
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { height: 28px; margin-left: -8px; margin-right: 10px; min-width: 28px; width: 28px; }
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { height: 16px; margin-left: -6px; margin-right: 8px; min-width: 16px; width: 16px; }
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 3px; margin-left: 2px; margin-right: 0px; padding: 0px; }
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 18px; }
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 14px; }
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 8px; }
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; height: 100%; position: relative; width: 100%; }
.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX { -webkit-box-pack: center; justify-content: center; }
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId { -webkit-box-flex: 1; flex-grow: 1; font-family: "Google Sans", arial, sans-serif; font-weight: 500; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId { font-weight: 300; }
.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId { -webkit-box-flex: 0; flex-grow: 0; }
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe { transition: background-color 0.218s; inset: 0px; position: absolute; }
.nsm7Bb-HzV7m-LgbsSe:focus, .nsm7Bb-HzV7m-LgbsSe:hover { box-shadow: none; border-color: rgb(210, 227, 252); outline: none; }
.nsm7Bb-HzV7m-LgbsSe:focus-within { outline: rgb(0, 99, 155) solid 2px; border-color: transparent; }
.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(66, 133, 244, 0.08); }
.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(66, 133, 244, 0.1); }
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(255, 255, 255, 0.24); }
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(255, 255, 255, 0.32); }
.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY { border-radius: 50%; display: flex; height: 20px; margin-left: -4px; margin-right: 8px; min-width: 20px; width: 20px; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId { font-family: Roboto; font-size: 12px; text-align: left; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf { overflow: hidden; text-overflow: ellipsis; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { display: flex; -webkit-box-align: center; align-items: center; color: rgb(95, 99, 104); fill: rgb(95, 99, 104); font-size: 11px; font-weight: 400; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { color: rgb(232, 234, 237); fill: rgb(232, 234, 237); }
@media screen and (prefers-contrast: more) {
  .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff, .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { color: rgb(0, 0, 0); fill: rgb(0, 0, 0); }
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c { height: 18px; margin: -3px -3px -3px 2px; min-width: 18px; width: 18px; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 0px 3px 3px 0px; margin-left: 12px; margin-right: -10px; }
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 18px; }
.L5Fo6c-sM5MNb { border: 0px; display: block; left: 0px; position: relative; top: 0px; }
.L5Fo6c-bF1uUb { border-radius: 4px; inset: 0px; cursor: pointer; position: absolute; }
.L5Fo6c-bF1uUb:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
sentinel { }[data-sonner-toaster][dir="ltr"], html[dir="ltr"] { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%,-35%); }
[data-sonner-toaster][dir="rtl"], html[dir="rtl"] { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%,-35%); }
[data-sonner-toaster] { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1: hsl(0,0%,99%); --gray2: hsl(0,0%,97.3%); --gray3: hsl(0,0%,95.1%); --gray4: hsl(0,0%,93%); --gray5: hsl(0,0%,90.9%); --gray6: hsl(0,0%,88.7%); --gray7: hsl(0,0%,85.8%); --gray8: hsl(0,0%,78%); --gray9: hsl(0,0%,56.1%); --gray10: hsl(0,0%,52.3%); --gray11: hsl(0,0%,43.5%); --gray12: hsl(0,0%,9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: 0px; z-index: 999999999; transition: transform 0.4s; }
@media (hover: none) and (pointer: coarse) {
  [data-sonner-toaster][data-lifted="true"] { transform: none; }
}
[data-sonner-toaster][data-x-position="right"] { right: var(--offset-right); }
[data-sonner-toaster][data-x-position="left"] { left: var(--offset-left); }
[data-sonner-toaster][data-x-position="center"] { left: 50%; transform: translateX(-50%); }
[data-sonner-toaster][data-y-position="top"] { top: var(--offset-top); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--offset-bottom); }
[data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift)*var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: 0px; overflow-wrap: anywhere; }
[data-sonner-toast][data-styled="true"] { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }
[data-sonner-toast]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-y-position="top"] { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1*var(--gap)); }
[data-sonner-toast][data-y-position="bottom"] { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift)*var(--gap)); }
[data-sonner-toast][data-styled="true"] [data-description] { font-weight: 400; line-height: 1.4; color: rgb(63, 63, 63); }
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] { color: inherit; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] { color: rgb(232, 232, 232); }
[data-sonner-toast][data-styled="true"] [data-title] { font-weight: 500; line-height: 1.5; color: inherit; }
[data-sonner-toast][data-styled="true"] [data-icon] { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }
[data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }
[data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
[data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
[data-sonner-toast][data-styled="true"] [data-content] { display: flex; flex-direction: column; gap: 2px; }
[data-sonner-toast][data-styled="true"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-weight: 500; cursor: pointer; outline: 0px; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
[data-sonner-toast][data-styled="true"] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); }
[data-sonner-toast][data-styled="true"] [data-close-button] { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-disabled="true"] { cursor: not-allowed; }
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); }
[data-sonner-toast][data-swiping="true"]::before { content: ""; position: absolute; left: -100%; right: -100%; height: 100%; z-index: -1; }
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before { top: 50%; transform: scaleY(3) translateY(-50%); }
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
[data-sonner-toast][data-expanded="true"]::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }
[data-sonner-toast][data-mounted="true"] { --y: translateY(0); opacity: 1; }
[data-sonner-toast][data-expanded="false"][data-front="false"] { --scale: var(--toasts-before)*0.05 + 1; --y: translateY(calc(var(--lift-amount)*var(--toasts-before))) scale(calc(-1*var(--scale))); height: var(--front-toast-height); }
[data-sonner-toast] > * { transition: opacity 0.4s; }
[data-sonner-toast][data-x-position="right"] { right: 0px; }
[data-sonner-toast][data-x-position="left"] { left: 0px; }
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
[data-sonner-toast][data-visible="false"] { opacity: 0; pointer-events: none; }
[data-sonner-toast][data-mounted="true"][data-expanded="true"] { --y: translateY(calc(var(--lift)*var(--offset))); height: var(--initial-height); }
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] { --y: translateY(calc(var(--lift)*-100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] { --y: translateY(calc(var(--lift)*var(--offset) + var(--lift)*-100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
[data-sonner-toast][data-removed="true"][data-front="false"]::before { height: calc(var(--initial-height) + 20%); }
[data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0)); transition: none; }
[data-sonner-toast][data-swiped="true"] { user-select: none; }
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; }
@keyframes swipe-out-left { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }
}
@keyframes swipe-out-down { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }
}
@media (max-width: 600px) {
  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }
  [data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left)*-1); }
  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left)*2); }
  [data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); }
  [data-sonner-toaster][data-y-position="bottom"] { bottom: var(--mobile-offset-bottom); }
  [data-sonner-toaster][data-y-position="top"] { top: var(--mobile-offset-top); }
  [data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }
}
[data-sonner-toaster][data-sonner-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143,85%,96%); --success-border: hsl(145,92%,87%); --success-text: hsl(140,100%,27%); --info-bg: hsl(208,100%,97%); --info-border: hsl(221,91%,93%); --info-text: hsl(210,92%,45%); --warning-bg: hsl(49,100%,97%); --warning-border: hsl(49,91%,84%); --warning-text: hsl(31,92%,45%); --error-bg: hsl(359,100%,97%); --error-border: hsl(359,100%,94%); --error-text: hsl(360,100%,45%); }
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: hsl(0,0%,20%); --normal-text: var(--gray1); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-sonner-theme="dark"] { --normal-bg: #000; --normal-bg-hover: hsl(0,0%,12%); --normal-border: hsl(0,0%,20%); --normal-border-hover: hsl(0,0%,25%); --normal-text: var(--gray1); --success-bg: hsl(150,100%,6%); --success-border: hsl(147,100%,12%); --success-text: hsl(150,86%,65%); --info-bg: hsl(215,100%,6%); --info-border: hsl(223,43%,17%); --info-text: hsl(216,87%,65%); --warning-bg: hsl(64,100%,6%); --warning-border: hsl(60,100%,9%); --warning-text: hsl(46,87%,65%); --error-bg: hsl(358,76%,10%); --error-border: hsl(357,89%,16%); --error-text: hsl(358,100%,81%); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }
.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }
.sonner-loading-bar:first-child { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }
.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }
.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }
.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin { 
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
  .sonner-loading-bar, [data-sonner-toast], [data-sonner-toast] > * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }@keyframes marching-ants { 
  0% { background-position: 0px 0px, 0px 100%, 0px 0px, 100% 0px; }
  100% { background-position: 20px 0px, -20px 100%, 0px -20px, 100% 20px; }
}
:root { --rc-drag-handle-size: 12px; --rc-drag-handle-mobile-size: 24px; --rc-drag-handle-bg-colour: rgba(0,0,0,.2); --rc-drag-bar-size: 6px; --rc-border-color: rgba(255,255,255,.7); --rc-focus-color: #0088ff; }
.ReactCrop { position: relative; display: inline-block; cursor: crosshair; max-width: 100%; }
.ReactCrop *, .ReactCrop ::before, .ReactCrop ::after { box-sizing: border-box; }
.ReactCrop--disabled, .ReactCrop--locked { cursor: inherit; }
.ReactCrop__child-wrapper { overflow: hidden; max-height: inherit; }
.ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video { display: block; max-width: 100%; max-height: inherit; }
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video { touch-action: none; }
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection { touch-action: none; }
.ReactCrop__crop-mask { position: absolute; inset: 0px; pointer-events: none; width: calc(100% + 0.5px); height: calc(100% + 0.5px); }
.ReactCrop__crop-selection { position: absolute; top: 0px; left: 0px; transform: translateZ(0px); cursor: move; }
.ReactCrop--disabled .ReactCrop__crop-selection { cursor: inherit; }
.ReactCrop--circular-crop .ReactCrop__crop-selection { border-radius: 50%; }
.ReactCrop--circular-crop .ReactCrop__crop-selection::after { pointer-events: none; content: ""; position: absolute; inset: -1px; border: 1px solid var(--rc-border-color); opacity: 0.3; }
.ReactCrop--no-animate .ReactCrop__crop-selection { outline: white dashed 1px; }
.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) { animation: 1s linear 0s infinite normal none running marching-ants; background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(68, 68, 68) 50%), linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(68, 68, 68) 50%), linear-gradient(rgb(255, 255, 255) 50%, rgb(68, 68, 68) 50%), linear-gradient(rgb(255, 255, 255) 50%, rgb(68, 68, 68) 50%); background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px; background-position: 0px 0px, 0px 100%, 0px 0px, 100% 0px; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; color: rgb(255, 255, 255); }
.ReactCrop__crop-selection:focus { outline: 2px solid var(--rc-focus-color); outline-offset: -1px; }
.ReactCrop--invisible-crop .ReactCrop__crop-mask, .ReactCrop--invisible-crop .ReactCrop__crop-selection { display: none; }
.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after { content: ""; display: block; position: absolute; background-color: rgba(255, 255, 255, 0.4); }
.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after { width: 1px; height: 100%; }
.ReactCrop__rule-of-thirds-vt::before { left: 33.3333%; }
.ReactCrop__rule-of-thirds-vt::after { left: 66.6667%; }
.ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after { width: 100%; height: 1px; }
.ReactCrop__rule-of-thirds-hz::before { top: 33.3333%; }
.ReactCrop__rule-of-thirds-hz::after { top: 66.6667%; }
.ReactCrop__drag-handle { position: absolute; width: var(--rc-drag-handle-size); height: var(--rc-drag-handle-size); background-color: var(--rc-drag-handle-bg-colour); border: 1px solid var(--rc-border-color); }
.ReactCrop__drag-handle:focus { background: var(--rc-focus-color); }
.ReactCrop .ord-nw { top: 0px; left: 0px; transform: translate(-50%, -50%); cursor: nw-resize; }
.ReactCrop .ord-n { top: 0px; left: 50%; transform: translate(-50%, -50%); cursor: n-resize; }
.ReactCrop .ord-ne { top: 0px; right: 0px; transform: translate(50%, -50%); cursor: ne-resize; }
.ReactCrop .ord-e { top: 50%; right: 0px; transform: translate(50%, -50%); cursor: e-resize; }
.ReactCrop .ord-se { bottom: 0px; right: 0px; transform: translate(50%, 50%); cursor: se-resize; }
.ReactCrop .ord-s { bottom: 0px; left: 50%; transform: translate(-50%, 50%); cursor: s-resize; }
.ReactCrop .ord-sw { bottom: 0px; left: 0px; transform: translate(-50%, 50%); cursor: sw-resize; }
.ReactCrop .ord-w { top: 50%; left: 0px; transform: translate(-50%, -50%); cursor: w-resize; }
.ReactCrop__disabled .ReactCrop__drag-handle { cursor: inherit; }
.ReactCrop__drag-bar { position: absolute; }
.ReactCrop__drag-bar.ord-n { top: 0px; left: 0px; width: 100%; height: var(--rc-drag-bar-size); transform: translateY(-50%); }
.ReactCrop__drag-bar.ord-e { right: 0px; top: 0px; width: var(--rc-drag-bar-size); height: 100%; transform: translate(50%); }
.ReactCrop__drag-bar.ord-s { bottom: 0px; left: 0px; width: 100%; height: var(--rc-drag-bar-size); transform: translateY(50%); }
.ReactCrop__drag-bar.ord-w { top: 0px; left: 0px; width: var(--rc-drag-bar-size); height: 100%; transform: translate(-50%); }
.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w { display: none; }
@media (pointer: coarse) {
  .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w { display: none; }
  .ReactCrop__drag-handle { width: var(--rc-drag-handle-mobile-size); height: var(--rc-drag-handle-mobile-size); }
}:root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url(data:image/svg+xml;charset=UTF-8,<svg\ width=\'1px\'\ height=\'1px\'\ xmlns=\'http://www.w3.org/2000/svg\'><rect\ width=\'100%\'\ height=\'100%\'\ style=\'fill:rgba\(0,\ 54,\ 255,\ 0.13\);\'\/><\/svg>); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; }
@media screen and (forced-colors: active) {
  :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: selecteditem solid 1.5px; }
  .annotationLayer .linkAnnotation:hover { backdrop-filter: invert(100%); }
}
.annotationLayer { position: absolute; top: 0px; left: 0px; pointer-events: none; transform-origin: 0px 0px; z-index: 3; }
.annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg) translateX(-100%); }
.annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%); }
.annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%); }
.annotationLayer canvas { position: absolute; width: 100%; height: 100%; }
.annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; margin: 0px; transform-origin: 0px 0px; }
.annotationLayer .linkAnnotation { outline: var(--link-outline); }
.textLayer.selecting ~ .annotationLayer section { pointer-events: none; }
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0px; left: 0px; width: 100%; height: 100%; }
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: 0.2; background: rgb(255, 255, 0); box-shadow: rgb(255, 255, 0) 0px 2px 10px; }
.annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0px; left: 0px; }
.annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px*var(--total-scale-factor)) sans-serif; height: 100%; margin: 0px; vertical-align: top; width: 100%; }
.annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: red solid 1.5px; }
.annotationLayer .choiceWidgetAnnotation select option { padding: 0px; }
.annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; }
.annotationLayer .textWidgetAnnotation textarea { resize: none; }
.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; }
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); }
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; }
.annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); }
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; }
.annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); }
.annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: canvastext; content: ""; display: block; position: absolute; }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); }
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; }
.annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0px; }
.annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; }
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none; }
.annotationLayer .popupTriggerArea { height: 100%; width: 100%; }
.annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; }
.annotationLayer .popupWrapper { position: absolute; font-size: calc(9px*var(--total-scale-factor)); width: 100%; min-width: calc(180px*var(--total-scale-factor)); pointer-events: none; }
.annotationLayer .popup { position: absolute; max-width: calc(180px*var(--total-scale-factor)); background-color: rgb(255, 255, 153); box-shadow: 0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) rgba(136,136,136,1); border-radius: calc(2px*var(--total-scale-factor)); padding: calc(6px*var(--total-scale-factor)); margin-left: calc(5px*var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; overflow-wrap: break-word; pointer-events: auto; }
.annotationLayer .popup > * { font-size: calc(9px*var(--total-scale-factor)); }
.annotationLayer .popup h1 { display: inline-block; }
.annotationLayer .popupDate { display: inline-block; margin-left: calc(5px*var(--total-scale-factor)); }
.annotationLayer .popupContent { border-top: 1px solid rgb(51, 51, 51); margin-top: calc(2px*var(--total-scale-factor)); padding-top: calc(2px*var(--total-scale-factor)); }
.annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px*var(--total-scale-factor)); }
.annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; }
.annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; }
.annotationLayer .annotationTextContent span { width: 100%; display: inline-block; }:root { --react-pdf-text-layer: 1; --highlight-bg-color: rgba(180,0,170,1); --highlight-selected-bg-color: rgba(0,100,0,1); }
@media screen and (forced-colors: active) {
  :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText; }
}
[data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%); }
[data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%); }
[data-main-rotation="270"] { transform: rotate(270deg) translateX(-100%); }
.textLayer { position: absolute; text-align: initial; inset: 0px; overflow: hidden; line-height: 1; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0px 0px; z-index: 2; }
.textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; margin: 0px; transform-origin: 0px 0px; }
.textLayer span.markedContent { top: 0px; height: 0px; }
.textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); border-radius: 4px; }
.textLayer .highlight.appended { position: initial; }
.textLayer .highlight.begin { border-radius: 4px 0px 0px 4px; }
.textLayer .highlight.end { border-radius: 0px 4px 4px 0px; }
.textLayer .highlight.middle { border-radius: 0px; }
.textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); }
.textLayer br::selection { background: transparent; }
.textLayer .endOfContent { display: block; position: absolute; inset: 100% 0px 0px; z-index: -1; cursor: default; user-select: none; }
.textLayer.selecting .endOfContent { top: 0px; }
.hiddenCanvasElement { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; display: none; }.react-flow { direction: ltr; --xy-edge-stroke-default: #b1b1b7; --xy-edge-stroke-width-default: 1; --xy-edge-stroke-selected-default: #555; --xy-connectionline-stroke-default: #b1b1b7; --xy-connectionline-stroke-width-default: 1; --xy-attribution-background-color-default: rgba(255,255,255,0.5); --xy-minimap-background-color-default: #fff; --xy-minimap-mask-background-color-default: rgba(240,240,240,0.6); --xy-minimap-mask-stroke-color-default: transparent; --xy-minimap-mask-stroke-width-default: 1; --xy-minimap-node-background-color-default: #e2e2e2; --xy-minimap-node-stroke-color-default: transparent; --xy-minimap-node-stroke-width-default: 2; --xy-background-color-default: transparent; --xy-background-pattern-dots-color-default: #91919a; --xy-background-pattern-lines-color-default: #eee; --xy-background-pattern-cross-color-default: #e2e2e2; background-color: var(--xy-background-color,var(--xy-background-color-default)); --xy-node-color-default: inherit; --xy-node-border-default: 1px solid #1a192b; --xy-node-background-color-default: #fff; --xy-node-group-background-color-default: rgba(240,240,240,0.25); --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0,0,0,0.08); --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b; --xy-node-border-radius-default: 3px; --xy-handle-background-color-default: #1a192b; --xy-handle-border-color-default: #fff; --xy-selection-background-color-default: rgba(0,89,220,0.08); --xy-selection-border-default: 1px dotted rgba(0,89,220,0.8); --xy-controls-button-background-color-default: #fefefe; --xy-controls-button-background-color-hover-default: #f4f4f4; --xy-controls-button-color-default: inherit; --xy-controls-button-color-hover-default: inherit; --xy-controls-button-border-color-default: #eee; --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0,0,0,0.08); --xy-edge-label-background-color-default: #ffffff; --xy-edge-label-color-default: inherit; --xy-resize-background-color-default: #3367d9; }
.react-flow.dark { --xy-edge-stroke-default: #3e3e3e; --xy-edge-stroke-width-default: 1; --xy-edge-stroke-selected-default: #727272; --xy-connectionline-stroke-default: #b1b1b7; --xy-connectionline-stroke-width-default: 1; --xy-attribution-background-color-default: rgba(150,150,150,0.25); --xy-minimap-background-color-default: #141414; --xy-minimap-mask-background-color-default: rgba(60,60,60,0.6); --xy-minimap-mask-stroke-color-default: transparent; --xy-minimap-mask-stroke-width-default: 1; --xy-minimap-node-background-color-default: #2b2b2b; --xy-minimap-node-stroke-color-default: transparent; --xy-minimap-node-stroke-width-default: 2; --xy-background-color-default: #141414; --xy-background-pattern-dots-color-default: #777; --xy-background-pattern-lines-color-default: #777; --xy-background-pattern-cross-color-default: #777; --xy-node-color-default: #f8f8f8; --xy-node-border-default: 1px solid #3c3c3c; --xy-node-background-color-default: #1e1e1e; --xy-node-group-background-color-default: rgba(240,240,240,0.25); --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255,255,255,0.08); --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999; --xy-handle-background-color-default: #bebebe; --xy-handle-border-color-default: #1e1e1e; --xy-selection-background-color-default: rgba(200,200,220,0.08); --xy-selection-border-default: 1px dotted rgba(200,200,220,0.8); --xy-controls-button-background-color-default: #2b2b2b; --xy-controls-button-background-color-hover-default: #3e3e3e; --xy-controls-button-color-default: #f8f8f8; --xy-controls-button-color-hover-default: #fff; --xy-controls-button-border-color-default: #5b5b5b; --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0,0,0,0.08); --xy-edge-label-background-color-default: #141414; --xy-edge-label-color-default: #f8f8f8; }
.react-flow__background { background-color: var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default))); pointer-events: none; z-index: -1; }
.react-flow__container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.react-flow__pane { z-index: 1; }
.react-flow__pane.draggable { cursor: grab; }
.react-flow__pane.dragging { cursor: grabbing; }
.react-flow__pane.selection { cursor: pointer; }
.react-flow__viewport { transform-origin: 0px 0px; z-index: 2; pointer-events: none; }
.react-flow__renderer { z-index: 4; }
.react-flow__selection { z-index: 6; }
.react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible { outline: none; }
.react-flow__edge-path { stroke: var(--xy-edge-stroke,var(--xy-edge-stroke-default)); stroke-width: var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default)); fill: none; }
.react-flow__connection-path { stroke: var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default)); stroke-width: var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default)); fill: none; }
.react-flow .react-flow__edges { position: absolute; }
.react-flow .react-flow__edges svg { overflow: visible; position: absolute; pointer-events: none; }
.react-flow__edge { pointer-events: visiblestroke; }
.react-flow__edge.selectable { cursor: pointer; }
.react-flow__edge.animated path { stroke-dasharray: 5; animation: 0.5s linear 0s infinite normal none running dashdraw; }
.react-flow__edge.animated path.react-flow__edge-interaction { stroke-dasharray: none; animation: auto ease 0s 1 normal none running none; }
.react-flow__edge.inactive { pointer-events: none; }
.react-flow__edge.selected, .react-flow__edge:focus, .react-flow__edge:focus-visible { outline: none; }
.react-flow__edge.selected .react-flow__edge-path, .react-flow__edge.selectable:focus .react-flow__edge-path, .react-flow__edge.selectable:focus-visible .react-flow__edge-path { stroke: var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default)); }
.react-flow__edge-textwrapper { pointer-events: all; }
.react-flow__edge .react-flow__edge-text { pointer-events: none; user-select: none; }
.react-flow__arrowhead polyline { stroke: var(--xy-edge-stroke,var(--xy-edge-stroke-default)); }
.react-flow__arrowhead polyline.arrowclosed { fill: var(--xy-edge-stroke,var(--xy-edge-stroke-default)); }
.react-flow__connection { pointer-events: none; }
.react-flow__connection .animated { stroke-dasharray: 5; animation: 0.5s linear 0s infinite normal none running dashdraw; }
svg.react-flow__connectionline { z-index: 1001; overflow: visible; position: absolute; }
.react-flow__nodes { pointer-events: none; transform-origin: 0px 0px; }
.react-flow__node { position: absolute; user-select: none; pointer-events: all; transform-origin: 0px 0px; box-sizing: border-box; cursor: default; }
.react-flow__node.selectable { cursor: pointer; }
.react-flow__node.draggable { cursor: grab; pointer-events: all; }
.react-flow__node.draggable.dragging { cursor: grabbing; }
.react-flow__nodesselection { z-index: 3; transform-origin: left top; pointer-events: none; }
.react-flow__nodesselection-rect { position: absolute; pointer-events: all; cursor: grab; }
.react-flow__handle { position: absolute; pointer-events: none; min-width: 5px; min-height: 5px; width: 6px; height: 6px; background-color: var(--xy-handle-background-color,var(--xy-handle-background-color-default)); border: 1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default)); border-radius: 100%; }
.react-flow__handle.connectingfrom { pointer-events: all; }
.react-flow__handle.connectionindicator { pointer-events: all; cursor: crosshair; }
.react-flow__handle-bottom { top: auto; left: 50%; bottom: 0px; transform: translate(-50%, 50%); }
.react-flow__handle-top { top: 0px; left: 50%; transform: translate(-50%, -50%); }
.react-flow__handle-left { top: 50%; left: 0px; transform: translate(-50%, -50%); }
.react-flow__handle-right { top: 50%; right: 0px; transform: translate(50%, -50%); }
.react-flow__edgeupdater { cursor: move; pointer-events: all; }
.react-flow__pane.selection .react-flow__panel { pointer-events: none; }
.react-flow__panel { position: absolute; z-index: 5; margin: 15px; }
.react-flow__panel.top { top: 0px; }
.react-flow__panel.bottom { bottom: 0px; }
.react-flow__panel.top.center, .react-flow__panel.bottom.center { left: 50%; transform: translateX(-15px) translateX(-50%); }
.react-flow__panel.left { left: 0px; }
.react-flow__panel.right { right: 0px; }
.react-flow__panel.left.center, .react-flow__panel.right.center { top: 50%; transform: translateY(-15px) translateY(-50%); }
.react-flow__attribution { font-size: 10px; background: var(--xy-attribution-background-color,var(--xy-attribution-background-color-default)); padding: 2px 3px; margin: 0px; }
.react-flow__attribution a { text-decoration: none; color: rgb(153, 153, 153); }
@keyframes dashdraw { 
  0% { stroke-dashoffset: 10; }
}
.react-flow__edgelabel-renderer { position: absolute; width: 100%; height: 100%; pointer-events: none; user-select: none; left: 0px; top: 0px; }
.react-flow__viewport-portal { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; user-select: none; }
.react-flow__minimap { background: var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))); }
.react-flow__minimap-svg { display: block; }
.react-flow__minimap-mask { fill: var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))); stroke: var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))); stroke-width: var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))); }
.react-flow__minimap-node { fill: var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))); stroke: var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))); stroke-width: var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))); }
.react-flow__background-pattern.dots { fill: var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))); }
.react-flow__background-pattern.lines { stroke: var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))); }
.react-flow__background-pattern.cross { stroke: var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))); }
.react-flow__controls { display: flex; flex-direction: column; box-shadow: var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default)); }
.react-flow__controls.horizontal { flex-direction: row; }
.react-flow__controls-button { display: flex; justify-content: center; align-items: center; height: 26px; width: 26px; padding: 4px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; background: var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default)); border-bottom: 1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))); color: var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))); cursor: pointer; user-select: none; }
.react-flow__controls-button svg { width: 100%; max-width: 12px; max-height: 12px; fill: currentcolor; }
.react-flow__edge.updating .react-flow__edge-path { stroke: rgb(119, 119, 119); }
.react-flow__edge-text { font-size: 10px; }
.react-flow__node.selectable:focus, .react-flow__node.selectable:focus-visible { outline: none; }
.react-flow__node-input, .react-flow__node-default, .react-flow__node-output, .react-flow__node-group { padding: 10px; border-radius: var(--xy-node-border-radius,var(--xy-node-border-radius-default)); width: 150px; font-size: 12px; color: var(--xy-node-color,var(--xy-node-color-default)); text-align: center; border: var(--xy-node-border,var(--xy-node-border-default)); background-color: var(--xy-node-background-color,var(--xy-node-background-color-default)); }
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover { box-shadow: var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default)); }
.react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.selectable:focus-visible, .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-output.selectable:focus-visible, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus, .react-flow__node-group.selectable:focus-visible { box-shadow: var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default)); }
.react-flow__node-group { background-color: var(--xy-node-group-background-color,var(--xy-node-group-background-color-default)); }
.react-flow__nodesselection-rect, .react-flow__selection { background: var(--xy-selection-background-color,var(--xy-selection-background-color-default)); border: var(--xy-selection-border,var(--xy-selection-border-default)); }
.react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible, .react-flow__selection:focus, .react-flow__selection:focus-visible { outline: none; }
.react-flow__controls-button:hover { background: var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))); color: var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))); }
.react-flow__controls-button:disabled { pointer-events: none; }
.react-flow__controls-button:disabled svg { fill-opacity: 0.4; }
.react-flow__controls-button:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.react-flow__controls.horizontal .react-flow__controls-button { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-right: 1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))); }
.react-flow__controls.horizontal .react-flow__controls-button:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.react-flow__resize-control { position: absolute; }
.react-flow__resize-control.left, .react-flow__resize-control.right { cursor: ew-resize; }
.react-flow__resize-control.top, .react-flow__resize-control.bottom { cursor: ns-resize; }
.react-flow__resize-control.top.left, .react-flow__resize-control.bottom.right { cursor: nwse-resize; }
.react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right { cursor: nesw-resize; }
.react-flow__resize-control.handle { width: 5px; height: 5px; border: 1px solid rgb(255, 255, 255); border-radius: 1px; background-color: var(--xy-resize-background-color,var(--xy-resize-background-color-default)); translate: -50% -50%; }
.react-flow__resize-control.handle.left { left: 0px; top: 50%; }
.react-flow__resize-control.handle.right { left: 100%; top: 50%; }
.react-flow__resize-control.handle.top { left: 50%; top: 0px; }
.react-flow__resize-control.handle.bottom { left: 50%; top: 100%; }
.react-flow__resize-control.handle.top.left { left: 0px; }
.react-flow__resize-control.handle.bottom.left { left: 0px; }
.react-flow__resize-control.handle.top.right { left: 100%; }
.react-flow__resize-control.handle.bottom.right { left: 100%; }
.react-flow__resize-control.line { border-color: var(--xy-resize-background-color,var(--xy-resize-background-color-default)); border-width: 0px; border-style: solid; }
.react-flow__resize-control.line.left, .react-flow__resize-control.line.right { width: 1px; transform: translate(-50%, 0px); top: 0px; height: 100%; }
.react-flow__resize-control.line.left { left: 0px; border-left-width: 1px; }
.react-flow__resize-control.line.right { left: 100%; border-right-width: 1px; }
.react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom { height: 1px; transform: translate(0px, -50%); left: 0px; width: 100%; }
.react-flow__resize-control.line.top { top: 0px; border-top-width: 1px; }
.react-flow__resize-control.line.bottom { border-bottom-width: 1px; top: 100%; }
.react-flow__edge-textbg { fill: var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default)); }
.react-flow__edge-text { fill: var(--xy-edge-label-color,var(--xy-edge-label-color-default)); }.react-international-phone-country-selector { position: relative; }
.react-international-phone-country-selector-button { display: flex; height: var(--react-international-phone-height,36px); box-sizing: border-box; align-items: center; justify-content: center; padding: 0px; border: 1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,gainsboro)); margin: 0px; appearance: button; background-color: var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,white)); cursor: pointer; text-transform: none; user-select: none; }
.react-international-phone-country-selector-button:hover { background-color: var(--react-international-phone-country-selector-background-color-hover,whitesmoke); }
.react-international-phone-country-selector-button--hide-dropdown { cursor: auto; }
.react-international-phone-country-selector-button--hide-dropdown:hover { background-color: transparent; }
.react-international-phone-country-selector-button__button-content { display: flex; align-items: center; justify-content: center; }
.react-international-phone-country-selector-button__flag-emoji { margin: 0px 4px; }
.react-international-phone-country-selector-button__flag-emoji--disabled { opacity: 0.75; }
.react-international-phone-country-selector-button__dropdown-arrow { border-top: var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777); border-right: var(--react-international-phone-country-selector-arrow-size,4px) solid transparent; border-left: var(--react-international-phone-country-selector-arrow-size,4px) solid transparent; margin-right: 4px; transition: 0.1s ease-out; }
.react-international-phone-country-selector-button__dropdown-arrow--active { transform: rotateX(180deg); }
.react-international-phone-country-selector-button__dropdown-arrow--disabled { border-top-color: var(--react-international-phone-disabled-country-selector-arrow-color,#999); }
.react-international-phone-country-selector-button--disabled, .react-international-phone-country-selector-button--disabled:hover { background-color: var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke)); }
.react-international-phone-country-selector-button--disabled { cursor: auto; }
.react-international-phone-flag-emoji { width: var(--react-international-phone-flag-width,24px); height: var(--react-international-phone-flag-height,24px); box-sizing: border-box; }
.react-international-phone-country-selector-dropdown { position: absolute; z-index: 1; top: var(--react-international-phone-dropdown-top,44px); left: var(--react-international-phone-dropdown-left,0); display: flex; width: 300px; max-height: 200px; flex-direction: column; padding: 4px 0px; margin: 0px; background-color: var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,white)); box-shadow: var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25)); color: var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222)); list-style: none; overflow-y: scroll; }
.react-international-phone-country-selector-dropdown__preferred-list-divider { height: 1px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: var(--react-international-phone-dropdown-preferred-list-divider-margin,0); background: var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,gainsboro)); }
.react-international-phone-country-selector-dropdown__list-item { display: flex; min-height: var(--react-international-phone-dropdown-item-height,28px); box-sizing: border-box; align-items: center; padding: 2px 8px; }
.react-international-phone-country-selector-dropdown__list-item-flag-emoji { margin-right: 8px; }
.react-international-phone-country-selector-dropdown__list-item-country-name { overflow: hidden; margin-right: 8px; font-size: var(--react-international-phone-dropdown-item-font-size,14px); text-overflow: ellipsis; white-space: nowrap; }
.react-international-phone-country-selector-dropdown__list-item-dial-code { color: var(--react-international-phone-dropdown-item-dial-code-color,gray); font-size: var(--react-international-phone-dropdown-item-font-size,14px); }
.react-international-phone-country-selector-dropdown__list-item:hover { background-color: var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke)); cursor: pointer; }
.react-international-phone-country-selector-dropdown__list-item--selected, .react-international-phone-country-selector-dropdown__list-item--focused { background-color: var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke); color: var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222)); }
.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code, .react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code { color: var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray)); }
.react-international-phone-country-selector-dropdown__list-item--focused { background-color: var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke)); }
.react-international-phone-dial-code-preview { display: flex; align-items: center; justify-content: center; padding: 0px 8px; border: 1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,gainsboro)); margin-right: -1px; background-color: var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,white)); color: var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222)); font-size: var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px)); }
.react-international-phone-dial-code-preview--disabled { background-color: var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,whitesmoke)); color: var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666)); }
.react-international-phone-input-container { display: flex; }
.react-international-phone-input-container .react-international-phone-country-selector-button { border-top-left-radius: ; border-bottom-left-radius: ; margin-right: -1px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.react-international-phone-input-container .react-international-phone-input { overflow: visible; height: var(--react-international-phone-height,36px); box-sizing: border-box; padding: 0px 8px; border: 1px solid var(--react-international-phone-border-color,gainsboro); border-top-right-radius: ; border-bottom-right-radius: ; margin: 0px; background-color: var(--react-international-phone-background-color,white); border-bottom-left-radius: 0px; border-top-left-radius: 0px; color: var(--react-international-phone-text-color,#222); font-family: inherit; font-size: var(--react-international-phone-font-size,13px); }
.react-international-phone-input-container .react-international-phone-input:focus { outline: none; }
.react-international-phone-input-container .react-international-phone-input--disabled { background-color: var(--react-international-phone-disabled-background-color,whitesmoke); color: var(--react-international-phone-disabled-text-color,#666); }
@layer properties;
@layer theme, base, components, utilities;
@font-face { font-family: Lexend; font-style: normal; font-weight: 100 900; src: url("fonts/0af6e622-dc64-44e0-bcdb-90b2f4f1f224.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@layer theme {
  :root, :host { --font-sans: "Lexend",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-50: oklch(97.1%0.013 17.38); --color-red-100: oklch(93.6%0.032 17.717); --color-red-200: oklch(88.5%0.062 18.334); --color-red-300: oklch(80.8%0.114 19.571); --color-red-400: oklch(70.4%0.191 22.216); --color-red-500: oklch(63.7%0.237 25.331); --color-red-600: oklch(57.7%0.245 27.325); --color-red-700: oklch(50.5%0.213 27.518); --color-red-800: oklch(44.4%0.177 26.899); --color-red-900: oklch(39.6%0.141 25.723); --color-orange-50: oklch(98%0.016 73.684); --color-orange-100: oklch(95.4%0.038 75.164); --color-orange-200: oklch(90.1%0.076 70.697); --color-orange-300: oklch(83.7%0.128 66.29); --color-orange-400: oklch(75%0.183 55.934); --color-orange-500: oklch(70.5%0.213 47.604); --color-orange-600: oklch(64.6%0.222 41.116); --color-orange-700: oklch(55.3%0.195 38.402); --color-orange-800: oklch(47%0.157 37.304); --color-orange-900: oklch(40.8%0.123 38.172); --color-amber-50: oklch(98.7%0.022 95.277); --color-amber-100: oklch(96.2%0.059 95.617); --color-amber-200: oklch(92.4%0.12 95.746); --color-amber-300: oklch(87.9%0.169 91.605); --color-amber-400: oklch(82.8%0.189 84.429); --color-amber-500: oklch(76.9%0.188 70.08); --color-amber-600: oklch(66.6%0.179 58.318); --color-amber-700: oklch(55.5%0.163 48.998); --color-amber-800: oklch(47.3%0.137 46.201); --color-amber-900: oklch(41.4%0.112 45.904); --color-amber-950: oklch(27.9%0.077 45.635); --color-yellow-50: oklch(98.7%0.026 102.212); --color-yellow-100: oklch(97.3%0.071 103.193); --color-yellow-200: oklch(94.5%0.129 101.54); --color-yellow-300: oklch(90.5%0.182 98.111); --color-yellow-400: oklch(85.2%0.199 91.936); --color-yellow-500: oklch(79.5%0.184 86.047); --color-yellow-600: oklch(68.1%0.162 75.834); --color-yellow-700: oklch(55.4%0.135 66.442); --color-yellow-800: oklch(47.6%0.114 61.907); --color-yellow-900: oklch(42.1%0.095 57.708); --color-green-50: oklch(98.2%0.018 155.826); --color-green-100: oklch(96.2%0.044 156.743); --color-green-200: oklch(92.5%0.084 155.995); --color-green-300: oklch(87.1%0.15 154.449); --color-green-400: oklch(79.2%0.209 151.711); --color-green-500: oklch(72.3%0.219 149.579); --color-green-600: oklch(62.7%0.194 149.214); --color-green-700: oklch(52.7%0.154 150.069); --color-green-800: oklch(44.8%0.119 151.328); --color-green-900: oklch(39.3%0.095 152.535); --color-emerald-50: oklch(97.9%0.021 166.113); --color-emerald-100: oklch(95%0.052 163.051); --color-emerald-200: oklch(90.5%0.093 164.15); --color-emerald-300: oklch(84.5%0.143 164.978); --color-emerald-400: oklch(76.5%0.177 163.223); --color-emerald-500: oklch(69.6%0.17 162.48); --color-emerald-600: oklch(59.6%0.145 163.225); --color-emerald-700: oklch(50.8%0.118 165.612); --color-emerald-800: oklch(43.2%0.095 166.913); --color-emerald-900: oklch(37.8%0.077 168.94); --color-teal-50: oklch(98.4%0.014 180.72); --color-teal-100: oklch(95.3%0.051 180.801); --color-teal-200: oklch(91%0.096 180.426); --color-teal-300: oklch(85.5%0.138 181.071); --color-teal-400: oklch(77.7%0.152 181.912); --color-teal-500: oklch(70.4%0.14 182.503); --color-teal-600: oklch(60%0.118 184.704); --color-teal-700: oklch(51.1%0.096 186.391); --color-teal-800: oklch(43.7%0.078 188.216); --color-teal-900: oklch(38.6%0.063 188.416); --color-teal-950: oklch(27.7%0.046 192.524); --color-cyan-50: oklch(98.4%0.019 200.873); --color-cyan-200: oklch(91.7%0.08 205.041); --color-cyan-300: oklch(86.5%0.127 207.078); --color-cyan-400: oklch(78.9%0.154 211.53); --color-cyan-500: oklch(71.5%0.143 215.221); --color-cyan-600: oklch(60.9%0.126 221.723); --color-cyan-700: oklch(52%0.105 223.128); --color-cyan-900: oklch(39.8%0.07 227.392); --color-sky-50: oklch(97.7%0.013 236.62); --color-sky-200: oklch(90.1%0.058 230.902); --color-sky-300: oklch(82.8%0.111 230.318); --color-sky-400: oklch(74.6%0.16 232.661); --color-sky-500: oklch(68.5%0.169 237.323); --color-sky-600: oklch(58.8%0.158 241.966); --color-sky-700: oklch(50%0.134 242.749); --color-blue-50: oklch(97%0.014 254.604); --color-blue-100: oklch(93.2%0.032 255.585); --color-blue-200: oklch(88.2%0.059 254.128); --color-blue-300: oklch(80.9%0.105 251.813); --color-blue-400: oklch(70.7%0.165 254.624); --color-blue-500: oklch(62.3%0.214 259.815); --color-blue-600: oklch(54.6%0.245 262.881); --color-blue-700: oklch(48.8%0.243 264.376); --color-blue-800: oklch(42.4%0.199 265.638); --color-blue-900: oklch(37.9%0.146 265.522); --color-blue-950: oklch(28.2%0.091 267.935); --color-indigo-100: oklch(93%0.034 272.788); --color-indigo-300: oklch(78.5%0.115 274.713); --color-indigo-700: oklch(45.7%0.24 277.023); --color-indigo-900: oklch(35.9%0.144 278.697); --color-violet-300: oklch(81.1%0.111 293.571); --color-violet-500: oklch(60.6%0.25 292.717); --color-violet-600: oklch(54.1%0.281 293.009); --color-purple-50: oklch(97.7%0.014 308.299); --color-purple-100: oklch(94.6%0.033 307.174); --color-purple-200: oklch(90.2%0.063 306.703); --color-purple-300: oklch(82.7%0.119 306.383); --color-purple-400: oklch(71.4%0.203 305.504); --color-purple-500: oklch(62.7%0.265 303.9); --color-purple-600: oklch(55.8%0.288 302.321); --color-purple-700: oklch(49.6%0.265 301.924); --color-purple-800: oklch(43.8%0.218 303.724); --color-purple-900: oklch(38.1%0.176 304.987); --color-fuchsia-400: oklch(74%0.238 322.16); --color-fuchsia-500: oklch(66.7%0.295 322.15); --color-pink-500: oklch(65.6%0.241 354.308); --color-rose-50: oklch(96.9%0.015 12.422); --color-rose-100: oklch(94.1%0.03 12.58); --color-rose-200: oklch(89.2%0.058 10.001); --color-rose-300: oklch(81%0.117 11.638); --color-rose-400: oklch(71.2%0.194 13.428); --color-rose-500: oklch(64.5%0.246 16.439); --color-rose-600: oklch(58.6%0.253 17.585); --color-rose-700: oklch(51.4%0.222 16.935); --color-rose-800: oklch(45.5%0.188 13.697); --color-rose-900: oklch(41%0.159 10.272); --color-slate-50: oklch(98.4%0.003 247.858); --color-slate-100: oklch(96.8%0.007 247.896); --color-slate-200: oklch(92.9%0.013 255.508); --color-slate-300: oklch(86.9%0.022 252.894); --color-slate-400: oklch(70.4%0.04 256.788); --color-slate-500: oklch(55.4%0.046 257.417); --color-slate-600: oklch(44.6%0.043 257.281); --color-slate-700: oklch(37.2%0.044 257.287); --color-slate-800: oklch(27.9%0.041 260.031); --color-slate-900: oklch(20.8%0.042 265.755); --color-slate-950: oklch(12.9%0.042 264.695); --color-gray-50: oklch(98.5%0.002 247.839); --color-gray-100: oklch(96.7%0.003 264.542); --color-gray-200: oklch(92.8%0.006 264.531); --color-gray-300: oklch(87.2%0.01 258.338); --color-gray-400: oklch(70.7%0.022 261.325); --color-gray-500: oklch(55.1%0.027 264.364); --color-gray-600: oklch(44.6%0.03 256.802); --color-gray-700: oklch(37.3%0.034 259.733); --color-gray-800: oklch(27.8%0.033 256.848); --color-gray-900: oklch(21%0.034 264.665); --color-gray-950: oklch(13%0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1/0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25/0.875); --text-base: 1rem; --text-base--line-height: calc(1.5/1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75/1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75/1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2/1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25/1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px rgb(0 0 0/0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0/0.12); --ease-out: cubic-bezier(0,0,0.2,1); --ease-in-out: cubic-bezier(0.4,0,0.2,1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0,0,0.2,1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4,0,0.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-primary-50: #f0fdfa; --color-primary-100: #ccfbf1; --color-primary-300: #5eead4; --color-primary-400: #2dd4bf; --color-primary-500: #14b8a6; --color-primary-600: #0d9488; --color-primary-700: #0f766e; --color-primary-950: #042f2e; --color-mint: #4bf1b7; }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; }
  html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  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: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); 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: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
  ::placeholder {
  color: currentcolor;
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(currentcolor, transparent);
}
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer utilities {
  .pointer-events-auto { pointer-events: auto; }
  .pointer-events-none { pointer-events: none; }
  .collapse { visibility: collapse; }
  .invisible { visibility: hidden; }
  .visible { visibility: visible; }
  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .sticky { position: sticky; }
  .-inset-1 { inset: calc(var(--spacing)*-1); }
  .-inset-px { inset: -1px; }
  .inset-0 { inset: calc(var(--spacing)*0); }
  .inset-4 { inset: calc(var(--spacing)*4); }
  .inset-x-0 { inset-inline: calc(var(--spacing)*0); }
  .start { inset-inline-start: var(--spacing); }
  .end { inset-inline-end: var(--spacing); }
  .\!top-3 { top: calc(var(--spacing)*3) !important; }
  .-top-0\.5 { top: calc(var(--spacing)*-0.5); }
  .-top-1 { top: calc(var(--spacing)*-1); }
  .-top-1\/2 { top: calc(-50%); }
  .-top-2 { top: calc(var(--spacing)*-2); }
  .-top-2\.5 { top: calc(var(--spacing)*-2.5); }
  .-top-\[40\%\] { top: calc(-40%); }
  .top-0 { top: calc(var(--spacing)*0); }
  .top-1\.5 { top: calc(var(--spacing)*1.5); }
  .top-1\/2 { top: calc(50%); }
  .top-3 { top: calc(var(--spacing)*3); }
  .top-4 { top: calc(var(--spacing)*4); }
  .top-5 { top: calc(var(--spacing)*5); }
  .top-12 { top: calc(var(--spacing)*12); }
  .top-20 { top: calc(var(--spacing)*20); }
  .top-full { top: 100%; }
  .-right-0\.5 { right: calc(var(--spacing)*-0.5); }
  .-right-1 { right: calc(var(--spacing)*-1); }
  .-right-10 { right: calc(var(--spacing)*-10); }
  .-right-\[15\%\] { right: calc(-15%); }
  .right-0 { right: calc(var(--spacing)*0); }
  .right-1\.5 { right: calc(var(--spacing)*1.5); }
  .right-2 { right: calc(var(--spacing)*2); }
  .right-3 { right: calc(var(--spacing)*3); }
  .right-4 { right: calc(var(--spacing)*4); }
  .right-5 { right: calc(var(--spacing)*5); }
  .right-6 { right: calc(var(--spacing)*6); }
  .right-\[100px\] { right: 100px; }
  .-bottom-0\.5 { bottom: calc(var(--spacing)*-0.5); }
  .-bottom-\[35\%\] { bottom: calc(-35%); }
  .-bottom-px { bottom: -1px; }
  .bottom-0 { bottom: calc(var(--spacing)*0); }
  .bottom-1\.5 { bottom: calc(var(--spacing)*1.5); }
  .bottom-4 { bottom: calc(var(--spacing)*4); }
  .bottom-6 { bottom: calc(var(--spacing)*6); }
  .bottom-full { bottom: 100%; }
  .\!left-\[-22px\] { left: -22px !important; }
  .-left-2\.5 { left: calc(var(--spacing)*-2.5); }
  .-left-6 { left: calc(var(--spacing)*-6); }
  .-left-\[10\%\] { left: calc(-10%); }
  .left-0 { left: calc(var(--spacing)*0); }
  .left-1\/2 { left: calc(50%); }
  .left-2 { left: calc(var(--spacing)*2); }
  .left-3 { left: calc(var(--spacing)*3); }
  .left-4 { left: calc(var(--spacing)*4); }
  .left-full { left: 100%; }
  .isolate { isolation: isolate; }
  .-z-10 { z-index: calc(-10); }
  .-z-20 { z-index: calc(-20); }
  .z-0 { z-index: 0; }
  .z-10 { z-index: 10; }
  .z-20 { z-index: 20; }
  .z-30 { z-index: 30; }
  .z-40 { z-index: 40; }
  .z-50 { z-index: 50; }
  .z-\[1\] { z-index: 1; }
  .z-\[100\] { z-index: 100; }
  .z-\[9997\] { z-index: 9997; }
  .z-\[9998\] { z-index: 9998; }
  .z-\[9999\] { z-index: 9999; }
  .z-\[999999\] { z-index: 999999; }
  .col-span-2 { grid-column: span 2 / span 2; }
  .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-auto { margin: auto; }
  .mx-1 { margin-inline: calc(var(--spacing)*1); }
  .mx-4 { margin-inline: calc(var(--spacing)*4); }
  .mx-auto { margin-inline: auto; }
  .my-1 { margin-block: calc(var(--spacing)*1); }
  .my-5 { margin-block: calc(var(--spacing)*5); }
  .my-auto { margin-block: auto; }
  .mt-0\.5 { margin-top: calc(var(--spacing)*0.5); }
  .mt-1 { margin-top: calc(var(--spacing)*1); }
  .mt-1\.5 { margin-top: calc(var(--spacing)*1.5); }
  .mt-2 { margin-top: calc(var(--spacing)*2); }
  .mt-3 { margin-top: calc(var(--spacing)*3); }
  .mt-4 { margin-top: calc(var(--spacing)*4); }
  .mt-5 { margin-top: calc(var(--spacing)*5); }
  .mt-6 { margin-top: calc(var(--spacing)*6); }
  .mt-8 { margin-top: calc(var(--spacing)*8); }
  .mt-10 { margin-top: calc(var(--spacing)*10); }
  .mt-auto { margin-top: auto; }
  .-mr-1 { margin-right: calc(var(--spacing)*-1); }
  .mr-1 { margin-right: calc(var(--spacing)*1); }
  .mr-1\.5 { margin-right: calc(var(--spacing)*1.5); }
  .mr-2 { margin-right: calc(var(--spacing)*2); }
  .mr-3 { margin-right: calc(var(--spacing)*3); }
  .mr-4 { margin-right: calc(var(--spacing)*4); }
  .mr-64 { margin-right: calc(var(--spacing)*64); }
  .-mb-px { margin-bottom: -1px; }
  .mb-0\.5 { margin-bottom: calc(var(--spacing)*0.5); }
  .mb-1 { margin-bottom: calc(var(--spacing)*1); }
  .mb-1\.5 { margin-bottom: calc(var(--spacing)*1.5); }
  .mb-2 { margin-bottom: calc(var(--spacing)*2); }
  .mb-2\.5 { margin-bottom: calc(var(--spacing)*2.5); }
  .mb-3 { margin-bottom: calc(var(--spacing)*3); }
  .mb-3\.5 { margin-bottom: calc(var(--spacing)*3.5); }
  .mb-4 { margin-bottom: calc(var(--spacing)*4); }
  .mb-5 { margin-bottom: calc(var(--spacing)*5); }
  .mb-6 { margin-bottom: calc(var(--spacing)*6); }
  .mb-8 { margin-bottom: calc(var(--spacing)*8); }
  .mb-10 { margin-bottom: calc(var(--spacing)*10); }
  .mb-12 { margin-bottom: calc(var(--spacing)*12); }
  .mb-14 { margin-bottom: calc(var(--spacing)*14); }
  .mb-auto { margin-bottom: auto; }
  .-ml-1 { margin-left: calc(var(--spacing)*-1); }
  .-ml-2 { margin-left: calc(var(--spacing)*-2); }
  .ml-0\.5 { margin-left: calc(var(--spacing)*0.5); }
  .ml-1 { margin-left: calc(var(--spacing)*1); }
  .ml-2 { margin-left: calc(var(--spacing)*2); }
  .ml-3 { margin-left: calc(var(--spacing)*3); }
  .ml-4 { margin-left: calc(var(--spacing)*4); }
  .ml-6 { margin-left: calc(var(--spacing)*6); }
  .ml-16 { margin-left: calc(var(--spacing)*16); }
  .ml-64 { margin-left: calc(var(--spacing)*64); }
  .ml-auto { margin-left: auto; }
  .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .block { display: block; }
  .contents { display: contents; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .inline { display: inline; }
  .inline-block { display: inline-block; }
  .inline-flex { display: inline-flex; }
  .table { display: table; }
  .aspect-square { aspect-ratio: 1 / 1; }
  .h-0 { height: calc(var(--spacing)*0); }
  .h-0\.5 { height: calc(var(--spacing)*0.5); }
  .h-1 { height: calc(var(--spacing)*1); }
  .h-1\.5 { height: calc(var(--spacing)*1.5); }
  .h-2 { height: calc(var(--spacing)*2); }
  .h-2\.5 { height: calc(var(--spacing)*2.5); }
  .h-3 { height: calc(var(--spacing)*3); }
  .h-3\.5 { height: calc(var(--spacing)*3.5); }
  .h-4 { height: calc(var(--spacing)*4); }
  .h-5 { height: calc(var(--spacing)*5); }
  .h-6 { height: calc(var(--spacing)*6); }
  .h-7 { height: calc(var(--spacing)*7); }
  .h-8 { height: calc(var(--spacing)*8); }
  .h-9 { height: calc(var(--spacing)*9); }
  .h-10 { height: calc(var(--spacing)*10); }
  .h-11 { height: calc(var(--spacing)*11); }
  .h-12 { height: calc(var(--spacing)*12); }
  .h-14 { height: calc(var(--spacing)*14); }
  .h-16 { height: calc(var(--spacing)*16); }
  .h-20 { height: calc(var(--spacing)*20); }
  .h-24 { height: calc(var(--spacing)*24); }
  .h-32 { height: calc(var(--spacing)*32); }
  .h-36 { height: calc(var(--spacing)*36); }
  .h-40 { height: calc(var(--spacing)*40); }
  .h-44 { height: calc(var(--spacing)*44); }
  .h-48 { height: calc(var(--spacing)*48); }
  .h-56 { height: calc(var(--spacing)*56); }
  .h-60 { height: calc(var(--spacing)*60); }
  .h-64 { height: calc(var(--spacing)*64); }
  .h-72 { height: calc(var(--spacing)*72); }
  .h-80 { height: calc(var(--spacing)*80); }
  .h-96 { height: calc(var(--spacing)*96); }
  .h-\[1\.2rem\] { height: 1.2rem; }
  .h-\[1\.4rem\] { height: 1.4rem; }
  .h-\[1\.05rem\] { height: 1.05rem; }
  .h-\[1px\] { height: 1px; }
  .h-\[2px\] { height: 2px; }
  .h-\[16px\] { height: 16px; }
  .h-\[18px\] { height: 18px; }
  .h-\[24px\] { height: 24px; }
  .h-\[32rem\] { height: 32rem; }
  .h-\[60vh\] { height: 60vh; }
  .h-\[110\%\] { height: 110%; }
  .h-\[120\%\] { height: 120%; }
  .h-\[240px\] { height: 240px; }
  .h-\[calc\(100vh-200px\)\] { height: calc(-200px + 100vh); }
  .h-full { height: 100%; }
  .h-px { height: 1px; }
  .h-screen { height: 100vh; }
  .max-h-24 { max-height: calc(var(--spacing)*24); }
  .max-h-32 { max-height: calc(var(--spacing)*32); }
  .max-h-40 { max-height: calc(var(--spacing)*40); }
  .max-h-48 { max-height: calc(var(--spacing)*48); }
  .max-h-60 { max-height: calc(var(--spacing)*60); }
  .max-h-64 { max-height: calc(var(--spacing)*64); }
  .max-h-72 { max-height: calc(var(--spacing)*72); }
  .max-h-80 { max-height: calc(var(--spacing)*80); }
  .max-h-96 { max-height: calc(var(--spacing)*96); }
  .max-h-\[60vh\] { max-height: 60vh; }
  .max-h-\[80vh\] { max-height: 80vh; }
  .max-h-\[90vh\] { max-height: 90vh; }
  .max-h-\[95vh\] { max-height: 95vh; }
  .max-h-\[600px\] { max-height: 600px; }
  .max-h-\[calc\(100vh-16px\)\] { max-height: calc(-16px + 100vh); }
  .max-h-full { max-height: 100%; }
  .min-h-0 { min-height: calc(var(--spacing)*0); }
  .min-h-\[2\.5rem\] { min-height: 2.5rem; }
  .min-h-\[6rem\] { min-height: 6rem; }
  .min-h-\[28px\] { min-height: 28px; }
  .min-h-\[42px\] { min-height: 42px; }
  .min-h-\[168px\] { min-height: 168px; }
  .min-h-\[200px\] { min-height: 200px; }
  .min-h-\[280px\] { min-height: 280px; }
  .min-h-\[600px\] { min-height: 600px; }
  .min-h-\[calc\(100vh-2rem\)\] { min-height: calc(-2rem + 100vh); }
  .min-h-full { min-height: 100%; }
  .min-h-screen { min-height: 100vh; }
  .w-0 { width: calc(var(--spacing)*0); }
  .w-1\.5 { width: calc(var(--spacing)*1.5); }
  .w-1\/2 { width: calc(50%); }
  .w-2 { width: calc(var(--spacing)*2); }
  .w-2\.5 { width: calc(var(--spacing)*2.5); }
  .w-3 { width: calc(var(--spacing)*3); }
  .w-3\.5 { width: calc(var(--spacing)*3.5); }
  .w-3\/4 { width: calc(75%); }
  .w-4 { width: calc(var(--spacing)*4); }
  .w-5 { width: calc(var(--spacing)*5); }
  .w-6 { width: calc(var(--spacing)*6); }
  .w-7 { width: calc(var(--spacing)*7); }
  .w-8 { width: calc(var(--spacing)*8); }
  .w-9 { width: calc(var(--spacing)*9); }
  .w-10 { width: calc(var(--spacing)*10); }
  .w-11 { width: calc(var(--spacing)*11); }
  .w-12 { width: calc(var(--spacing)*12); }
  .w-14 { width: calc(var(--spacing)*14); }
  .w-16 { width: calc(var(--spacing)*16); }
  .w-20 { width: calc(var(--spacing)*20); }
  .w-24 { width: calc(var(--spacing)*24); }
  .w-28 { width: calc(var(--spacing)*28); }
  .w-32 { width: calc(var(--spacing)*32); }
  .w-36 { width: calc(var(--spacing)*36); }
  .w-40 { width: calc(var(--spacing)*40); }
  .w-44 { width: calc(var(--spacing)*44); }
  .w-48 { width: calc(var(--spacing)*48); }
  .w-52 { width: calc(var(--spacing)*52); }
  .w-56 { width: calc(var(--spacing)*56); }
  .w-60 { width: calc(var(--spacing)*60); }
  .w-64 { width: calc(var(--spacing)*64); }
  .w-72 { width: calc(var(--spacing)*72); }
  .w-80 { width: calc(var(--spacing)*80); }
  .w-96 { width: calc(var(--spacing)*96); }
  .w-\[1\.2rem\] { width: 1.2rem; }
  .w-\[1\.4rem\] { width: 1.4rem; }
  .w-\[1\.05rem\] { width: 1.05rem; }
  .w-\[2px\] { width: 2px; }
  .w-\[2rem\] { width: 2rem; }
  .w-\[16px\] { width: 16px; }
  .w-\[18px\] { width: 18px; }
  .w-\[24px\] { width: 24px; }
  .w-\[65\%\] { width: 65%; }
  .w-\[70\%\] { width: 70%; }
  .w-\[360px\] { width: 360px; }
  .w-\[400px\] { width: 400px; }
  .w-\[440px\] { width: 440px; }
  .w-auto { width: auto; }
  .w-full { width: 100%; }
  .w-px { width: 1px; }
  .max-w-2xl { max-width: var(--container-2xl); }
  .max-w-3xl { max-width: var(--container-3xl); }
  .max-w-4xl { max-width: var(--container-4xl); }
  .max-w-5xl { max-width: var(--container-5xl); }
  .max-w-6xl { max-width: var(--container-6xl); }
  .max-w-7xl { max-width: var(--container-7xl); }
  .max-w-24 { max-width: calc(var(--spacing)*24); }
  .max-w-\[7rem\] { max-width: 7rem; }
  .max-w-\[8rem\] { max-width: 8rem; }
  .max-w-\[11rem\] { max-width: 11rem; }
  .max-w-\[16ch\] { max-width: 16ch; }
  .max-w-\[68ch\] { max-width: 68ch; }
  .max-w-\[80\%\] { max-width: 80%; }
  .max-w-\[90vw\] { max-width: 90vw; }
  .max-w-\[200px\] { max-width: 200px; }
  .max-w-\[320px\] { max-width: 320px; }
  .max-w-full { max-width: 100%; }
  .max-w-lg { max-width: var(--container-lg); }
  .max-w-md { max-width: var(--container-md); }
  .max-w-none { max-width: none; }
  .max-w-sm { max-width: var(--container-sm); }
  .max-w-xl { max-width: var(--container-xl); }
  .max-w-xs { max-width: var(--container-xs); }
  .min-w-0 { min-width: calc(var(--spacing)*0); }
  .min-w-48 { min-width: calc(var(--spacing)*48); }
  .min-w-52 { min-width: calc(var(--spacing)*52); }
  .min-w-\[4\.5rem\] { min-width: 4.5rem; }
  .min-w-\[18rem\] { min-width: 18rem; }
  .min-w-\[120px\] { min-width: 120px; }
  .min-w-\[140px\] { min-width: 140px; }
  .min-w-\[160px\] { min-width: 160px; }
  .min-w-\[200px\] { min-width: 200px; }
  .min-w-\[260px\] { min-width: 260px; }
  .min-w-\[280px\] { min-width: 280px; }
  .min-w-full { min-width: 100%; }
  .min-w-max { min-width: max-content; }
  .flex-1 { flex: 1 1 0%; }
  .flex-shrink-0 { flex-shrink: 0; }
  .shrink-0 { flex-shrink: 0; }
  .border-collapse { border-collapse: collapse; }
  .origin-bottom-left { transform-origin: 0px 100%; }
  .origin-top-right { transform-origin: 100% 0px; }
  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2*100%)*-1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-0 { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .\!translate-y-0 { --tw-translate-y: calc(var(--spacing)*0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; }
  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2*100%)*-1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .-rotate-90 { rotate: calc(-90deg); }
  .rotate-0 { rotate: 0deg; }
  .rotate-90 { rotate: 90deg; }
  .rotate-180 { rotate: 180deg; }
  .rotate-\[135deg\] { rotate: 135deg; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .animate-\[fadeIn_0\.6s_ease-out_0\.1s_both\] { animation: 0.6s ease-out 0.1s 1 normal both running fadeIn; }
  .animate-\[fadeIn_0\.7s_ease-out_0\.2s_both\] { animation: 0.7s ease-out 0.2s 1 normal both running fadeIn; }
  .animate-\[fadeIn_0\.7s_ease-out_0\.3s_both\] { animation: 0.7s ease-out 0.3s 1 normal both running fadeIn; }
  .animate-\[fadeIn_0\.7s_ease-out_0\.5s_both\] { animation: 0.7s ease-out 0.5s 1 normal both running fadeIn; }
  .animate-\[fadeIn_0\.7s_ease-out_0\.25s_both\] { animation: 0.7s ease-out 0.25s 1 normal both running fadeIn; }
  .animate-\[fadeIn_0\.7s_ease-out_0\.35s_both\] { animation: 0.7s ease-out 0.35s 1 normal both running fadeIn; }
  .animate-ping { animation: var(--animate-ping); }
  .animate-pulse { animation: var(--animate-pulse); }
  .animate-spin { animation: var(--animate-spin); }
  .cursor-default { cursor: default; }
  .cursor-grab { cursor: grab; }
  .cursor-not-allowed { cursor: not-allowed; }
  .cursor-pointer { cursor: pointer; }
  .cursor-text { cursor: text; }
  .resize { resize: both; }
  .resize-none { resize: none; }
  .resize-y { resize: vertical; }
  .list-inside { list-style-position: inside; }
  .list-disc { list-style-type: disc; }
  .appearance-none { appearance: none; }
  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .grid-cols-\[60px_1fr_80px_40px\] { grid-template-columns: 60px 1fr 80px 40px; }
  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .items-baseline { align-items: baseline; }
  .items-center { align-items: center; }
  .items-end { align-items: flex-end; }
  .items-start { align-items: flex-start; }
  .items-stretch { align-items: stretch; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .justify-start { justify-content: flex-start; }
  .gap-0\.5 { gap: calc(var(--spacing)*0.5); }
  .gap-1 { gap: calc(var(--spacing)*1); }
  .gap-1\.5 { gap: calc(var(--spacing)*1.5); }
  .gap-2 { gap: calc(var(--spacing)*2); }
  .gap-2\.5 { gap: calc(var(--spacing)*2.5); }
  .gap-3 { gap: calc(var(--spacing)*3); }
  .gap-4 { gap: calc(var(--spacing)*4); }
  .gap-5 { gap: calc(var(--spacing)*5); }
  .gap-6 { gap: calc(var(--spacing)*6); }
  .gap-8 { gap: calc(var(--spacing)*8); }
  .gap-10 { gap: calc(var(--spacing)*10); }
  .gap-px { gap: 1px; }
  .space-y-0\.5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-1 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-1\.5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-2 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-2\.5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * 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) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 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) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-6 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-8 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); }
}
  .gap-x-4 { column-gap: calc(var(--spacing)*4); }
  .gap-x-6 { column-gap: calc(var(--spacing)*6); }
  .gap-x-8 { column-gap: calc(var(--spacing)*8); }
  .space-x-1 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); }
}
  .space-x-2 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }
}
  .space-x-3 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); }
}
  .space-x-4 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); }
}
  .space-x-8 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); }
}
  .gap-y-1 { row-gap: calc(var(--spacing)*1); }
  .gap-y-1\.5 { row-gap: calc(var(--spacing)*1.5); }
  .gap-y-5 { row-gap: calc(var(--spacing)*5); }
  .divide-y {
  :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
}
  .divide-gray-100 {
  :where(& > :not(:last-child)) { border-color: var(--color-gray-100); }
}
  .divide-gray-200 {
  :where(& > :not(:last-child)) { border-color: var(--color-gray-200); }
}
  .divide-slate-100 {
  :where(& > :not(:last-child)) { border-color: var(--color-slate-100); }
}
  .divide-white\/5 {
  :where(& > :not(:last-child)) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
}
  .self-center { align-self: center; }
  .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .overflow-auto { overflow: auto; }
  .overflow-hidden { overflow: hidden; }
  .overflow-visible { overflow: visible; }
  .overflow-x-auto { overflow-x: auto; }
  .overflow-x-hidden { overflow-x: hidden; }
  .overflow-y-auto { overflow-y: auto; }
  .overflow-y-hidden { overflow-y: hidden; }
  .rounded { border-radius: 0.25rem; }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-3xl { border-radius: var(--radius-3xl); }
  .rounded-full { border-radius: calc(infinity * 1px); }
  .rounded-lg { border-radius: var(--radius-lg); }
  .rounded-md { border-radius: var(--radius-md); }
  .rounded-sm { border-radius: var(--radius-sm); }
  .rounded-xl { border-radius: var(--radius-xl); }
  .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); }
  .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
  .rounded-r-full { border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); }
  .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
  .rounded-tr-2xl { border-top-right-radius: var(--radius-2xl); }
  .rounded-bl-2xl { border-bottom-left-radius: var(--radius-2xl); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-0 { border-style: var(--tw-border-style); border-width: 0px; }
  .border-2 { border-style: var(--tw-border-style); border-width: 2px; }
  .border-4 { border-style: var(--tw-border-style); border-width: 4px; }
  .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
  .border-\[2\.5px\] { border-style: var(--tw-border-style); border-width: 2.5px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; }
  .border-r-4 { border-right-style: var(--tw-border-style); border-right-width: 4px; }
  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
  .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; }
  .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; }
  .border-dashed { --tw-border-style: dashed; border-style: dashed; }
  .border-none { --tw-border-style: none; border-style: none; }
  .border-\[\#2D6CDF\]\/20 { border-color: color-mix(rgb(45, 108, 223) 20%, transparent); }
  .border-\[\#FF6B6B\]\/20 { border-color: color-mix(rgb(255, 107, 107) 20%, transparent); }
  .border-\[var\(--color-border\)\] { border-color: var(--color-border); }
  .border-amber-200 { border-color: var(--color-amber-200); }
  .border-amber-300\/50 {
  border-color: color-mix(in srgb, oklch(0.879 0.169 91.605), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-300) 50%,transparent);
}
}
  .border-amber-300\/60 {
  border-color: color-mix(in srgb, oklch(0.879 0.169 91.605) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-300) 60%,transparent);
}
}
  .border-amber-400 { border-color: var(--color-amber-400); }
  .border-amber-400\/60 {
  border-color: color-mix(in srgb, oklch(0.828 0.189 84.429) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-400) 60%,transparent);
}
}
  .border-amber-400\/80 {
  border-color: color-mix(in srgb, oklch(0.828 0.189 84.429) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-400) 80%,transparent);
}
}
  .border-blue-200 { border-color: var(--color-blue-200); }
  .border-blue-200\/60 {
  border-color: color-mix(in srgb, oklch(0.882 0.059 254.128) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-blue-200) 60%,transparent);
}
}
  .border-blue-300 { border-color: var(--color-blue-300); }
  .border-blue-400 { border-color: var(--color-blue-400); }
  .border-blue-500 { border-color: var(--color-blue-500); }
  .border-blue-600 { border-color: var(--color-blue-600); }
  .border-current { border-color: currentcolor; }
  .border-cyan-500\/40 {
  border-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-cyan-500) 40%,transparent);
}
}
  .border-emerald-200 { border-color: var(--color-emerald-200); }
  .border-emerald-300\/70 {
  border-color: color-mix(in srgb, oklch(0.845 0.143 164.978) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-emerald-300) 70%,transparent);
}
}
  .border-emerald-400 { border-color: var(--color-emerald-400); }
  .border-emerald-500 { border-color: var(--color-emerald-500); }
  .border-gray-100 { border-color: var(--color-gray-100); }
  .border-gray-200 { border-color: var(--color-gray-200); }
  .border-gray-200\/60 {
  border-color: color-mix(in srgb, oklch(0.928 0.006 264.531) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-gray-200) 60%,transparent);
}
}
  .border-gray-200\/70 {
  border-color: color-mix(in srgb, oklch(0.928 0.006 264.531) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-gray-200) 70%,transparent);
}
}
  .border-gray-200\/80 {
  border-color: color-mix(in srgb, oklch(0.928 0.006 264.531) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-gray-200) 80%,transparent);
}
}
  .border-gray-300 { border-color: var(--color-gray-300); }
  .border-gray-300\/40 {
  border-color: color-mix(in srgb, oklch(0.872 0.01 258.338) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-gray-300) 40%,transparent);
}
}
  .border-gray-300\/60 {
  border-color: color-mix(in srgb, oklch(0.872 0.01 258.338) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-gray-300) 60%,transparent);
}
}
  .border-gray-400 { border-color: var(--color-gray-400); }
  .border-green-200 { border-color: var(--color-green-200); }
  .border-green-200\/60 {
  border-color: color-mix(in srgb, oklch(0.925 0.084 155.995) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-green-200) 60%,transparent);
}
}
  .border-green-300 { border-color: var(--color-green-300); }
  .border-green-500 { border-color: var(--color-green-500); }
  .border-orange-300 { border-color: var(--color-orange-300); }
  .border-orange-400 { border-color: var(--color-orange-400); }
  .border-primary-400\/60 {
  border-color: color-mix(in srgb, rgb(45, 212, 191) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-primary-400) 60%,transparent);
}
}
  .border-primary-500 { border-color: var(--color-primary-500); }
  .border-primary-500\/15 {
  border-color: color-mix(in srgb, rgb(20, 184, 166) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-primary-500) 15%,transparent);
}
}
  .border-primary-500\/25 {
  border-color: color-mix(in srgb, rgb(20, 184, 166) 25%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-primary-500) 25%,transparent);
}
}
  .border-purple-200 { border-color: var(--color-purple-200); }
  .border-purple-300 { border-color: var(--color-purple-300); }
  .border-purple-600 { border-color: var(--color-purple-600); }
  .border-red-200 { border-color: var(--color-red-200); }
  .border-red-300 { border-color: var(--color-red-300); }
  .border-red-300\/60 {
  border-color: color-mix(in srgb, oklch(0.808 0.114 19.571) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-red-300) 60%,transparent);
}
}
  .border-red-400 { border-color: var(--color-red-400); }
  .border-rose-200 { border-color: var(--color-rose-200); }
  .border-sky-200\/60 {
  border-color: color-mix(in srgb, oklch(0.901 0.058 230.902) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-sky-200) 60%,transparent);
}
}
  .border-sky-300\/70 {
  border-color: color-mix(in srgb, oklch(0.828 0.111 230.318) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-sky-300) 70%,transparent);
}
}
  .border-sky-500 { border-color: var(--color-sky-500); }
  .border-slate-100 { border-color: var(--color-slate-100); }
  .border-slate-200 { border-color: var(--color-slate-200); }
  .border-slate-200\/70 {
  border-color: color-mix(in srgb, oklch(0.929 0.013 255.508) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-slate-200) 70%,transparent);
}
}
  .border-slate-300 { border-color: var(--color-slate-300); }
  .border-slate-400 { border-color: var(--color-slate-400); }
  .border-slate-700 { border-color: var(--color-slate-700); }
  .border-slate-800 { border-color: var(--color-slate-800); }
  .border-teal-200 { border-color: var(--color-teal-200); }
  .border-teal-300 { border-color: var(--color-teal-300); }
  .border-teal-400 { border-color: var(--color-teal-400); }
  .border-teal-500 { border-color: var(--color-teal-500); }
  .border-teal-600 { border-color: var(--color-teal-600); }
  .border-transparent { border-color: transparent; }
  .border-white { border-color: var(--color-white); }
  .border-white\/5 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
  .border-white\/8 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 8%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 8%,transparent);
}
}
  .border-white\/10 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
  .border-white\/15 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
  .border-white\/20 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
  .border-white\/30 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
  .border-white\/40 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 40%,transparent);
}
}
  .border-white\/50 {
  border-color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 50%,transparent);
}
}
  .border-white\/60 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 60%,transparent);
}
}
  .border-white\/70 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 70%,transparent);
}
}
  .border-yellow-200 { border-color: var(--color-yellow-200); }
  .border-yellow-300 { border-color: var(--color-yellow-300); }
  .border-t-blue-700 { border-top-color: var(--color-blue-700); }
  .border-t-gray-600 { border-top-color: var(--color-gray-600); }
  .border-t-gray-900 { border-top-color: var(--color-gray-900); }
  .border-t-primary-600 { border-top-color: var(--color-primary-600); }
  .border-t-transparent { border-top-color: transparent; }
  .border-r-transparent { border-right-color: transparent; }
  .border-l-transparent { border-left-color: transparent; }
  .bg-\[\#2D6CDF\] { background-color: rgb(45, 108, 223); }
  .bg-\[\#2D6CDF\]\/10 { background-color: color-mix(rgb(45, 108, 223) 10%, transparent); }
  .bg-\[\#3DDC84\] { background-color: rgb(61, 220, 132); }
  .bg-\[\#3DDC84\]\/20 { background-color: color-mix(rgb(61, 220, 132) 20%, transparent); }
  .bg-\[\#36C4E0\]\/15 { background-color: color-mix(rgb(54, 196, 224) 15%, transparent); }
  .bg-\[var\(--color-bg\)\] { background-color: var(--color-bg); }
  .bg-\[var\(--color-surface\)\] { background-color: var(--color-surface); }
  .bg-amber-50 { background-color: var(--color-amber-50); }
  .bg-amber-50\/40 {
  background-color: color-mix(in srgb, oklch(0.987 0.022 95.277) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-50) 40%,transparent);
}
}
  .bg-amber-50\/60 {
  background-color: color-mix(in srgb, oklch(0.987 0.022 95.277) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-50) 60%,transparent);
}
}
  .bg-amber-100 { background-color: var(--color-amber-100); }
  .bg-amber-300\/30 {
  background-color: color-mix(in srgb, oklch(0.879 0.169 91.605) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-300) 30%,transparent);
}
}
  .bg-amber-400 { background-color: var(--color-amber-400); }
  .bg-amber-500 { background-color: var(--color-amber-500); }
  .bg-black { background-color: var(--color-black); }
  .bg-black\/10 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 10%,transparent);
}
}
  .bg-black\/30 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 30%,transparent);
}
}
  .bg-black\/40 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 40%,transparent);
}
}
  .bg-black\/50 {
  background-color: color-mix(in srgb, rgb(0, 0, 0), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 50%,transparent);
}
}
  .bg-black\/60 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 60%,transparent);
}
}
  .bg-black\/90 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 90%,transparent);
}
}
  .bg-blue-50 { background-color: var(--color-blue-50); }
  .bg-blue-50\/30 {
  background-color: color-mix(in srgb, oklch(0.97 0.014 254.604) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-50) 30%,transparent);
}
}
  .bg-blue-50\/60 {
  background-color: color-mix(in srgb, oklch(0.97 0.014 254.604) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-50) 60%,transparent);
}
}
  .bg-blue-50\/80 {
  background-color: color-mix(in srgb, oklch(0.97 0.014 254.604) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-50) 80%,transparent);
}
}
  .bg-blue-100 { background-color: var(--color-blue-100); }
  .bg-blue-400 { background-color: var(--color-blue-400); }
  .bg-blue-500 { background-color: var(--color-blue-500); }
  .bg-blue-500\/15 {
  background-color: color-mix(in srgb, oklch(0.623 0.214 259.815) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-500) 15%,transparent);
}
}
  .bg-blue-500\/90 {
  background-color: color-mix(in srgb, oklch(0.623 0.214 259.815) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-500) 90%,transparent);
}
}
  .bg-blue-600 { background-color: var(--color-blue-600); }
  .bg-blue-600\/15 {
  background-color: color-mix(in srgb, oklch(0.546 0.245 262.881) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-600) 15%,transparent);
}
}
  .bg-blue-600\/90 {
  background-color: color-mix(in srgb, oklch(0.546 0.245 262.881) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-600) 90%,transparent);
}
}
  .bg-current { background-color: currentcolor; }
  .bg-cyan-50 { background-color: var(--color-cyan-50); }
  .bg-cyan-400 { background-color: var(--color-cyan-400); }
  .bg-cyan-500 { background-color: var(--color-cyan-500); }
  .bg-cyan-500\/10 {
  background-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-500) 10%,transparent);
}
}
  .bg-cyan-500\/15 {
  background-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-500) 15%,transparent);
}
}
  .bg-emerald-50 { background-color: var(--color-emerald-50); }
  .bg-emerald-50\/40 {
  background-color: color-mix(in srgb, oklch(0.979 0.021 166.113) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-50) 40%,transparent);
}
}
  .bg-emerald-50\/60 {
  background-color: color-mix(in srgb, oklch(0.979 0.021 166.113) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-50) 60%,transparent);
}
}
  .bg-emerald-100 { background-color: var(--color-emerald-100); }
  .bg-emerald-200 { background-color: var(--color-emerald-200); }
  .bg-emerald-500 { background-color: var(--color-emerald-500); }
  .bg-emerald-500\/20 {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-500) 20%,transparent);
}
}
  .bg-emerald-600 { background-color: var(--color-emerald-600); }
  .bg-gray-50 { background-color: var(--color-gray-50); }
  .bg-gray-100 { background-color: var(--color-gray-100); }
  .bg-gray-100\/60 {
  background-color: color-mix(in srgb, oklch(0.967 0.003 264.542) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-100) 60%,transparent);
}
}
  .bg-gray-200 { background-color: var(--color-gray-200); }
  .bg-gray-300 { background-color: var(--color-gray-300); }
  .bg-gray-400 { background-color: var(--color-gray-400); }
  .bg-gray-400\/40 {
  background-color: color-mix(in srgb, oklch(0.707 0.022 261.325) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-400) 40%,transparent);
}
}
  .bg-gray-500 { background-color: var(--color-gray-500); }
  .bg-gray-600 { background-color: var(--color-gray-600); }
  .bg-gray-800 { background-color: var(--color-gray-800); }
  .bg-gray-900 { background-color: var(--color-gray-900); }
  .bg-gray-900\/5 {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 5%,transparent);
}
}
  .bg-gray-900\/70 {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 70%,transparent);
}
}
  .bg-gray-900\/90 {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 90%,transparent);
}
}
  .bg-gray-900\/95 {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 95%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 95%,transparent);
}
}
  .bg-green-50 { background-color: var(--color-green-50); }
  .bg-green-50\/80 {
  background-color: color-mix(in srgb, oklch(0.982 0.018 155.826) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-50) 80%,transparent);
}
}
  .bg-green-100 { background-color: var(--color-green-100); }
  .bg-green-400 { background-color: var(--color-green-400); }
  .bg-green-400\/60 {
  background-color: color-mix(in srgb, oklch(0.792 0.209 151.711) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-400) 60%,transparent);
}
}
  .bg-green-500 { background-color: var(--color-green-500); }
  .bg-green-500\/10 {
  background-color: color-mix(in srgb, oklch(0.723 0.219 149.579) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-500) 10%,transparent);
}
}
  .bg-green-500\/15 {
  background-color: color-mix(in srgb, oklch(0.723 0.219 149.579) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-500) 15%,transparent);
}
}
  .bg-green-600 { background-color: var(--color-green-600); }
  .bg-indigo-100 { background-color: var(--color-indigo-100); }
  .bg-orange-50 { background-color: var(--color-orange-50); }
  .bg-orange-200 { background-color: var(--color-orange-200); }
  .bg-orange-400 { background-color: var(--color-orange-400); }
  .bg-orange-500 { background-color: var(--color-orange-500); }
  .bg-pink-500 { background-color: var(--color-pink-500); }
  .bg-primary-500 { background-color: var(--color-primary-500); }
  .bg-primary-500\/10 {
  background-color: color-mix(in srgb, rgb(20, 184, 166) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-primary-500) 10%,transparent);
}
}
  .bg-primary-500\/15 {
  background-color: color-mix(in srgb, rgb(20, 184, 166) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-primary-500) 15%,transparent);
}
}
  .bg-primary-500\/20 {
  background-color: color-mix(in srgb, rgb(20, 184, 166) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-primary-500) 20%,transparent);
}
}
  .bg-primary-600 { background-color: var(--color-primary-600); }
  .bg-purple-50 { background-color: var(--color-purple-50); }
  .bg-purple-100 { background-color: var(--color-purple-100); }
  .bg-purple-400 { background-color: var(--color-purple-400); }
  .bg-purple-500\/15 {
  background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-purple-500) 15%,transparent);
}
}
  .bg-purple-600 { background-color: var(--color-purple-600); }
  .bg-red-50 { background-color: var(--color-red-50); }
  .bg-red-50\/80 {
  background-color: color-mix(in srgb, oklch(0.971 0.013 17.38) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-50) 80%,transparent);
}
}
  .bg-red-100 { background-color: var(--color-red-100); }
  .bg-red-500 { background-color: var(--color-red-500); }
  .bg-red-500\/20 {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-500) 20%,transparent);
}
}
  .bg-red-600 { background-color: var(--color-red-600); }
  .bg-rose-50 { background-color: var(--color-rose-50); }
  .bg-rose-100 { background-color: var(--color-rose-100); }
  .bg-rose-200 { background-color: var(--color-rose-200); }
  .bg-rose-500 { background-color: var(--color-rose-500); }
  .bg-sky-500 { background-color: var(--color-sky-500); }
  .bg-sky-500\/20 {
  background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-sky-500) 20%,transparent);
}
}
  .bg-sky-600 { background-color: var(--color-sky-600); }
  .bg-slate-50 { background-color: var(--color-slate-50); }
  .bg-slate-50\/40 {
  background-color: color-mix(in srgb, oklch(0.984 0.003 247.858) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-50) 40%,transparent);
}
}
  .bg-slate-100 { background-color: var(--color-slate-100); }
  .bg-slate-200 { background-color: var(--color-slate-200); }
  .bg-slate-200\/60 {
  background-color: color-mix(in srgb, oklch(0.929 0.013 255.508) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-200) 60%,transparent);
}
}
  .bg-slate-300 { background-color: var(--color-slate-300); }
  .bg-slate-800 { background-color: var(--color-slate-800); }
  .bg-slate-900 { background-color: var(--color-slate-900); }
  .bg-slate-900\/40 {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 40%,transparent);
}
}
  .bg-slate-900\/60 {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 60%,transparent);
}
}
  .bg-slate-950 { background-color: var(--color-slate-950); }
  .bg-teal-50 { background-color: var(--color-teal-50); }
  .bg-teal-100 { background-color: var(--color-teal-100); }
  .bg-teal-300\/40 {
  background-color: color-mix(in srgb, oklch(0.855 0.138 181.071) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-300) 40%,transparent);
}
}
  .bg-teal-400 { background-color: var(--color-teal-400); }
  .bg-teal-500 { background-color: var(--color-teal-500); }
  .bg-teal-600 { background-color: var(--color-teal-600); }
  .bg-transparent { background-color: transparent; }
  .bg-violet-500 { background-color: var(--color-violet-500); }
  .bg-violet-500\/20 {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-violet-500) 20%,transparent);
}
}
  .bg-white { background-color: var(--color-white); }
  .bg-white\/5 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
  .bg-white\/10 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
  .bg-white\/20 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
  .bg-white\/30 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
  .bg-white\/40 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 40%,transparent);
}
}
  .bg-white\/60 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 60%,transparent);
}
}
  .bg-white\/65 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 65%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 65%,transparent);
}
}
  .bg-white\/70 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 70%,transparent);
}
}
  .bg-white\/80 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 80%,transparent);
}
}
  .bg-white\/85 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 85%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 85%,transparent);
}
}
  .bg-white\/90 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 90%,transparent);
}
}
  .bg-white\/95 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 95%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 95%,transparent);
}
}
  .bg-white\/\[0\.02\] {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 2%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 2%,transparent);
}
}
  .bg-white\/\[0\.03\] {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 3%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 3%,transparent);
}
}
  .bg-yellow-50 { background-color: var(--color-yellow-50); }
  .bg-yellow-100 { background-color: var(--color-yellow-100); }
  .bg-yellow-400 { background-color: var(--color-yellow-400); }
  .bg-yellow-500 { background-color: var(--color-yellow-500); }
  .bg-yellow-500\/10 {
  background-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-yellow-500) 10%,transparent);
}
}
  .bg-yellow-600 { background-color: var(--color-yellow-600); }
  .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-gray-100 { --tw-gradient-from: var(--color-gray-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-gray-300\/60 {
  --tw-gradient-from: color-mix(in srgb,oklch(87.2%0.01 258.338) 60%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-gray-300) 60%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .from-primary-50 { --tw-gradient-from: var(--color-primary-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-rose-400 { --tw-gradient-from: var(--color-rose-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-sky-50 { --tw-gradient-from: var(--color-sky-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-teal-50 { --tw-gradient-from: var(--color-teal-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-teal-50\/80 {
  --tw-gradient-from: color-mix(in srgb,oklch(98.4%0.014 180.72) 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-teal-50) 80%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .from-teal-400 { --tw-gradient-from: var(--color-teal-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-white\/35 {
  --tw-gradient-from: color-mix(in srgb,#fff 35%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-white) 35%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .from-white\/80 {
  --tw-gradient-from: color-mix(in srgb,#fff 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-white) 80%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .from-white\/85 {
  --tw-gradient-from: color-mix(in srgb,#fff 85%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-white) 85%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .via-gray-200\/40 {
  --tw-gradient-via: color-mix(in srgb,oklch(92.8%0.006 264.531) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-via: color-mix(in oklab,var(--color-gray-200) 40%,transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
  .via-mint\/30 {
  --tw-gradient-via: color-mix(in srgb,#4bf1b7 30%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-via: color-mix(in oklab,var(--color-mint) 30%,transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
  .via-slate-200 { --tw-gradient-via: var(--color-slate-200); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .via-white { --tw-gradient-via: var(--color-white); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .via-white\/5 {
  --tw-gradient-via: color-mix(in srgb,#fff 5%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-via: color-mix(in oklab,var(--color-white) 5%,transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
  .to-blue-50 { --tw-gradient-to: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-blue-50\/80 {
  --tw-gradient-to: color-mix(in srgb,oklch(97%0.014 254.604) 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-blue-50) 80%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .to-emerald-400 { --tw-gradient-to: var(--color-emerald-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-fuchsia-500 { --tw-gradient-to: var(--color-fuchsia-500); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-gray-100\/0 {
  --tw-gradient-to: color-mix(in srgb,oklch(96.7%0.003 264.542) 0%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-gray-100) 0%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .to-gray-100\/20 {
  --tw-gradient-to: color-mix(in srgb,oklch(96.7%0.003 264.542) 20%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-gray-100) 20%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .to-gray-300 { --tw-gradient-to: var(--color-gray-300); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-green-50 { --tw-gradient-to: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-primary-100\/70 {
  --tw-gradient-to: color-mix(in srgb,#ccfbf1 70%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-primary-100) 70%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .to-teal-50 { --tw-gradient-to: var(--color-teal-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-white\/50 {
  --tw-gradient-to: color-mix(in srgb,#fff 50%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-white) 50%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .to-white\/60 {
  --tw-gradient-to: color-mix(in srgb,#fff 60%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-white) 60%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .fill-amber-400 { fill: var(--color-amber-400); }
  .object-contain { object-fit: contain; }
  .object-cover { object-fit: cover; }
  .p-0 { padding: calc(var(--spacing)*0); }
  .p-0\.5 { padding: calc(var(--spacing)*0.5); }
  .p-1 { padding: calc(var(--spacing)*1); }
  .p-1\.5 { padding: calc(var(--spacing)*1.5); }
  .p-2 { padding: calc(var(--spacing)*2); }
  .p-2\.5 { padding: calc(var(--spacing)*2.5); }
  .p-3 { padding: calc(var(--spacing)*3); }
  .p-3\.5 { padding: calc(var(--spacing)*3.5); }
  .p-4 { padding: calc(var(--spacing)*4); }
  .p-5 { padding: calc(var(--spacing)*5); }
  .p-6 { padding: calc(var(--spacing)*6); }
  .p-7 { padding: calc(var(--spacing)*7); }
  .p-8 { padding: calc(var(--spacing)*8); }
  .p-10 { padding: calc(var(--spacing)*10); }
  .p-12 { padding: calc(var(--spacing)*12); }
  .p-px { padding: 1px; }
  .px-0\.5 { padding-inline: calc(var(--spacing)*0.5); }
  .px-1 { padding-inline: calc(var(--spacing)*1); }
  .px-1\.5 { padding-inline: calc(var(--spacing)*1.5); }
  .px-2 { padding-inline: calc(var(--spacing)*2); }
  .px-2\.5 { padding-inline: calc(var(--spacing)*2.5); }
  .px-3 { padding-inline: calc(var(--spacing)*3); }
  .px-3\.5 { padding-inline: calc(var(--spacing)*3.5); }
  .px-4 { padding-inline: calc(var(--spacing)*4); }
  .px-5 { padding-inline: calc(var(--spacing)*5); }
  .px-6 { padding-inline: calc(var(--spacing)*6); }
  .px-8 { padding-inline: calc(var(--spacing)*8); }
  .px-10 { padding-inline: calc(var(--spacing)*10); }
  .py-0\.5 { padding-block: calc(var(--spacing)*0.5); }
  .py-1 { padding-block: calc(var(--spacing)*1); }
  .py-1\.5 { padding-block: calc(var(--spacing)*1.5); }
  .py-2 { padding-block: calc(var(--spacing)*2); }
  .py-2\.5 { padding-block: calc(var(--spacing)*2.5); }
  .py-3 { padding-block: calc(var(--spacing)*3); }
  .py-4 { padding-block: calc(var(--spacing)*4); }
  .py-5 { padding-block: calc(var(--spacing)*5); }
  .py-6 { padding-block: calc(var(--spacing)*6); }
  .py-8 { padding-block: calc(var(--spacing)*8); }
  .py-10 { padding-block: calc(var(--spacing)*10); }
  .py-12 { padding-block: calc(var(--spacing)*12); }
  .py-16 { padding-block: calc(var(--spacing)*16); }
  .py-24 { padding-block: calc(var(--spacing)*24); }
  .pt-1 { padding-top: calc(var(--spacing)*1); }
  .pt-2 { padding-top: calc(var(--spacing)*2); }
  .pt-3 { padding-top: calc(var(--spacing)*3); }
  .pt-4 { padding-top: calc(var(--spacing)*4); }
  .pt-6 { padding-top: calc(var(--spacing)*6); }
  .pt-8 { padding-top: calc(var(--spacing)*8); }
  .pr-1 { padding-right: calc(var(--spacing)*1); }
  .pr-2 { padding-right: calc(var(--spacing)*2); }
  .pr-3 { padding-right: calc(var(--spacing)*3); }
  .pr-4 { padding-right: calc(var(--spacing)*4); }
  .pr-7 { padding-right: calc(var(--spacing)*7); }
  .pr-8 { padding-right: calc(var(--spacing)*8); }
  .pr-9 { padding-right: calc(var(--spacing)*9); }
  .pr-10 { padding-right: calc(var(--spacing)*10); }
  .pb-1 { padding-bottom: calc(var(--spacing)*1); }
  .pb-2 { padding-bottom: calc(var(--spacing)*2); }
  .pb-2\.5 { padding-bottom: calc(var(--spacing)*2.5); }
  .pb-3 { padding-bottom: calc(var(--spacing)*3); }
  .pb-4 { padding-bottom: calc(var(--spacing)*4); }
  .pb-6 { padding-bottom: calc(var(--spacing)*6); }
  .pb-8 { padding-bottom: calc(var(--spacing)*8); }
  .pl-1 { padding-left: calc(var(--spacing)*1); }
  .pl-2 { padding-left: calc(var(--spacing)*2); }
  .pl-2\.5 { padding-left: calc(var(--spacing)*2.5); }
  .pl-3 { padding-left: calc(var(--spacing)*3); }
  .pl-4 { padding-left: calc(var(--spacing)*4); }
  .pl-6 { padding-left: calc(var(--spacing)*6); }
  .pl-9 { padding-left: calc(var(--spacing)*9); }
  .pl-10 { padding-left: calc(var(--spacing)*10); }
  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .text-right { text-align: right; }
  .align-text-bottom { vertical-align: text-bottom; }
  .font-mono { font-family: var(--font-mono); }
  .font-sans { font-family: var(--font-sans); }
  .font-serif { font-family: var(--font-serif); }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
  .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
  .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
  .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
  .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing)*6); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .text-\[7px\] { font-size: 7px; }
  .text-\[8px\] { font-size: 8px; }
  .text-\[9px\] { font-size: 9px; }
  .text-\[10px\] { font-size: 10px; }
  .text-\[11px\] { font-size: 11px; }
  .text-\[12px\] { font-size: 12px; }
  .text-\[13\.5px\] { font-size: 13.5px; }
  .text-\[13px\] { font-size: 13px; }
  .text-\[14px\] { font-size: 14px; }
  .text-\[15px\] { font-size: 15px; }
  .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; }
  .leading-none { --tw-leading: 1; line-height: 1; }
  .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
  .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
  .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
  .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }
  .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; }
  .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; }
  .tracking-\[-0\.005em\] { --tw-tracking: -0.005em; letter-spacing: -0.005em; }
  .tracking-\[0\.1em\] { --tw-tracking: 0.1em; letter-spacing: 0.1em; }
  .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; }
  .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; }
  .tracking-\[0\.22em\] { --tw-tracking: 0.22em; letter-spacing: 0.22em; }
  .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
  .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
  .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
  .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
  .break-words { overflow-wrap: break-word; }
  .whitespace-nowrap { white-space: nowrap; }
  .whitespace-pre-line { white-space: pre-line; }
  .whitespace-pre-wrap { white-space: pre-wrap; }
  .\!text-gray-800 { color: var(--color-gray-800) !important; }
  .text-\[\#1a8a50\] { color: rgb(26, 138, 80); }
  .text-\[\#2D6CDF\] { color: rgb(45, 108, 223); }
  .text-\[\#3DDC84\] { color: rgb(61, 220, 132); }
  .text-\[\#36C4E0\] { color: rgb(54, 196, 224); }
  .text-\[\#2558b8\] { color: rgb(37, 88, 184); }
  .text-\[\#FF6B6B\] { color: rgb(255, 107, 107); }
  .text-\[var\(--color-action\)\] { color: var(--color-action); }
  .text-\[var\(--color-danger\)\] { color: var(--color-danger); }
  .text-\[var\(--color-text\)\] { color: var(--color-text); }
  .text-\[var\(--color-text-muted\)\] { color: var(--color-text-muted); }
  .text-amber-100 { color: var(--color-amber-100); }
  .text-amber-400 { color: var(--color-amber-400); }
  .text-amber-400\/80 {
  color: color-mix(in srgb, oklch(0.828 0.189 84.429) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-amber-400) 80%,transparent);
}
}
  .text-amber-500 { color: var(--color-amber-500); }
  .text-amber-600 { color: var(--color-amber-600); }
  .text-amber-700 { color: var(--color-amber-700); }
  .text-amber-800 { color: var(--color-amber-800); }
  .text-amber-900 { color: var(--color-amber-900); }
  .text-black { color: var(--color-black); }
  .text-blue-200 { color: var(--color-blue-200); }
  .text-blue-300 { color: var(--color-blue-300); }
  .text-blue-400 { color: var(--color-blue-400); }
  .text-blue-500 { color: var(--color-blue-500); }
  .text-blue-600 { color: var(--color-blue-600); }
  .text-blue-700 { color: var(--color-blue-700); }
  .text-blue-800 { color: var(--color-blue-800); }
  .text-blue-900 { color: var(--color-blue-900); }
  .text-current { color: currentcolor; }
  .text-cyan-400 { color: var(--color-cyan-400); }
  .text-cyan-600 { color: var(--color-cyan-600); }
  .text-cyan-700 { color: var(--color-cyan-700); }
  .text-emerald-300 { color: var(--color-emerald-300); }
  .text-emerald-400 { color: var(--color-emerald-400); }
  .text-emerald-600 { color: var(--color-emerald-600); }
  .text-emerald-700 { color: var(--color-emerald-700); }
  .text-emerald-800 { color: var(--color-emerald-800); }
  .text-emerald-900 { color: var(--color-emerald-900); }
  .text-fuchsia-400 { color: var(--color-fuchsia-400); }
  .text-gray-100 { color: var(--color-gray-100); }
  .text-gray-200 { color: var(--color-gray-200); }
  .text-gray-300 { color: var(--color-gray-300); }
  .text-gray-400 { color: var(--color-gray-400); }
  .text-gray-500 { color: var(--color-gray-500); }
  .text-gray-600 { color: var(--color-gray-600); }
  .text-gray-600\/60 {
  color: color-mix(in srgb, oklch(0.446 0.03 256.802) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-gray-600) 60%,transparent);
}
}
  .text-gray-700 { color: var(--color-gray-700); }
  .text-gray-800 { color: var(--color-gray-800); }
  .text-gray-900 { color: var(--color-gray-900); }
  .text-green-300 { color: var(--color-green-300); }
  .text-green-400 { color: var(--color-green-400); }
  .text-green-500 { color: var(--color-green-500); }
  .text-green-600 { color: var(--color-green-600); }
  .text-green-700 { color: var(--color-green-700); }
  .text-green-800 { color: var(--color-green-800); }
  .text-indigo-700 { color: var(--color-indigo-700); }
  .text-orange-400 { color: var(--color-orange-400); }
  .text-orange-500 { color: var(--color-orange-500); }
  .text-orange-600 { color: var(--color-orange-600); }
  .text-orange-700 { color: var(--color-orange-700); }
  .text-orange-800 { color: var(--color-orange-800); }
  .text-orange-800\/80 {
  color: color-mix(in srgb, oklch(0.47 0.157 37.304) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-orange-800) 80%,transparent);
}
}
  .text-orange-900 { color: var(--color-orange-900); }
  .text-primary-500 { color: var(--color-primary-500); }
  .text-primary-600 { color: var(--color-primary-600); }
  .text-primary-700 { color: var(--color-primary-700); }
  .text-purple-300 { color: var(--color-purple-300); }
  .text-purple-500 { color: var(--color-purple-500); }
  .text-purple-600 { color: var(--color-purple-600); }
  .text-purple-700 { color: var(--color-purple-700); }
  .text-purple-800 { color: var(--color-purple-800); }
  .text-red-300 { color: var(--color-red-300); }
  .text-red-400 { color: var(--color-red-400); }
  .text-red-500 { color: var(--color-red-500); }
  .text-red-600 { color: var(--color-red-600); }
  .text-red-700 { color: var(--color-red-700); }
  .text-red-800 { color: var(--color-red-800); }
  .text-rose-600 { color: var(--color-rose-600); }
  .text-rose-700 { color: var(--color-rose-700); }
  .text-rose-800 { color: var(--color-rose-800); }
  .text-sky-300 { color: var(--color-sky-300); }
  .text-sky-400 { color: var(--color-sky-400); }
  .text-sky-600 { color: var(--color-sky-600); }
  .text-sky-700 { color: var(--color-sky-700); }
  .text-slate-100 { color: var(--color-slate-100); }
  .text-slate-200 { color: var(--color-slate-200); }
  .text-slate-300 { color: var(--color-slate-300); }
  .text-slate-400 { color: var(--color-slate-400); }
  .text-slate-500 { color: var(--color-slate-500); }
  .text-slate-600 { color: var(--color-slate-600); }
  .text-slate-700 { color: var(--color-slate-700); }
  .text-slate-800 { color: var(--color-slate-800); }
  .text-slate-900 { color: var(--color-slate-900); }
  .text-teal-400 { color: var(--color-teal-400); }
  .text-teal-500 { color: var(--color-teal-500); }
  .text-teal-600 { color: var(--color-teal-600); }
  .text-teal-700 { color: var(--color-teal-700); }
  .text-teal-800 { color: var(--color-teal-800); }
  .text-transparent { color: transparent; }
  .text-violet-300 { color: var(--color-violet-300); }
  .text-white { color: var(--color-white); }
  .text-white\/30 {
  color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
  .text-white\/35 {
  color: color-mix(in srgb, rgb(255, 255, 255) 35%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 35%,transparent);
}
}
  .text-white\/40 {
  color: color-mix(in srgb, rgb(255, 255, 255) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 40%,transparent);
}
}
  .text-white\/50 {
  color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 50%,transparent);
}
}
  .text-white\/55 {
  color: color-mix(in srgb, rgb(255, 255, 255) 55%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 55%,transparent);
}
}
  .text-white\/60 {
  color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 60%,transparent);
}
}
  .text-white\/70 {
  color: color-mix(in srgb, rgb(255, 255, 255) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 70%,transparent);
}
}
  .text-white\/80 {
  color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 80%,transparent);
}
}
  .text-white\/90 {
  color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 90%,transparent);
}
}
  .text-yellow-400 { color: var(--color-yellow-400); }
  .text-yellow-500 { color: var(--color-yellow-500); }
  .text-yellow-600 { color: var(--color-yellow-600); }
  .text-yellow-700 { color: var(--color-yellow-700); }
  .text-yellow-800 { color: var(--color-yellow-800); }
  .capitalize { text-transform: capitalize; }
  .lowercase { text-transform: lowercase; }
  .uppercase { text-transform: uppercase; }
  .italic { font-style: italic; }
  .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); }
  .line-through { text-decoration-line: line-through; }
  .underline { text-decoration-line: underline; }
  .underline-offset-2 { text-underline-offset: 2px; }
  .placeholder-gray-100 {
  &::placeholder { color: var(--color-gray-100); }
}
  .placeholder-gray-400 {
  &::placeholder { color: var(--color-gray-400); }
}
  .placeholder-slate-400 {
  &::placeholder { color: var(--color-slate-400); }
}
  .accent-blue-600 { accent-color: var(--color-blue-600); }
  .accent-emerald-500 { accent-color: var(--color-emerald-500); }
  .accent-primary-500 { accent-color: var(--color-primary-500); }
  .accent-sky-600 { accent-color: var(--color-sky-600); }
  .accent-teal-600 { accent-color: var(--color-teal-600); }
  .opacity-0 { opacity: 0; }
  .opacity-20 { opacity: 0.2; }
  .opacity-25 { opacity: 0.25; }
  .opacity-30 { opacity: 0.3; }
  .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-100 { opacity: 1; }
  .opacity-\[0\.04\] { opacity: 0.04; }
  .opacity-\[0\.06\] { opacity: 0.06; }
  .mix-blend-overlay { mix-blend-mode: overlay; }
  .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-\[0_1px_0_0_rgba\(255\,255\,255\,0\.6\)_inset\,0_20px_40px_-20px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color,rgba(255,255,255,0.6)) inset,0 20px 40px -20px var(--tw-shadow-color,rgba(0,0,0,0.15)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_8px_28px_-10px_rgba\(15\,118\,110\,0\.28\)\] { --tw-shadow: 0 8px 28px -10px var(--tw-shadow-color,rgba(15,118,110,0.28)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_8px_32px_-12px_rgba\(20\,184\,166\,0\.35\)\] { --tw-shadow: 0 8px 32px -12px var(--tw-shadow-color,rgba(20,184,166,0.35)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_24px_60px_-20px_rgba\(15\,23\,42\,0\.35\)\] { --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color,rgba(15,23,42,0.35)); 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-md { --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); }
  .shadow-none { --tw-shadow: 0 0#0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-sm { --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-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); }
  .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + 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); }
  .ring-2 { --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); }
  .shadow-cyan-500\/30 {
  --tw-shadow-color: color-mix(in srgb,oklch(71.5%0.143 215.221) 30%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-cyan-500) 30%,transparent) var(--tw-shadow-alpha),transparent);
}
}
  .shadow-emerald-200\/50 {
  --tw-shadow-color: color-mix(in srgb,oklch(90.5%0.093 164.15) 50%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-emerald-200) 50%,transparent) var(--tw-shadow-alpha),transparent);
}
}
  .shadow-slate-900\/30 {
  --tw-shadow-color: color-mix(in srgb,oklch(20.8%0.042 265.755) 30%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-slate-900) 30%,transparent) var(--tw-shadow-alpha),transparent);
}
}
  .ring-amber-200 { --tw-ring-color: var(--color-amber-200); }
  .ring-blue-400 { --tw-ring-color: var(--color-blue-400); }
  .ring-blue-400\/40 {
  --tw-ring-color: color-mix(in srgb,oklch(70.7%0.165 254.624) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-blue-400) 40%,transparent);
}
}
  .ring-cyan-200 { --tw-ring-color: var(--color-cyan-200); }
  .ring-cyan-400\/50 {
  --tw-ring-color: color-mix(in srgb,oklch(78.9%0.154 211.53) 50%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-cyan-400) 50%,transparent);
}
}
  .ring-gray-200\/60 {
  --tw-ring-color: color-mix(in srgb,oklch(92.8%0.006 264.531) 60%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-gray-200) 60%,transparent);
}
}
  .ring-gray-200\/80 {
  --tw-ring-color: color-mix(in srgb,oklch(92.8%0.006 264.531) 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-gray-200) 80%,transparent);
}
}
  .ring-orange-300 { --tw-ring-color: var(--color-orange-300); }
  .ring-slate-200 { --tw-ring-color: var(--color-slate-200); }
  .ring-teal-200\/60 {
  --tw-ring-color: color-mix(in srgb,oklch(91%0.096 180.426) 60%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-teal-200) 60%,transparent);
}
}
  .ring-teal-300 { --tw-ring-color: var(--color-teal-300); }
  .ring-white { --tw-ring-color: var(--color-white); }
  .ring-white\/30 {
  --tw-ring-color: color-mix(in srgb,#fff 30%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
  .ring-white\/60 {
  --tw-ring-color: color-mix(in srgb,#fff 60%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 60%,transparent);
}
}
  .ring-yellow-300 { --tw-ring-color: var(--color-yellow-300); }
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .blur-md { --tw-blur: blur(var(--blur-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .blur-xl { --tw-blur: blur(var(--blur-xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .drop-shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.45\)\] { --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color,rgba(0,0,0,0.45))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color,rgb(0 0 0/0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,rgb(0 0 0/0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .transition { transition-property: color, background-color, border-color, 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, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .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-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
  .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .select-none { user-select: none; }
  .ring-inset { --tw-ring-inset: inset; }
  .group-hover\:pointer-events-auto {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  pointer-events: auto;
}
}
}
  .group-hover\:translate-x-0\.5 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  --tw-translate-x: calc(var(--spacing)*0.5); translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .group-hover\:-translate-y-0\.5 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  --tw-translate-y: calc(var(--spacing)*-0.5); translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .group-hover\:scale-105 {
  &:is(:where(.group):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);
}
}
}
  .group-hover\:text-gray-700 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--color-gray-700);
}
}
}
  .group-hover\:text-red-600 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--color-red-600);
}
}
}
  .group-hover\:text-teal-600 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--color-teal-600);
}
}
}
  .group-hover\:text-yellow-600 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--color-yellow-600);
}
}
}
  .group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/item\:bg-teal-500 {
  &:is(:where(.group\/item):hover *) {
  @media (hover: hover) {
  background-color: var(--color-teal-500);
}
}
}
  .group-hover\/item\:text-white {
  &:is(:where(.group\/item):hover *) {
  @media (hover: hover) {
  color: var(--color-white);
}
}
}
  .group-hover\/item\:ring-teal-400 {
  &:is(:where(.group\/item):hover *) {
  @media (hover: hover) {
  --tw-ring-color: var(--color-teal-400);
}
}
}
  .placeholder\:text-\[var\(--color-text-muted\)\] {
  &::placeholder { color: var(--color-text-muted); }
}
  .placeholder\:text-gray-400 {
  &::placeholder { color: var(--color-gray-400); }
}
  .placeholder\:text-slate-400 {
  &::placeholder { color: var(--color-slate-400); }
}
  .placeholder\:text-white\/35 {
  &::placeholder {
  color: color-mix(in srgb, rgb(255, 255, 255) 35%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 35%,transparent);
}
}
}
  .last\:border-0 {
  &:last-child { border-style: var(--tw-border-style); border-width: 0px; }
}
  .last\:border-b-0 {
  &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
}
  .focus-within\:border-transparent {
  &:focus-within { border-color: transparent; }
}
  .focus-within\:ring-2 {
  &:focus-within { --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-within\:ring-teal-500 {
  &:focus-within { --tw-ring-color: var(--color-teal-500); }
}
  .hover\:-translate-y-0\.5 {
  &:hover {
  @media (hover: hover) {
  --tw-translate-y: calc(var(--spacing)*-0.5); translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .hover\:-translate-y-\[1px\] {
  &:hover {
  @media (hover: hover) {
  --tw-translate-y: calc(1px*-1); translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .hover\:translate-y-\[-1px\] {
  &:hover {
  @media (hover: hover) {
  --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .hover\:scale-\[1\.04\] {
  &:hover {
  @media (hover: hover) {
  scale: 1.04;
}
}
}
  .hover\:border-blue-300 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-blue-300);
}
}
}
  .hover\:border-blue-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-blue-400);
}
}
}
  .hover\:border-blue-500 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-blue-500);
}
}
}
  .hover\:border-cyan-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-cyan-400);
}
}
}
  .hover\:border-emerald-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-emerald-400);
}
}
}
  .hover\:border-gray-300 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-gray-300);
}
}
}
  .hover\:border-gray-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-gray-400);
}
}
}
  .hover\:border-primary-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-primary-400);
}
}
}
  .hover\:border-purple-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-purple-400);
}
}
}
  .hover\:border-slate-700 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-slate-700);
}
}
}
  .hover\:border-teal-200 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-teal-200);
}
}
}
  .hover\:border-teal-400 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-teal-400);
}
}
}
  .hover\:border-white\/20 {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
}
}
  .hover\:border-white\/25 {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 25%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 25%,transparent);
}
}
}
}
  .hover\:border-white\/50 {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 50%,transparent);
}
}
}
}
  .hover\:border-white\/80 {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 80%,transparent);
}
}
}
}
  .hover\:bg-\[\#2D6CDF\]\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(rgb(45, 108, 223) 20%, transparent);
}
}
}
  .hover\:bg-\[\#2558b8\] {
  &:hover {
  @media (hover: hover) {
  background-color: rgb(37, 88, 184);
}
}
}
  .hover\:bg-\[var\(--color-bg\)\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-bg);
}
}
}
  .hover\:bg-\[var\(--color-surface\)\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-surface);
}
}
}
  .hover\:bg-amber-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-amber-100);
}
}
}
  .hover\:bg-amber-600 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-amber-600);
}
}
}
  .hover\:bg-black\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 10%,transparent);
}
}
}
}
  .hover\:bg-black\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 20%,transparent);
}
}
}
}
  .hover\:bg-black\/60 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 60%,transparent);
}
}
}
}
  .hover\:bg-black\/70 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 70%,transparent);
}
}
}
}
  .hover\:bg-blue-50\/50 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.97 0.014 254.604), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-50) 50%,transparent);
}
}
}
}
  .hover\:bg-blue-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-blue-100);
}
}
}
  .hover\:bg-blue-200 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-blue-200);
}
}
}
  .hover\:bg-blue-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-blue-500);
}
}
}
  .hover\:bg-blue-600 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-blue-600);
}
}
}
  .hover\:bg-blue-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-blue-700);
}
}
}
  .hover\:bg-cyan-50\/40 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.984 0.019 200.873) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-50) 40%,transparent);
}
}
}
}
  .hover\:bg-cyan-500\/5 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-500) 5%,transparent);
}
}
}
}
  .hover\:bg-emerald-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-emerald-500);
}
}
}
  .hover\:bg-emerald-600 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-emerald-600);
}
}
}
  .hover\:bg-emerald-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-emerald-700);
}
}
}
  .hover\:bg-gray-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-50);
}
}
}
  .hover\:bg-gray-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-100);
}
}
}
  .hover\:bg-gray-200 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-200);
}
}
}
  .hover\:bg-gray-300 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-300);
}
}
}
  .hover\:bg-gray-400 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-400);
}
}
}
  .hover\:bg-gray-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-700);
}
}
}
  .hover\:bg-gray-900\/5 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 5%,transparent);
}
}
}
}
  .hover\:bg-gray-900\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 10%,transparent);
}
}
}
}
  .hover\:bg-green-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-green-50);
}
}
}
  .hover\:bg-green-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-green-100);
}
}
}
  .hover\:bg-green-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-green-700);
}
}
}
  .hover\:bg-orange-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-orange-100);
}
}
}
  .hover\:bg-primary-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-primary-700);
}
}
}
  .hover\:bg-purple-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-purple-50);
}
}
}
  .hover\:bg-purple-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-purple-700);
}
}
}
  .hover\:bg-red-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-red-50);
}
}
}
  .hover\:bg-red-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-red-100);
}
}
}
  .hover\:bg-red-200 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-red-200);
}
}
}
  .hover\:bg-red-500\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-500) 15%,transparent);
}
}
}
}
  .hover\:bg-red-500\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-500) 30%,transparent);
}
}
}
}
  .hover\:bg-red-600 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-red-600);
}
}
}
  .hover\:bg-red-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-red-700);
}
}
}
  .hover\:bg-sky-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-sky-50);
}
}
}
  .hover\:bg-sky-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-sky-500);
}
}
}
  .hover\:bg-sky-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-sky-700);
}
}
}
  .hover\:bg-slate-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-slate-50);
}
}
}
  .hover\:bg-slate-100 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-slate-100);
}
}
}
  .hover\:bg-slate-300\/70 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.869 0.022 252.894) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-300) 70%,transparent);
}
}
}
}
  .hover\:bg-slate-900\/5 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 5%,transparent);
}
}
}
}
  .hover\:bg-teal-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-teal-50);
}
}
}
  .hover\:bg-teal-50\/80 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.984 0.014 180.72) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-50) 80%,transparent);
}
}
}
}
  .hover\:bg-teal-600 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-teal-600);
}
}
}
  .hover\:bg-teal-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-teal-700);
}
}
}
  .hover\:bg-violet-600 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-violet-600);
}
}
}
  .hover\:bg-white {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-white);
}
}
}
  .hover\:bg-white\/5 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
}
}
  .hover\:bg-white\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
}
}
  .hover\:bg-white\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
}
}
  .hover\:bg-white\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
}
}
  .hover\:bg-white\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
}
}
  .hover\:bg-white\/40 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 40%,transparent);
}
}
}
}
  .hover\:bg-white\/50 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 50%,transparent);
}
}
}
}
  .hover\:bg-white\/80 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 80%,transparent);
}
}
}
}
  .hover\:bg-white\/90 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 90%,transparent);
}
}
}
}
  .hover\:bg-white\/\[0\.04\] {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 4%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 4%,transparent);
}
}
}
}
  .hover\:bg-yellow-50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-yellow-50);
}
}
}
  .hover\:bg-yellow-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-yellow-500);
}
}
}
  .hover\:bg-yellow-700 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-yellow-700);
}
}
}
  .hover\:from-white {
  &:hover {
  @media (hover: hover) {
  --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
  .hover\:to-white\/80 {
  &:hover {
  @media (hover: hover) {
  --tw-gradient-to: color-mix(in srgb,#fff 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-white) 80%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
  .hover\:text-\[var\(--color-danger\)\] {
  &:hover {
  @media (hover: hover) {
  color: var(--color-danger);
}
}
}
  .hover\:text-blue-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-blue-600);
}
}
}
  .hover\:text-blue-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-blue-700);
}
}
}
  .hover\:text-blue-800 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-blue-800);
}
}
}
  .hover\:text-cyan-400 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-cyan-400);
}
}
}
  .hover\:text-cyan-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-cyan-500);
}
}
}
  .hover\:text-cyan-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-cyan-700);
}
}
}
  .hover\:text-emerald-300 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-emerald-300);
}
}
}
  .hover\:text-emerald-900 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-emerald-900);
}
}
}
  .hover\:text-gray-200 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-200);
}
}
}
  .hover\:text-gray-300 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-300);
}
}
}
  .hover\:text-gray-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-600);
}
}
}
  .hover\:text-gray-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-700);
}
}
}
  .hover\:text-gray-800 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-800);
}
}
}
  .hover\:text-gray-900 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-900);
}
}
}
  .hover\:text-green-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-green-500);
}
}
}
  .hover\:text-orange-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-orange-700);
}
}
}
  .hover\:text-primary-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-primary-600);
}
}
}
  .hover\:text-purple-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-purple-600);
}
}
}
  .hover\:text-red-300 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-300);
}
}
}
  .hover\:text-red-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-500);
}
}
}
  .hover\:text-red-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-600);
}
}
}
  .hover\:text-red-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-700);
}
}
}
  .hover\:text-red-800 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-800);
}
}
}
  .hover\:text-sky-300 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-sky-300);
}
}
}
  .hover\:text-sky-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-sky-700);
}
}
}
  .hover\:text-slate-200 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-200);
}
}
}
  .hover\:text-slate-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-500);
}
}
}
  .hover\:text-slate-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-600);
}
}
}
  .hover\:text-slate-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-700);
}
}
}
  .hover\:text-slate-900 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-900);
}
}
}
  .hover\:text-teal-400 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-teal-400);
}
}
}
  .hover\:text-teal-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-teal-500);
}
}
}
  .hover\:text-teal-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-teal-600);
}
}
}
  .hover\:text-teal-700 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-teal-700);
}
}
}
  .hover\:text-teal-800 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-teal-800);
}
}
}
  .hover\:text-white {
  &:hover {
  @media (hover: hover) {
  color: var(--color-white);
}
}
}
  .hover\:text-yellow-600 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-yellow-600);
}
}
}
  .hover\:no-underline {
  &:hover {
  @media (hover: hover) {
  text-decoration-line: none;
}
}
}
  .hover\:underline {
  &:hover {
  @media (hover: hover) {
  text-decoration-line: underline;
}
}
}
  .hover\:opacity-100 {
  &:hover {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .hover\:shadow-\[0_14px_34px_-10px_rgba\(15\,118\,110\,0\.42\)\] {
  &:hover {
  @media (hover: hover) {
  --tw-shadow: 0 14px 34px -10px var(--tw-shadow-color,rgba(15,118,110,0.42)); 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);
}
}
}
  .hover\:shadow-md {
  &:hover {
  @media (hover: hover) {
  --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\:shadow-sm {
  &:hover {
  @media (hover: hover) {
  --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);
}
}
}
  .hover\:shadow-xl {
  &:hover {
  @media (hover: hover) {
  --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);
}
}
}
  .hover\:shadow-cyan-500\/40 {
  &:hover {
  @media (hover: hover) {
  --tw-shadow-color: color-mix(in srgb,oklch(71.5%0.143 215.221) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-cyan-500) 40%,transparent) var(--tw-shadow-alpha),transparent);
}
}
}
}
  .focus\:border-blue-500 {
  &:focus { border-color: var(--color-blue-500); }
}
  .focus\:border-cyan-400\/60 {
  &:focus {
  border-color: color-mix(in srgb, oklch(0.789 0.154 211.53) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-cyan-400) 60%,transparent);
}
}
}
  .focus\:border-primary-400 {
  &:focus { border-color: var(--color-primary-400); }
}
  .focus\:border-primary-500\/50 {
  &:focus {
  border-color: color-mix(in srgb, rgb(20, 184, 166), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-primary-500) 50%,transparent);
}
}
}
  .focus\:border-red-500 {
  &:focus { border-color: var(--color-red-500); }
}
  .focus\:border-sky-400 {
  &:focus { border-color: var(--color-sky-400); }
}
  .focus\:border-sky-500 {
  &:focus { border-color: var(--color-sky-500); }
}
  .focus\:border-teal-500 {
  &:focus { border-color: var(--color-teal-500); }
}
  .focus\:border-transparent {
  &:focus { border-color: transparent; }
}
  .focus\:border-white\/30 {
  &:focus {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
}
  .focus\:bg-gray-50 {
  &:focus { background-color: var(--color-gray-50); }
}
  .focus\:bg-gray-100 {
  &:focus { background-color: var(--color-gray-100); }
}
  .focus\:bg-red-50 {
  &:focus { background-color: var(--color-red-50); }
}
  .focus\:bg-teal-100 {
  &:focus { background-color: var(--color-teal-100); }
}
  .focus\:bg-white\/8 {
  &:focus {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 8%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 8%,transparent);
}
}
}
  .focus\:text-teal-800 {
  &:focus { color: var(--color-teal-800); }
}
  .focus\:text-teal-900 {
  &:focus { color: var(--color-teal-900); }
}
  .focus\:ring-0 {
  &:focus { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + 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\:ring-1 {
  &:focus { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + 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\:ring-2 {
  &: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\:ring-blue-500 {
  &:focus { --tw-ring-color: var(--color-blue-500); }
}
  .focus\:ring-cyan-400\/40 {
  &:focus {
  --tw-ring-color: color-mix(in srgb,oklch(78.9%0.154 211.53) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-cyan-400) 40%,transparent);
}
}
}
  .focus\:ring-emerald-400 {
  &:focus { --tw-ring-color: var(--color-emerald-400); }
}
  .focus\:ring-gray-400 {
  &:focus { --tw-ring-color: var(--color-gray-400); }
}
  .focus\:ring-primary-500 {
  &:focus { --tw-ring-color: var(--color-primary-500); }
}
  .focus\:ring-primary-500\/40 {
  &:focus {
  --tw-ring-color: color-mix(in srgb,#14b8a6 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-primary-500) 40%,transparent);
}
}
}
  .focus\:ring-purple-500 {
  &:focus { --tw-ring-color: var(--color-purple-500); }
}
  .focus\:ring-red-500 {
  &:focus { --tw-ring-color: var(--color-red-500); }
}
  .focus\:ring-sky-400\/30 {
  &:focus {
  --tw-ring-color: color-mix(in srgb,oklch(74.6%0.16 232.661) 30%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-sky-400) 30%,transparent);
}
}
}
  .focus\:ring-teal-500 {
  &:focus { --tw-ring-color: var(--color-teal-500); }
}
  .focus\:ring-white\/60 {
  &:focus {
  --tw-ring-color: color-mix(in srgb,#fff 60%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 60%,transparent);
}
}
}
  .focus\:ring-offset-0 {
  &:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
}
  .focus\:ring-offset-2 {
  &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
}
  .focus\:outline-none {
  &:focus { --tw-outline-style: none; outline-style: none; }
}
  .focus-visible\:ring-2 {
  &:focus-visible { --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-visible\:ring-amber-400 {
  &:focus-visible { --tw-ring-color: var(--color-amber-400); }
}
  .focus-visible\:ring-blue-500 {
  &:focus-visible { --tw-ring-color: var(--color-blue-500); }
}
  .focus-visible\:ring-emerald-400 {
  &:focus-visible { --tw-ring-color: var(--color-emerald-400); }
}
  .focus-visible\:ring-orange-400 {
  &:focus-visible { --tw-ring-color: var(--color-orange-400); }
}
  .focus-visible\:ring-primary-500 {
  &:focus-visible { --tw-ring-color: var(--color-primary-500); }
}
  .focus-visible\:ring-teal-400 {
  &:focus-visible { --tw-ring-color: var(--color-teal-400); }
}
  .focus-visible\:ring-offset-2 {
  &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
}
  .active\:scale-95 {
  &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
}
  .disabled\:cursor-not-allowed {
  &:disabled { cursor: not-allowed; }
}
  .disabled\:bg-gray-50 {
  &:disabled { background-color: var(--color-gray-50); }
}
  .disabled\:bg-gray-300 {
  &:disabled { background-color: var(--color-gray-300); }
}
  .disabled\:bg-gray-400 {
  &:disabled { background-color: var(--color-gray-400); }
}
  .disabled\:text-gray-400 {
  &:disabled { color: var(--color-gray-400); }
}
  .disabled\:opacity-40 {
  &:disabled { opacity: 0.4; }
}
  .disabled\:opacity-50 {
  &:disabled { opacity: 0.5; }
}
  .disabled\:opacity-60 {
  &:disabled { opacity: 0.6; }
}
  .disabled\:hover\:shadow-md {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  --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);
}
}
}
}
  .aria-expanded\:opacity-100 {
  &[aria-expanded="true"] { opacity: 1; }
}
  .sm\:col-span-2 {
  @media (width >= 40rem) {
  grid-column: span 2 / span 2;
}
}
  .sm\:mx-0 {
  @media (width >= 40rem) {
  margin-inline: calc(var(--spacing)*0);
}
}
  .sm\:mt-0 {
  @media (width >= 40rem) {
  margin-top: calc(var(--spacing)*0);
}
}
  .sm\:mt-4 {
  @media (width >= 40rem) {
  margin-top: calc(var(--spacing)*4);
}
}
  .sm\:ml-3 {
  @media (width >= 40rem) {
  margin-left: calc(var(--spacing)*3);
}
}
  .sm\:ml-4 {
  @media (width >= 40rem) {
  margin-left: calc(var(--spacing)*4);
}
}
  .sm\:flex {
  @media (width >= 40rem) {
  display: flex;
}
}
  .sm\:grid {
  @media (width >= 40rem) {
  display: grid;
}
}
  .sm\:inline {
  @media (width >= 40rem) {
  display: inline;
}
}
  .sm\:table-cell {
  @media (width >= 40rem) {
  display: table-cell;
}
}
  .sm\:h-10 {
  @media (width >= 40rem) {
  height: calc(var(--spacing)*10);
}
}
  .sm\:min-h-\[340px\] {
  @media (width >= 40rem) {
  min-height: 340px;
}
}
  .sm\:w-10 {
  @media (width >= 40rem) {
  width: calc(var(--spacing)*10);
}
}
  .sm\:w-auto {
  @media (width >= 40rem) {
  width: auto;
}
}
  .sm\:grid-cols-2 {
  @media (width >= 40rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .sm\:grid-cols-3 {
  @media (width >= 40rem) {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
  .sm\:grid-cols-4 {
  @media (width >= 40rem) {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
}
  .sm\:flex-row {
  @media (width >= 40rem) {
  flex-direction: row;
}
}
  .sm\:flex-row-reverse {
  @media (width >= 40rem) {
  flex-direction: row-reverse;
}
}
  .sm\:items-center {
  @media (width >= 40rem) {
  align-items: center;
}
}
  .sm\:items-end {
  @media (width >= 40rem) {
  align-items: flex-end;
}
}
  .sm\:items-start {
  @media (width >= 40rem) {
  align-items: flex-start;
}
}
  .sm\:gap-4 {
  @media (width >= 40rem) {
  gap: calc(var(--spacing)*4);
}
}
  .sm\:space-y-0 {
  @media (width >= 40rem) {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); }
}
}
  .sm\:space-x-4 {
  @media (width >= 40rem) {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); }
}
}
  .sm\:p-9 {
  @media (width >= 40rem) {
  padding: calc(var(--spacing)*9);
}
}
  .sm\:px-6 {
  @media (width >= 40rem) {
  padding-inline: calc(var(--spacing)*6);
}
}
  .sm\:px-12 {
  @media (width >= 40rem) {
  padding-inline: calc(var(--spacing)*12);
}
}
  .sm\:text-left {
  @media (width >= 40rem) {
  text-align: left;
}
}
  .sm\:text-5xl {
  @media (width >= 40rem) {
  font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));
}
}
  .sm\:text-6xl {
  @media (width >= 40rem) {
  font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));
}
}
  .sm\:text-lg {
  @media (width >= 40rem) {
  font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));
}
}
  .sm\:text-sm {
  @media (width >= 40rem) {
  font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));
}
}
  .md\:col-span-2 {
  @media (width >= 48rem) {
  grid-column: span 2 / span 2;
}
}
  .md\:col-span-3 {
  @media (width >= 48rem) {
  grid-column: span 3 / span 3;
}
}
  .md\:block {
  @media (width >= 48rem) {
  display: block;
}
}
  .md\:table-cell {
  @media (width >= 48rem) {
  display: table-cell;
}
}
  .md\:grid-cols-2 {
  @media (width >= 48rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .md\:grid-cols-3 {
  @media (width >= 48rem) {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
  .md\:grid-cols-4 {
  @media (width >= 48rem) {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
}
  .md\:text-6xl {
  @media (width >= 48rem) {
  font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));
}
}
  .lg\:col-span-1 {
  @media (width >= 64rem) {
  grid-column: span 1 / span 1;
}
}
  .lg\:col-span-2 {
  @media (width >= 64rem) {
  grid-column: span 2 / span 2;
}
}
  .lg\:mt-0 {
  @media (width >= 64rem) {
  margin-top: calc(var(--spacing)*0);
}
}
  .lg\:mt-2 {
  @media (width >= 64rem) {
  margin-top: calc(var(--spacing)*2);
}
}
  .lg\:mr-3 {
  @media (width >= 64rem) {
  margin-right: calc(var(--spacing)*3);
}
}
  .lg\:mb-4 {
  @media (width >= 64rem) {
  margin-bottom: calc(var(--spacing)*4);
}
}
  .lg\:mb-8 {
  @media (width >= 64rem) {
  margin-bottom: calc(var(--spacing)*8);
}
}
  .lg\:hidden {
  @media (width >= 64rem) {
  display: none;
}
}
  .lg\:inline {
  @media (width >= 64rem) {
  display: inline;
}
}
  .lg\:table-cell {
  @media (width >= 64rem) {
  display: table-cell;
}
}
  .lg\:h-8 {
  @media (width >= 64rem) {
  height: calc(var(--spacing)*8);
}
}
  .lg\:w-8 {
  @media (width >= 64rem) {
  width: calc(var(--spacing)*8);
}
}
  .lg\:w-auto {
  @media (width >= 64rem) {
  width: auto;
}
}
  .lg\:grid-cols-2 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .lg\:grid-cols-3 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
  .lg\:grid-cols-4 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
}
  .lg\:grid-cols-5 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(5, minmax(0px, 1fr));
}
}
  .lg\:grid-cols-6 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(6, minmax(0px, 1fr));
}
}
  .lg\:flex-row {
  @media (width >= 64rem) {
  flex-direction: row;
}
}
  .lg\:items-center {
  @media (width >= 64rem) {
  align-items: center;
}
}
  .lg\:justify-between {
  @media (width >= 64rem) {
  justify-content: space-between;
}
}
  .lg\:gap-6 {
  @media (width >= 64rem) {
  gap: calc(var(--spacing)*6);
}
}
  .lg\:space-y-0 {
  @media (width >= 64rem) {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); }
}
}
  .lg\:p-8 {
  @media (width >= 64rem) {
  padding: calc(var(--spacing)*8);
}
}
  .lg\:px-6 {
  @media (width >= 64rem) {
  padding-inline: calc(var(--spacing)*6);
}
}
  .lg\:px-10 {
  @media (width >= 64rem) {
  padding-inline: calc(var(--spacing)*10);
}
}
  .lg\:px-20 {
  @media (width >= 64rem) {
  padding-inline: calc(var(--spacing)*20);
}
}
  .lg\:py-8 {
  @media (width >= 64rem) {
  padding-block: calc(var(--spacing)*8);
}
}
  .lg\:py-10 {
  @media (width >= 64rem) {
  padding-block: calc(var(--spacing)*10);
}
}
  .lg\:pt-12 {
  @media (width >= 64rem) {
  padding-top: calc(var(--spacing)*12);
}
}
  .lg\:text-3xl {
  @media (width >= 64rem) {
  font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));
}
}
  .lg\:text-base {
  @media (width >= 64rem) {
  font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height));
}
}
  .lg\:text-lg {
  @media (width >= 64rem) {
  font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));
}
}
  .lg\:text-sm {
  @media (width >= 64rem) {
  font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));
}
}
  .xl\:grid-cols-6 {
  @media (width >= 80rem) {
  grid-template-columns: repeat(6, minmax(0px, 1fr));
}
}
  .dark\:block {
  &:where(.dark, .dark *) { display: block; }
}
  .dark\:hidden {
  &:where(.dark, .dark *) { display: none; }
}
  .dark\:divide-gray-800 {
  &:where(.dark, .dark *) {
  :where(& > :not(:last-child)) { border-color: var(--color-gray-800); }
}
}
  .dark\:divide-slate-700 {
  &:where(.dark, .dark *) {
  :where(& > :not(:last-child)) { border-color: var(--color-slate-700); }
}
}
  .dark\:divide-white\/10 {
  &:where(.dark, .dark *) {
  :where(& > :not(:last-child)) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
}
  .dark\:border-amber-600\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.666 0.179 58.318) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-600) 30%,transparent);
}
}
}
  .dark\:border-amber-600\/40 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.666 0.179 58.318) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-600) 40%,transparent);
}
}
}
  .dark\:border-amber-700\/50 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.555 0.163 48.998), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-amber-700) 50%,transparent);
}
}
}
  .dark\:border-amber-800 {
  &:where(.dark, .dark *) { border-color: var(--color-amber-800); }
}
  .dark\:border-blue-400 {
  &:where(.dark, .dark *) { border-color: var(--color-blue-400); }
}
  .dark\:border-blue-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.623 0.214 259.815) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-blue-500) 30%,transparent);
}
}
}
  .dark\:border-blue-700 {
  &:where(.dark, .dark *) { border-color: var(--color-blue-700); }
}
  .dark\:border-blue-700\/40 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.488 0.243 264.376) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-blue-700) 40%,transparent);
}
}
}
  .dark\:border-blue-800 {
  &:where(.dark, .dark *) { border-color: var(--color-blue-800); }
}
  .dark\:border-emerald-700\/60 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.508 0.118 165.612) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-emerald-700) 60%,transparent);
}
}
}
  .dark\:border-emerald-800 {
  &:where(.dark, .dark *) { border-color: var(--color-emerald-800); }
}
  .dark\:border-gray-600 {
  &:where(.dark, .dark *) { border-color: var(--color-gray-600); }
}
  .dark\:border-gray-700 {
  &:where(.dark, .dark *) { border-color: var(--color-gray-700); }
}
  .dark\:border-gray-800 {
  &:where(.dark, .dark *) { border-color: var(--color-gray-800); }
}
  .dark\:border-gray-900 {
  &:where(.dark, .dark *) { border-color: var(--color-gray-900); }
}
  .dark\:border-green-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.723 0.219 149.579) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-green-500) 30%,transparent);
}
}
}
  .dark\:border-green-700\/40 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.527 0.154 150.069) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-green-700) 40%,transparent);
}
}
}
  .dark\:border-mint\/15 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(75, 241, 183) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-mint) 15%,transparent);
}
}
}
  .dark\:border-mint\/20 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(75, 241, 183) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-mint) 20%,transparent);
}
}
}
  .dark\:border-orange-700 {
  &:where(.dark, .dark *) { border-color: var(--color-orange-700); }
}
  .dark\:border-primary-400\/40 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(45, 212, 191) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-primary-400) 40%,transparent);
}
}
}
  .dark\:border-purple-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-purple-500) 30%,transparent);
}
}
}
  .dark\:border-red-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-red-500) 30%,transparent);
}
}
}
  .dark\:border-red-700 {
  &:where(.dark, .dark *) { border-color: var(--color-red-700); }
}
  .dark\:border-red-700\/40 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.505 0.213 27.518) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-red-700) 40%,transparent);
}
}
}
  .dark\:border-red-800 {
  &:where(.dark, .dark *) { border-color: var(--color-red-800); }
}
  .dark\:border-rose-800 {
  &:where(.dark, .dark *) { border-color: var(--color-rose-800); }
}
  .dark\:border-sky-400\/50 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.746 0.16 232.661), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-sky-400) 50%,transparent);
}
}
}
  .dark\:border-sky-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-sky-500) 30%,transparent);
}
}
}
  .dark\:border-slate-600 {
  &:where(.dark, .dark *) { border-color: var(--color-slate-600); }
}
  .dark\:border-slate-700 {
  &:where(.dark, .dark *) { border-color: var(--color-slate-700); }
}
  .dark\:border-slate-700\/50 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.372 0.044 257.287), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-slate-700) 50%,transparent);
}
}
}
  .dark\:border-slate-800 {
  &:where(.dark, .dark *) { border-color: var(--color-slate-800); }
}
  .dark\:border-teal-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.704 0.14 182.503) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-teal-500) 30%,transparent);
}
}
}
  .dark\:border-transparent {
  &:where(.dark, .dark *) { border-color: transparent; }
}
  .dark\:border-white\/5 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
}
  .dark\:border-white\/10 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
}
  .dark\:border-white\/15 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
}
  .dark\:border-white\/20 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
}
  .dark\:border-white\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
}
  .dark\:border-yellow-500\/30 {
  &:where(.dark, .dark *) {
  border-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-yellow-500) 30%,transparent);
}
}
}
  .dark\:border-yellow-700 {
  &:where(.dark, .dark *) { border-color: var(--color-yellow-700); }
}
  .dark\:border-yellow-800 {
  &:where(.dark, .dark *) { border-color: var(--color-yellow-800); }
}
  .dark\:border-t-blue-300 {
  &:where(.dark, .dark *) { border-top-color: var(--color-blue-300); }
}
  .dark\:border-t-gray-300 {
  &:where(.dark, .dark *) { border-top-color: var(--color-gray-300); }
}
  .dark\:border-t-gray-400 {
  &:where(.dark, .dark *) { border-top-color: var(--color-gray-400); }
}
  .dark\:border-t-mint {
  &:where(.dark, .dark *) { border-top-color: var(--color-mint); }
}
  .dark\:bg-\[\#36C4E0\]\/20 {
  &:where(.dark, .dark *) { background-color: color-mix(rgb(54, 196, 224) 20%, transparent); }
}
  .dark\:bg-\[var\(--color-bg\)\] {
  &:where(.dark, .dark *) { background-color: var(--color-bg); }
}
  .dark\:bg-amber-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.414 0.112 45.904) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-900) 20%,transparent);
}
}
}
  .dark\:bg-amber-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.414 0.112 45.904) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-900) 30%,transparent);
}
}
}
  .dark\:bg-amber-950\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.279 0.077 45.635) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-950) 30%,transparent);
}
}
}
  .dark\:bg-black\/70 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 70%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-black) 70%,transparent);
}
}
}
  .dark\:bg-blue-400 {
  &:where(.dark, .dark *) { background-color: var(--color-blue-400); }
}
  .dark\:bg-blue-900\/10 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.379 0.146 265.522) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-900) 10%,transparent);
}
}
}
  .dark\:bg-blue-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.379 0.146 265.522) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-900) 20%,transparent);
}
}
}
  .dark\:bg-blue-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.379 0.146 265.522) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-900) 30%,transparent);
}
}
}
  .dark\:bg-blue-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.379 0.146 265.522) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-900) 40%,transparent);
}
}
}
  .dark\:bg-blue-950\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.282 0.091 267.935) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-950) 40%,transparent);
}
}
}
  .dark\:bg-cyan-400\/10 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.789 0.154 211.53) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-400) 10%,transparent);
}
}
}
  .dark\:bg-cyan-400\/15 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.789 0.154 211.53) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-400) 15%,transparent);
}
}
}
  .dark\:bg-cyan-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.398 0.07 227.392) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-900) 30%,transparent);
}
}
}
  .dark\:bg-cyan-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.398 0.07 227.392) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-900) 40%,transparent);
}
}
}
  .dark\:bg-emerald-900 {
  &:where(.dark, .dark *) { background-color: var(--color-emerald-900); }
}
  .dark\:bg-emerald-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.378 0.077 168.94) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-900) 20%,transparent);
}
}
}
  .dark\:bg-emerald-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.378 0.077 168.94) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-900) 40%,transparent);
}
}
}
  .dark\:bg-emerald-900\/60 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.378 0.077 168.94) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-900) 60%,transparent);
}
}
}
  .dark\:bg-emerald-900\/80 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.378 0.077 168.94) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-emerald-900) 80%,transparent);
}
}
}
  .dark\:bg-gray-700 {
  &:where(.dark, .dark *) { background-color: var(--color-gray-700); }
}
  .dark\:bg-gray-800 {
  &:where(.dark, .dark *) { background-color: var(--color-gray-800); }
}
  .dark\:bg-gray-900 {
  &:where(.dark, .dark *) { background-color: var(--color-gray-900); }
}
  .dark\:bg-gray-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 40%,transparent);
}
}
}
  .dark\:bg-gray-900\/50 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 50%,transparent);
}
}
}
  .dark\:bg-gray-900\/80 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 80%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 80%,transparent);
}
}
}
  .dark\:bg-gray-900\/90 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 90%,transparent);
}
}
}
  .dark\:bg-gray-950\/60 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.13 0.028 261.692) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-950) 60%,transparent);
}
}
}
  .dark\:bg-green-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.393 0.095 152.535) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-900) 20%,transparent);
}
}
}
  .dark\:bg-green-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.393 0.095 152.535) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-900) 30%,transparent);
}
}
}
  .dark\:bg-green-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.393 0.095 152.535) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-900) 40%,transparent);
}
}
}
  .dark\:bg-indigo-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.359 0.144 278.697) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-indigo-900) 40%,transparent);
}
}
}
  .dark\:bg-mint\/\[0\.06\] {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(75, 241, 183) 6%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-mint) 6%,transparent);
}
}
}
  .dark\:bg-orange-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.408 0.123 38.172) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-orange-900) 30%,transparent);
}
}
}
  .dark\:bg-primary-500\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(20, 184, 166) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-primary-500) 20%,transparent);
}
}
}
  .dark\:bg-purple-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.381 0.176 304.987) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-purple-900) 20%,transparent);
}
}
}
  .dark\:bg-purple-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.381 0.176 304.987) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-purple-900) 30%,transparent);
}
}
}
  .dark\:bg-purple-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.381 0.176 304.987) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-purple-900) 40%,transparent);
}
}
}
  .dark\:bg-red-500\/10 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-500) 10%,transparent);
}
}
}
  .dark\:bg-red-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.396 0.141 25.723) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-900) 20%,transparent);
}
}
}
  .dark\:bg-red-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.396 0.141 25.723) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-900) 30%,transparent);
}
}
}
  .dark\:bg-red-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.396 0.141 25.723) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-900) 40%,transparent);
}
}
}
  .dark\:bg-rose-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.41 0.159 10.272) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-rose-900) 20%,transparent);
}
}
}
  .dark\:bg-rose-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.41 0.159 10.272) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-rose-900) 40%,transparent);
}
}
}
  .dark\:bg-rose-900\/60 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.41 0.159 10.272) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-rose-900) 60%,transparent);
}
}
}
  .dark\:bg-slate-700 {
  &:where(.dark, .dark *) { background-color: var(--color-slate-700); }
}
  .dark\:bg-slate-700\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.372 0.044 257.287) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-700) 40%,transparent);
}
}
}
  .dark\:bg-slate-800 {
  &:where(.dark, .dark *) { background-color: var(--color-slate-800); }
}
  .dark\:bg-slate-800\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.279 0.041 260.031) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-800) 40%,transparent);
}
}
}
  .dark\:bg-slate-800\/50 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.279 0.041 260.031), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-800) 50%,transparent);
}
}
}
  .dark\:bg-slate-800\/60 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.279 0.041 260.031) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-800) 60%,transparent);
}
}
}
  .dark\:bg-slate-900 {
  &:where(.dark, .dark *) { background-color: var(--color-slate-900); }
}
  .dark\:bg-slate-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 30%,transparent);
}
}
}
  .dark\:bg-slate-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 40%,transparent);
}
}
}
  .dark\:bg-slate-900\/50 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 50%,transparent);
}
}
}
  .dark\:bg-slate-900\/60 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 60%,transparent);
}
}
}
  .dark\:bg-slate-900\/90 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.208 0.042 265.755) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-900) 90%,transparent);
}
}
}
  .dark\:bg-slate-950 {
  &:where(.dark, .dark *) { background-color: var(--color-slate-950); }
}
  .dark\:bg-slate-950\/50 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.129 0.042 264.695), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-slate-950) 50%,transparent);
}
}
}
  .dark\:bg-teal-400\/10 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.777 0.152 181.912) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-400) 10%,transparent);
}
}
}
  .dark\:bg-teal-400\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.777 0.152 181.912) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-400) 30%,transparent);
}
}
}
  .dark\:bg-teal-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.386 0.063 188.416) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-900) 20%,transparent);
}
}
}
  .dark\:bg-teal-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.386 0.063 188.416) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-900) 30%,transparent);
}
}
}
  .dark\:bg-white\/5 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
}
  .dark\:bg-white\/10 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
}
  .dark\:bg-white\/15 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
}
  .dark\:bg-white\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
}
  .dark\:bg-white\/\[0\.03\] {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 3%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 3%,transparent);
}
}
}
  .dark\:bg-white\/\[0\.06\] {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 6%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 6%,transparent);
}
}
}
  .dark\:bg-yellow-900\/20 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.421 0.095 57.708) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-yellow-900) 20%,transparent);
}
}
}
  .dark\:bg-yellow-900\/30 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.421 0.095 57.708) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-yellow-900) 30%,transparent);
}
}
}
  .dark\:bg-yellow-900\/40 {
  &:where(.dark, .dark *) {
  background-color: color-mix(in srgb, oklch(0.421 0.095 57.708) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-yellow-900) 40%,transparent);
}
}
}
  .dark\:bg-gradient-to-br {
  &:where(.dark, .dark *) { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
}
  .dark\:from-blue-900\/20 {
  &:where(.dark, .dark *) {
  --tw-gradient-from: color-mix(in srgb,oklch(37.9%0.146 265.522) 20%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-blue-900) 20%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:from-gray-900 {
  &:where(.dark, .dark *) { --tw-gradient-from: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
  .dark\:from-gray-900\/80 {
  &:where(.dark, .dark *) {
  --tw-gradient-from: color-mix(in srgb,oklch(21%0.034 264.665) 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-gray-900) 80%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:from-primary-950 {
  &:where(.dark, .dark *) { --tw-gradient-from: var(--color-primary-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
  .dark\:from-sky-500\/10 {
  &:where(.dark, .dark *) {
  --tw-gradient-from: color-mix(in srgb,oklch(68.5%0.169 237.323) 10%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-sky-500) 10%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:from-slate-800\/40 {
  &:where(.dark, .dark *) {
  --tw-gradient-from: color-mix(in srgb,oklch(27.9%0.041 260.031) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-slate-800) 40%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:from-teal-400 {
  &:where(.dark, .dark *) { --tw-gradient-from: var(--color-teal-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
  .dark\:from-teal-900\/20 {
  &:where(.dark, .dark *) {
  --tw-gradient-from: color-mix(in srgb,oklch(38.6%0.063 188.416) 20%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-teal-900) 20%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:from-white\/10 {
  &:where(.dark, .dark *) {
  --tw-gradient-from: color-mix(in srgb,#fff 10%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-from: color-mix(in oklab,var(--color-white) 10%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:via-gray-900 {
  &:where(.dark, .dark *) { --tw-gradient-via: var(--color-gray-900); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
}
  .dark\:via-gray-950 {
  &:where(.dark, .dark *) { --tw-gradient-via: var(--color-gray-950); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
}
  .dark\:via-slate-800 {
  &:where(.dark, .dark *) { --tw-gradient-via: var(--color-slate-800); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
}
  .dark\:via-slate-900\/40 {
  &:where(.dark, .dark *) {
  --tw-gradient-via: color-mix(in srgb,oklch(20.8%0.042 265.755) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-via: color-mix(in oklab,var(--color-slate-900) 40%,transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
}
  .dark\:via-teal-500 {
  &:where(.dark, .dark *) { --tw-gradient-via: var(--color-teal-500); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
}
  .dark\:to-gray-900 {
  &:where(.dark, .dark *) { --tw-gradient-to: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
  .dark\:to-gray-900\/80 {
  &:where(.dark, .dark *) {
  --tw-gradient-to: color-mix(in srgb,oklch(21%0.034 264.665) 80%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-gray-900) 80%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:to-green-900\/20 {
  &:where(.dark, .dark *) {
  --tw-gradient-to: color-mix(in srgb,oklch(39.3%0.095 152.535) 20%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-green-900) 20%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:to-slate-900\/20 {
  &:where(.dark, .dark *) {
  --tw-gradient-to: color-mix(in srgb,oklch(20.8%0.042 265.755) 20%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-slate-900) 20%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:to-teal-500\/10 {
  &:where(.dark, .dark *) {
  --tw-gradient-to: color-mix(in srgb,oklch(70.4%0.14 182.503) 10%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-teal-500) 10%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:to-teal-600 {
  &:where(.dark, .dark *) { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
  .dark\:to-white\/5 {
  &:where(.dark, .dark *) {
  --tw-gradient-to: color-mix(in srgb,#fff 5%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-gradient-to: color-mix(in oklab,var(--color-white) 5%,transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
  .dark\:\!text-gray-200 {
  &:where(.dark, .dark *) { color: var(--color-gray-200) !important; }
}
  .dark\:text-\[\#3DDC84\] {
  &:where(.dark, .dark *) { color: rgb(61, 220, 132); }
}
  .dark\:text-\[\#36C4E0\] {
  &:where(.dark, .dark *) { color: rgb(54, 196, 224); }
}
  .dark\:text-\[var\(--color-text\)\] {
  &:where(.dark, .dark *) { color: var(--color-text); }
}
  .dark\:text-amber-200 {
  &:where(.dark, .dark *) { color: var(--color-amber-200); }
}
  .dark\:text-amber-300 {
  &:where(.dark, .dark *) { color: var(--color-amber-300); }
}
  .dark\:text-amber-400 {
  &:where(.dark, .dark *) { color: var(--color-amber-400); }
}
  .dark\:text-blue-100 {
  &:where(.dark, .dark *) { color: var(--color-blue-100); }
}
  .dark\:text-blue-200 {
  &:where(.dark, .dark *) { color: var(--color-blue-200); }
}
  .dark\:text-blue-300 {
  &:where(.dark, .dark *) { color: var(--color-blue-300); }
}
  .dark\:text-blue-400 {
  &:where(.dark, .dark *) { color: var(--color-blue-400); }
}
  .dark\:text-cyan-300 {
  &:where(.dark, .dark *) { color: var(--color-cyan-300); }
}
  .dark\:text-cyan-400 {
  &:where(.dark, .dark *) { color: var(--color-cyan-400); }
}
  .dark\:text-emerald-300 {
  &:where(.dark, .dark *) { color: var(--color-emerald-300); }
}
  .dark\:text-emerald-400 {
  &:where(.dark, .dark *) { color: var(--color-emerald-400); }
}
  .dark\:text-gray-50 {
  &:where(.dark, .dark *) { color: var(--color-gray-50); }
}
  .dark\:text-gray-100 {
  &:where(.dark, .dark *) { color: var(--color-gray-100); }
}
  .dark\:text-gray-200 {
  &:where(.dark, .dark *) { color: var(--color-gray-200); }
}
  .dark\:text-gray-300 {
  &:where(.dark, .dark *) { color: var(--color-gray-300); }
}
  .dark\:text-gray-400 {
  &:where(.dark, .dark *) { color: var(--color-gray-400); }
}
  .dark\:text-gray-500 {
  &:where(.dark, .dark *) { color: var(--color-gray-500); }
}
  .dark\:text-gray-600 {
  &:where(.dark, .dark *) { color: var(--color-gray-600); }
}
  .dark\:text-green-200 {
  &:where(.dark, .dark *) { color: var(--color-green-200); }
}
  .dark\:text-green-300 {
  &:where(.dark, .dark *) { color: var(--color-green-300); }
}
  .dark\:text-green-400 {
  &:where(.dark, .dark *) { color: var(--color-green-400); }
}
  .dark\:text-indigo-300 {
  &:where(.dark, .dark *) { color: var(--color-indigo-300); }
}
  .dark\:text-mint {
  &:where(.dark, .dark *) { color: var(--color-mint); }
}
  .dark\:text-orange-100 {
  &:where(.dark, .dark *) { color: var(--color-orange-100); }
}
  .dark\:text-orange-400 {
  &:where(.dark, .dark *) { color: var(--color-orange-400); }
}
  .dark\:text-primary-300 {
  &:where(.dark, .dark *) { color: var(--color-primary-300); }
}
  .dark\:text-primary-400 {
  &:where(.dark, .dark *) { color: var(--color-primary-400); }
}
  .dark\:text-purple-300 {
  &:where(.dark, .dark *) { color: var(--color-purple-300); }
}
  .dark\:text-purple-400 {
  &:where(.dark, .dark *) { color: var(--color-purple-400); }
}
  .dark\:text-red-300 {
  &:where(.dark, .dark *) { color: var(--color-red-300); }
}
  .dark\:text-red-400 {
  &:where(.dark, .dark *) { color: var(--color-red-400); }
}
  .dark\:text-rose-300 {
  &:where(.dark, .dark *) { color: var(--color-rose-300); }
}
  .dark\:text-rose-400 {
  &:where(.dark, .dark *) { color: var(--color-rose-400); }
}
  .dark\:text-sky-300 {
  &:where(.dark, .dark *) { color: var(--color-sky-300); }
}
  .dark\:text-sky-400 {
  &:where(.dark, .dark *) { color: var(--color-sky-400); }
}
  .dark\:text-slate-50 {
  &:where(.dark, .dark *) { color: var(--color-slate-50); }
}
  .dark\:text-slate-100 {
  &:where(.dark, .dark *) { color: var(--color-slate-100); }
}
  .dark\:text-slate-200 {
  &:where(.dark, .dark *) { color: var(--color-slate-200); }
}
  .dark\:text-slate-300 {
  &:where(.dark, .dark *) { color: var(--color-slate-300); }
}
  .dark\:text-slate-400 {
  &:where(.dark, .dark *) { color: var(--color-slate-400); }
}
  .dark\:text-slate-500 {
  &:where(.dark, .dark *) { color: var(--color-slate-500); }
}
  .dark\:text-slate-600 {
  &:where(.dark, .dark *) { color: var(--color-slate-600); }
}
  .dark\:text-teal-300 {
  &:where(.dark, .dark *) { color: var(--color-teal-300); }
}
  .dark\:text-teal-400 {
  &:where(.dark, .dark *) { color: var(--color-teal-400); }
}
  .dark\:text-teal-950 {
  &:where(.dark, .dark *) { color: var(--color-teal-950); }
}
  .dark\:text-white {
  &:where(.dark, .dark *) { color: var(--color-white); }
}
  .dark\:text-white\/40 {
  &:where(.dark, .dark *) {
  color: color-mix(in srgb, rgb(255, 255, 255) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 40%,transparent);
}
}
}
  .dark\:text-white\/90 {
  &:where(.dark, .dark *) {
  color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  color: color-mix(in oklab,var(--color-white) 90%,transparent);
}
}
}
  .dark\:text-yellow-300 {
  &:where(.dark, .dark *) { color: var(--color-yellow-300); }
}
  .dark\:placeholder-gray-500 {
  &:where(.dark, .dark *) {
  &::placeholder { color: var(--color-gray-500); }
}
}
  .dark\:placeholder-slate-500 {
  &:where(.dark, .dark *) {
  &::placeholder { color: var(--color-slate-500); }
}
}
  .dark\:opacity-\[0\.07\] {
  &:where(.dark, .dark *) { opacity: 0.07; }
}
  .dark\:opacity-\[0\.12\] {
  &:where(.dark, .dark *) { opacity: 0.12; }
}
  .dark\:shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.05\)_inset\,0_20px_40px_-20px_rgba\(0\,0\,0\,0\.6\)\] {
  &:where(.dark, .dark *) { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color,rgba(255,255,255,0.05)) inset,0 20px 40px -20px var(--tw-shadow-color,rgba(0,0,0,0.6)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
}
  .dark\:shadow-\[0_6px_24px_-6px_rgba\(20\,184\,166\,0\.55\)\] {
  &:where(.dark, .dark *) { --tw-shadow: 0 6px 24px -6px var(--tw-shadow-color,rgba(20,184,166,0.55)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
}
  .dark\:shadow-\[0_8px_32px_-12px_rgba\(75\,241\,183\,0\.4\)\] {
  &:where(.dark, .dark *) { --tw-shadow: 0 8px 32px -12px var(--tw-shadow-color,rgba(75,241,183,0.4)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
}
  .dark\:shadow-\[0_24px_60px_-20px_rgba\(0\,0\,0\,0\.7\)\] {
  &:where(.dark, .dark *) { --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color,rgba(0,0,0,0.7)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
}
  .dark\:ring-blue-600 {
  &:where(.dark, .dark *) { --tw-ring-color: var(--color-blue-600); }
}
  .dark\:ring-cyan-700\/40 {
  &:where(.dark, .dark *) {
  --tw-ring-color: color-mix(in srgb,oklch(52%0.105 223.128) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-cyan-700) 40%,transparent);
}
}
}
  .dark\:ring-gray-900 {
  &:where(.dark, .dark *) { --tw-ring-color: var(--color-gray-900); }
}
  .dark\:ring-teal-500\/40 {
  &:where(.dark, .dark *) {
  --tw-ring-color: color-mix(in srgb,oklch(70.4%0.14 182.503) 40%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-teal-500) 40%,transparent);
}
}
}
  .dark\:ring-white\/5 {
  &:where(.dark, .dark *) {
  --tw-ring-color: color-mix(in srgb,#fff 5%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
}
  .dark\:ring-white\/10 {
  &:where(.dark, .dark *) {
  --tw-ring-color: color-mix(in srgb,#fff 10%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
}
  .dark\:ring-white\/15 {
  &:where(.dark, .dark *) {
  --tw-ring-color: color-mix(in srgb,#fff 15%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
}
  .dark\:ring-white\/20 {
  &:where(.dark, .dark *) {
  --tw-ring-color: color-mix(in srgb,#fff 20%,transparent);
  @supports (color:color-mix(in lab,red,red)) {
  --tw-ring-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
}
  .dark\:ring-yellow-600 {
  &:where(.dark, .dark *) { --tw-ring-color: var(--color-yellow-600); }
}
  .dark\:drop-shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.35\)\] {
  &:where(.dark, .dark *) { --tw-drop-shadow-size: drop-shadow(0 1px 0 var(--tw-drop-shadow-color,rgba(255,255,255,0.35))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
}
  .dark\:group-hover\:text-gray-300 {
  &:where(.dark, .dark *) {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--color-gray-300);
}
}
}
}
  .dark\:group-hover\/item\:bg-teal-500 {
  &:where(.dark, .dark *) {
  &:is(:where(.group\/item):hover *) {
  @media (hover: hover) {
  background-color: var(--color-teal-500);
}
}
}
}
  .dark\:group-hover\/item\:text-white {
  &:where(.dark, .dark *) {
  &:is(:where(.group\/item):hover *) {
  @media (hover: hover) {
  color: var(--color-white);
}
}
}
}
  .dark\:group-hover\/item\:ring-teal-400 {
  &:where(.dark, .dark *) {
  &:is(:where(.group\/item):hover *) {
  @media (hover: hover) {
  --tw-ring-color: var(--color-teal-400);
}
}
}
}
  .dark\:placeholder\:text-gray-500 {
  &:where(.dark, .dark *) {
  &::placeholder { color: var(--color-gray-500); }
}
}
  .dark\:placeholder\:text-gray-600 {
  &:where(.dark, .dark *) {
  &::placeholder { color: var(--color-gray-600); }
}
}
  .dark\:hover\:border-blue-500 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-blue-500);
}
}
}
}
  .dark\:hover\:border-gray-600 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-gray-600);
}
}
}
}
  .dark\:hover\:border-primary-400 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-primary-400);
}
}
}
}
  .dark\:hover\:border-teal-500\/30 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, oklch(0.704 0.14 182.503) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-teal-500) 30%,transparent);
}
}
}
}
}
  .dark\:hover\:border-white\/15 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
}
}
}
  .dark\:hover\:border-white\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:border-white\/30 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 30%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  border-color: color-mix(in oklab,var(--color-white) 30%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-amber-900\/40 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.414 0.112 45.904) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-amber-900) 40%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-blue-900\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.379 0.146 265.522) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-900) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-blue-900\/40 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.379 0.146 265.522) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-blue-900) 40%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-cyan-400\/5 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.789 0.154 211.53) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-400) 5%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-cyan-500\/10 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.715 0.143 215.221) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-cyan-500) 10%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-gray-600 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-600);
}
}
}
}
  .dark\:hover\:bg-gray-800 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-gray-800);
}
}
}
}
  .dark\:hover\:bg-gray-800\/50 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.278 0.033 256.848), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-800) 50%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-gray-800\/60 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.278 0.033 256.848) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-800) 60%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-gray-900\/50 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665), transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 50%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-gray-900\/60 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.21 0.034 264.665) 60%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-gray-900) 60%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-green-900\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.393 0.095 152.535) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-green-900) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-purple-900\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.381 0.176 304.987) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-purple-900) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-red-500\/10 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-500) 10%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-red-900\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.396 0.141 25.723) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-900) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-red-900\/40 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.396 0.141 25.723) 40%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-red-900) 40%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-slate-700 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-slate-700);
}
}
}
}
  .dark\:hover\:bg-slate-800 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-slate-800);
}
}
}
}
  .dark\:hover\:bg-teal-500\/10 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.704 0.14 182.503) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-500) 10%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-teal-900\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.386 0.063 188.416) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-teal-900) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-white\/5 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-white\/10 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 10%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-white\/15 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 15%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-white\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-white\/\[0\.06\] {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 6%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 6%,transparent);
}
}
}
}
}
  .dark\:hover\:bg-yellow-900\/20 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.421 0.095 57.708) 20%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-yellow-900) 20%,transparent);
}
}
}
}
}
  .dark\:hover\:text-blue-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-blue-300);
}
}
}
}
  .dark\:hover\:text-blue-400 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-blue-400);
}
}
}
}
  .dark\:hover\:text-cyan-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-cyan-300);
}
}
}
}
  .dark\:hover\:text-gray-100 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-100);
}
}
}
}
  .dark\:hover\:text-gray-200 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-200);
}
}
}
}
  .dark\:hover\:text-gray-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-300);
}
}
}
}
  .dark\:hover\:text-gray-400 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-gray-400);
}
}
}
}
  .dark\:hover\:text-primary-400 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-primary-400);
}
}
}
}
  .dark\:hover\:text-red-200 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-200);
}
}
}
}
  .dark\:hover\:text-red-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-300);
}
}
}
}
  .dark\:hover\:text-red-400 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-400);
}
}
}
}
  .dark\:hover\:text-sky-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-sky-300);
}
}
}
}
  .dark\:hover\:text-slate-100 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-100);
}
}
}
}
  .dark\:hover\:text-slate-200 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-200);
}
}
}
}
  .dark\:hover\:text-slate-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-slate-300);
}
}
}
}
  .dark\:hover\:text-teal-300 {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-teal-300);
}
}
}
}
  .dark\:hover\:text-white {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--color-white);
}
}
}
}
  .dark\:hover\:shadow-\[0_10px_32px_-6px_rgba\(20\,184\,166\,0\.75\)\] {
  &:where(.dark, .dark *) {
  &:hover {
  @media (hover: hover) {
  --tw-shadow: 0 10px 32px -6px var(--tw-shadow-color,rgba(20,184,166,0.75)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}
}
}
}
  .dark\:focus\:border-sky-400 {
  &:where(.dark, .dark *) {
  &:focus { border-color: var(--color-sky-400); }
}
}
  .dark\:focus-visible\:ring-offset-gray-900 {
  &:where(.dark, .dark *) {
  &:focus-visible { --tw-ring-offset-color: var(--color-gray-900); }
}
}
  .dark\:disabled\:bg-white\/5 {
  &:where(.dark, .dark *) {
  &:disabled {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 5%, transparent);
  @supports (color:color-mix(in lab,red,red)) {
  background-color: color-mix(in oklab,var(--color-white) 5%,transparent);
}
}
}
}
  .dark\:disabled\:text-gray-500 {
  &:where(.dark, .dark *) {
  &:disabled { color: var(--color-gray-500); }
}
}
  .motion-reduce\:\[\&_\.spinner\]\:animate-none {
  @media (prefers-reduced-motion: reduce) {
  & .spinner { animation: auto ease 0s 1 normal none running none; }
}
}
}
:root { font-family: Lexend, system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; }
@layer base {
  html { font-family: Lexend, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
  body { color: var(--color-gray-900); -webkit-font-smoothing: antialiased; }
  html.dark body { color: var(--color-gray-100); }
}
@keyframes firefly1 { 
  0%, 100% { transform: translate(0px, 0px) scale(1); opacity: 0.4; }
  25% { transform: translate(30vw, 20vh) scale(1.1); opacity: 0.6; }
  50% { transform: translate(20vw, -10vh) scale(0.9); opacity: 0.5; }
  75% { transform: translate(-5vw, 30vh) scale(1.05); opacity: 0.7; }
}
@keyframes firefly2 { 
  0%, 100% { transform: translate(0px, 0px) scale(1); opacity: 0.3; }
  33% { transform: translate(-40vw, -25vh) scale(0.8); opacity: 0.5; }
  66% { transform: translate(10vw, -15vh) scale(1.2); opacity: 0.4; }
}
@keyframes firefly3 { 
  0%, 100% { transform: translate(0px, 0px) scale(0.9); opacity: 0.2; }
  20% { transform: translate(25vw, -30vh) scale(1); opacity: 0.4; }
  40% { transform: translate(-15vw, -20vh) scale(0.8); opacity: 0.5; }
  60% { transform: translate(20vw, 10vh) scale(1.1); opacity: 0.3; }
  80% { transform: translate(-10vw, -35vh) scale(1); opacity: 0.6; }
}
@keyframes dropdownOpen { 
  0% { height: 0px; opacity: 0; }
  100% { height: 100%; opacity: 1; }
}
@keyframes lineExtend { 
  0% { width: 0px; opacity: 0; }
  100% { width: 1rem; opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes curvedLineGrow { 
  0% { width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-left-color: transparent; border-bottom-color: transparent; }
  1% { border-left-color: var(--line-color); border-bottom-color: var(--line-color); }
  100% { width: 1rem; border-left-width: 2px; border-bottom-width: 2px; border-left-color: var(--line-color); border-bottom-color: var(--line-color); }
}
@keyframes slideInFromLeft { 
  0% { opacity: 0; transform: translateX(-10px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.dropdown-opening { animation: 0.4s ease-out 0s 1 normal forwards running dropdownOpen; }
.line-extend { animation: 0.3s ease-out 0s 1 normal forwards running lineExtend; }
.curved-line-grow { animation: 0.2s ease-out 0s 1 normal forwards running curvedLineGrow; width: 0px; height: 0.5rem; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-bottom-left-radius: 0.5rem; }
.slide-in-from-left-2 { animation: 0.3s ease-out 0s 1 normal forwards running slideInFromLeft; }
@media (prefers-reduced-motion) {
  *, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; }
}
docuseal-builder .ds-document-preview, docuseal-builder .ds-document-body { display: none !important; }
docuseal-builder .ds-field-toolbar, docuseal-builder .ds-field-types { display: none !important; }
docuseal-builder .ds-footer { display: none !important; }
.glass-card { background: rgba(255, 255, 255, 0.25); border-radius: 1rem; border: 1px solid rgba(200, 200, 200, 0.25); box-shadow: rgba(31, 38, 135, 0.07) 0px 8px 32px 0px; backdrop-filter: blur(12px); padding: 1.5rem; }
.dark .glass-card { background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 32px 0px; }
.glass-card-tinted { background: rgba(255, 255, 255, 0.25); border-radius: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: rgba(31, 38, 135, 0.08) 0px 12px 48px 0px; backdrop-filter: blur(24px); }
.dark .glass-card-tinted { background: linear-gradient(145deg, rgba(13, 148, 136, 0.13) 0%, rgba(15, 118, 110, 0.08) 50%, rgba(4, 47, 46, 0.16) 100%); border-color: rgba(45, 212, 191, 0.12); box-shadow: rgba(0, 0, 0, 0.35) 0px 12px 48px 0px, rgba(45, 212, 191, 0.06) 0px 1px 0px 0px inset; }
.account-name-display { text-transform: none !important; text-decoration: none !important; font-variant: normal !important; text-rendering: optimizelegibility !important; appearance: none !important; }
.account-name-display * { text-transform: none !important; }
.account-name-display:not(input):not(textarea):not(select) { -webkit-text-security: none !important; }
.account-name-display:-webkit-autofill, .account-name-display:-webkit-autofill:hover, .account-name-display:-webkit-autofill:focus, .account-name-display:-webkit-autofill:active { text-transform: none !important; }
@layer utilities {
  .brand-gradient-text { background: linear-gradient(135deg, rgb(75, 241, 183) 0%, rgb(48, 196, 215) 50%, rgb(23, 145, 246) 100%) text; color: transparent; }
  .brand-gradient-bg { background: linear-gradient(135deg, rgb(75, 241, 183) 0%, rgb(48, 196, 215) 50%, rgb(23, 145, 246) 100%); }
  .chip-genre { background: linear-gradient(135deg, rgb(209, 250, 229), rgb(167, 243, 208)); color: rgb(6, 95, 70); }
  .chip-method { background: linear-gradient(135deg, rgb(237, 233, 254), rgb(221, 214, 254)); color: rgb(91, 33, 182); }
  .chip-country { background: linear-gradient(135deg, rgb(224, 231, 255), rgb(199, 210, 254)); color: rgb(55, 48, 163); }
  .chip-social { background: linear-gradient(135deg, rgb(219, 234, 254), rgb(191, 219, 254)); color: rgb(30, 64, 175); }
  .chip-coral { background: linear-gradient(135deg, rgb(254, 228, 226), rgb(254, 205, 211)); color: rgb(159, 18, 57); }
  .chip-add { background: rgb(241, 245, 249); color: rgb(100, 116, 139); border: 1.5px dashed rgb(203, 213, 225); }
  .chip-default { background: linear-gradient(135deg, rgb(241, 245, 249), rgb(226, 232, 240)); color: rgb(51, 65, 85); }
  .dark .chip-genre { background: linear-gradient(135deg, rgba(20, 83, 45, 0.4), rgba(22, 101, 52, 0.3)); color: rgb(110, 231, 183); }
  .dark .chip-method { background: linear-gradient(135deg, rgba(76, 29, 149, 0.4), rgba(91, 33, 182, 0.3)); color: rgb(196, 181, 253); }
  .dark .chip-country { background: linear-gradient(135deg, rgba(49, 46, 129, 0.4), rgba(55, 48, 163, 0.3)); color: rgb(165, 180, 252); }
  .dark .chip-social { background: linear-gradient(135deg, rgba(30, 58, 138, 0.4), rgba(30, 64, 175, 0.3)); color: rgb(147, 197, 253); }
  .dark .chip-default { background: linear-gradient(135deg, rgba(51, 65, 85, 0.4), rgba(71, 85, 105, 0.3)); color: rgb(203, 213, 225); }
  .glass-card { transition: transform 0.25s, box-shadow 0.25s, background 0.25s; }
  .glass-card:hover { transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
  @keyframes save-shimmer { 
  0% { opacity: 0; transform: translateY(4px); }
  20% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-4px); }
}
  .save-shimmer { animation: 1.6s ease-out 0s 1 normal none running save-shimmer; }
  @keyframes stage-shimmer { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
  .stage-shimmer::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); animation: 2s ease 0s infinite normal none running stage-shimmer; }
  @keyframes ready-pulse { 
  0%, 100% { opacity: 0.85; }
  50% { opacity: 1; }
}
  .ready-pulse { animation: 2.4s ease-in-out 0s infinite normal none running ready-pulse; }
  .overview-fireflies { background-image: radial-gradient(circle at 20% 30%, rgba(75, 241, 183, 0.12) 0px, transparent 200px), radial-gradient(circle at 80% 60%, rgba(48, 196, 215, 0.1) 0px, transparent 250px), radial-gradient(circle at 50% 90%, rgba(23, 145, 246, 0.08) 0px, transparent 200px); }
  .synopsis-dropcap::first-letter { font-family: Georgia, "Times New Roman", serif; font-size: 38px; float: left; line-height: 1; padding-right: 6px; padding-top: 2px; background: linear-gradient(135deg, rgb(75, 241, 183), rgb(48, 196, 215), rgb(23, 145, 246)) text; color: transparent; font-weight: 700; }
  @keyframes hero-mesh-drift { 
  0% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(-3%, 2%, 0px) scale(1.05); }
  100% { transform: translate3d(0px, 0px, 0px) scale(1); }
}
  .hero-mesh { background-color: rgb(11, 26, 44); }
  .hero-mesh-layer { background-image: radial-gradient(at 18% 22%, rgba(75, 241, 183, 0.45) 0px, transparent 45%), radial-gradient(at 82% 18%, rgba(48, 196, 215, 0.38) 0px, transparent 50%), radial-gradient(at 30% 88%, rgba(23, 145, 246, 0.4) 0px, transparent 55%), radial-gradient(at 92% 92%, rgba(255, 130, 120, 0.2) 0px, transparent 45%); animation: 18s ease-in-out 0s infinite normal none running hero-mesh-drift; will-change: transform; }
  .hero-grain::before { content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0.18; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.65 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
  .hero-vignette::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(transparent 35%, rgba(7, 17, 34, 0.55) 100%), linear-gradient(to top, rgba(7, 17, 34, 0.85) 0%, rgba(7, 17, 34, 0) 55%); }
  @keyframes stagger-rise { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}
  .stagger-rise { animation: 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running stagger-rise; }
  .stagger-d-0 { animation-delay: 0ms; }
  .stagger-d-1 { animation-delay: 80ms; }
  .stagger-d-2 { animation-delay: 160ms; }
  .stagger-d-3 { animation-delay: 240ms; }
  .stagger-d-4 { animation-delay: 320ms; }
  .stagger-d-5 { animation-delay: 400ms; }
  .stagger-d-6 { animation-delay: 480ms; }
  .brand-ring { position: relative; background: rgba(255, 255, 255, 0.7); }
  .brand-ring::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgb(75, 241, 183) 0%, rgb(48, 196, 215) 50%, rgb(23, 145, 246) 100%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none; }
  .dark .brand-ring { background: rgba(15, 23, 42, 0.7); }
}
@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-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; }
@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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { 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-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@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-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --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-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; }
}
}@keyframes go2264125279 { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  100% { transform: scale(1) rotate(45deg); opacity: 1; }
}
@keyframes go3020080000 { 
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes go463499852 { 
  0% { transform: scale(0) rotate(90deg); opacity: 0; }
  100% { transform: scale(1) rotate(90deg); opacity: 1; }
}
@keyframes go1268368563 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes go1310225428 { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  100% { transform: scale(1) rotate(45deg); opacity: 1; }
}
@keyframes go651618207 { 
  0% { height: 0px; width: 0px; opacity: 0; }
  40% { height: 0px; width: 6px; opacity: 1; }
  100% { opacity: 1; height: 10px; }
}
@keyframes go901347462 { 
  0% { transform: scale(0.6); opacity: 0.4; }
  100% { transform: scale(1); opacity: 1; }
}
.go4109123758 { z-index: 9999; }
.go4109123758 > * { pointer-events: auto; }@font-face { font-family: Roboto; src: url("chrome-extension://meimoidfecamngeoanhnpdjjdcefoldn/assets/fonts/Roboto-Regular.ttf"); }

/* KasKas / Greenlit demo animations */

@keyframes kaskasRowPulse {
    0%   { background-color: rgba(75, 241, 183, 0.18); transform: translateY(-4px); opacity: 0.85; }
    35%  { background-color: rgba(75, 241, 183, 0.22); transform: translateY(0);   opacity: 1; }
    100% { background-color: transparent;             transform: translateY(0);   opacity: 1; }
}

.kaskas-row-pulse > td {
    animation: kaskasRowPulse 1500ms ease-out;
}

@keyframes kaskasFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.kaskas-fade-in {
    animation: kaskasFadeIn 360ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes kaskasSlideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);   opacity: 1; }
}

.kaskas-drawer {
    animation: kaskasSlideInRight 380ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes kaskasOverlayFade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.kaskas-overlay {
    animation: kaskasOverlayFade 320ms ease-out;
}

@keyframes kaskasToastIn {
    from { opacity: 0; transform: translateY(-12px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0)    scale(1); }
}

.kaskas-toast {
    animation: kaskasToastIn 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes kaskasRiseIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

.kaskas-rise-1 { animation: kaskasRiseIn 600ms cubic-bezier(0.22, 1, 0.36, 1) 0ms both; }

.kaskas-rise-2 { animation: kaskasRiseIn 600ms cubic-bezier(0.22, 1, 0.36, 1) 160ms both; }

@keyframes kaskasPulseBlue {
    0%, 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.45); }
    50%      { box-shadow: 0 0 0 6px rgba(59, 130, 246, 0); }
}

.kaskas-pulse-blue {
    animation: kaskasPulseBlue 2s ease-in-out infinite;
}

@keyframes kaskasBlueDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%      { transform: scale(1.4); opacity: 0.6; }
}

.kaskas-blue-dot {
    animation: kaskasBlueDot 1.8s ease-in-out infinite;
}

@keyframes kaskasPulseMint {
    0%, 100% { box-shadow: 0 0 0 0 rgba(75, 241, 183, 0.45), 0 12px 32px rgba(75, 241, 183, 0.45); }
    50%      { box-shadow: 0 0 0 8px rgba(75, 241, 183, 0), 0 14px 36px rgba(75, 241, 183, 0.45); }
}

/* App-wide font default */

body, #root, main {
    font-family: Ubuntu, system-ui, sans-serif;
}