/* [next]/internal/font/google/geist_6a0e6105.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.518e079e.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.ea323500.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.853d50a3.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.55554cd0.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_6a0e6105-module__QVq-Ba__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_6a0e6105-module__QVq-Ba__variable {
  --font-geist: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_aed55a57.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.56c1f21e.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.3b336396.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.e3369375.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.a40b9a8b.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.fe42ddf4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.29207c2f.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_aed55a57-module__iGg3zq__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_aed55a57-module__iGg3zq__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [next]/internal/font/google/newsreader_91d4f791.module.css [app-client] (css) */
@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/79e9e0e3b9220e46-s.12c18379.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e62850744c7f266e-s.98408aef.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9433d1a810498265-s.p.8f3b692e.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/79e9e0e3b9220e46-s.12c18379.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e62850744c7f266e-s.98408aef.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9433d1a810498265-s.p.8f3b692e.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/79e9e0e3b9220e46-s.12c18379.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e62850744c7f266e-s.98408aef.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9433d1a810498265-s.p.8f3b692e.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/150f724d70372c02-s.cfe419c8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/750c737482d9de2f-s.1c29fe1a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5f402bd2d8eef81a-s.p.b72f0478.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/150f724d70372c02-s.cfe419c8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/750c737482d9de2f-s.1c29fe1a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5f402bd2d8eef81a-s.p.b72f0478.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/150f724d70372c02-s.cfe419c8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/750c737482d9de2f-s.1c29fe1a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Newsreader;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5f402bd2d8eef81a-s.p.b72f0478.woff2") format("woff2");
  unicode-range: U+??, 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;
}

@font-face {
  font-family: Newsreader Fallback;
  src: local(Times New Roman);
  ascent-override: 69.68%;
  descent-override: 25.12%;
  line-gap-override: 0.0%;
  size-adjust: 105.48%;
}

.newsreader_91d4f791-module__8XIDQa__className {
  font-family: Newsreader, Newsreader Fallback;
}

.newsreader_91d4f791-module__8XIDQa__variable {
  --font-display: "Newsreader", "Newsreader Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--font-geist);
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: var(--font-geist-mono);
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

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

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

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

summary {
  display: list-item;
}

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

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

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

:disabled {
  cursor: default;
}

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

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

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
  --background: 210 20% 98%;
  --foreground: 220 25% 10%;
  --card: 0 0% 100%;
  --card-foreground: 220 25% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 25% 10%;
  --primary: 166 72% 35%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 18% 96%;
  --secondary-foreground: 220 25% 10%;
  --muted: 214 14% 95%;
  --muted-foreground: 215 16% 47%;
  --accent: 166 50% 94%;
  --accent-foreground: 166 72% 25%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 98%;
  --border: 214 18% 91%;
  --input: 214 18% 91%;
  --ring: 166 72% 35%;
  --chart-1: 166 72% 35%;
  --chart-2: 226 70% 55%;
  --chart-3: 45 93% 47%;
  --chart-4: 152 69% 31%;
  --chart-5: 215 16% 47%;
  --radius: .5rem;
  --sidebar-background: 210 25% 97%;
  --sidebar-foreground: 220 25% 16%;
  --sidebar-primary: 166 72% 35%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 166 50% 94%;
  --sidebar-accent-foreground: 166 72% 25%;
  --sidebar-border: 214 18% 91%;
  --sidebar-ring: 166 72% 35%;
}

.dark {
  --background: 222 28% 7%;
  --foreground: 210 20% 96%;
  --card: 222 22% 10%;
  --card-foreground: 210 20% 96%;
  --popover: 222 22% 10%;
  --popover-foreground: 210 20% 96%;
  --primary: 166 65% 45%;
  --primary-foreground: 222 28% 7%;
  --secondary: 222 16% 14%;
  --secondary-foreground: 210 20% 96%;
  --muted: 222 14% 16%;
  --muted-foreground: 215 16% 60%;
  --accent: 222 16% 16%;
  --accent-foreground: 166 65% 45%;
  --destructive: 0 62% 40%;
  --destructive-foreground: 0 0% 98%;
  --border: 222 14% 16%;
  --input: 222 14% 16%;
  --ring: 166 65% 45%;
  --chart-1: 166 65% 50%;
  --chart-2: 226 70% 65%;
  --chart-3: 45 93% 55%;
  --chart-4: 152 69% 45%;
  --chart-5: 215 16% 60%;
  --sidebar-background: 222 28% 9%;
  --sidebar-foreground: 210 20% 90%;
  --sidebar-primary: 166 65% 45%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 222 16% 16%;
  --sidebar-accent-foreground: 210 20% 96%;
  --sidebar-border: 222 14% 16%;
  --sidebar-ring: 166 65% 45%;
}

:root[data-color-theme="ocean"] {
  --primary: 215 72% 53%;
  --primary-foreground: 0 0% 100%;
  --accent: 214 50% 94%;
  --accent-foreground: 215 72% 40%;
  --ring: 215 72% 53%;
  --chart-1: 215 72% 53%;
  --chart-2: 166 72% 35%;
  --chart-4: 260 60% 55%;
  --sidebar-primary: 215 72% 53%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 214 50% 94%;
  --sidebar-accent-foreground: 215 72% 40%;
  --sidebar-ring: 215 72% 53%;
}

.dark[data-color-theme="ocean"] {
  --primary: 213 68% 58%;
  --primary-foreground: 222 28% 7%;
  --accent: 222 16% 16%;
  --accent-foreground: 213 68% 58%;
  --ring: 213 68% 58%;
  --chart-1: 213 68% 62%;
  --chart-2: 166 65% 50%;
  --chart-4: 260 60% 65%;
  --sidebar-primary: 213 68% 58%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 222 16% 16%;
  --sidebar-accent-foreground: 213 68% 58%;
  --sidebar-ring: 213 68% 58%;
}

:root[data-color-theme="indigo"] {
  --primary: 252 56% 57%;
  --primary-foreground: 0 0% 100%;
  --accent: 250 50% 95%;
  --accent-foreground: 252 56% 44%;
  --ring: 252 56% 57%;
  --chart-1: 252 56% 57%;
  --chart-2: 215 72% 53%;
  --chart-4: 330 65% 50%;
  --sidebar-primary: 252 56% 57%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 250 50% 95%;
  --sidebar-accent-foreground: 252 56% 44%;
  --sidebar-ring: 252 56% 57%;
}

.dark[data-color-theme="indigo"] {
  --primary: 252 60% 63%;
  --primary-foreground: 222 28% 7%;
  --accent: 222 16% 16%;
  --accent-foreground: 252 60% 63%;
  --ring: 252 60% 63%;
  --chart-1: 252 60% 66%;
  --chart-2: 213 68% 58%;
  --chart-4: 330 65% 60%;
  --sidebar-primary: 252 60% 63%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 222 16% 16%;
  --sidebar-accent-foreground: 252 60% 63%;
  --sidebar-ring: 252 60% 63%;
}

:root[data-color-theme="amber"] {
  --primary: 38 92% 50%;
  --primary-foreground: 0 0% 100%;
  --accent: 38 50% 94%;
  --accent-foreground: 38 92% 32%;
  --ring: 38 92% 50%;
  --chart-1: 38 92% 50%;
  --chart-2: 226 70% 55%;
  --chart-3: 166 72% 35%;
  --sidebar-primary: 38 92% 50%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 38 50% 94%;
  --sidebar-accent-foreground: 38 92% 32%;
  --sidebar-ring: 38 92% 50%;
}

.dark[data-color-theme="amber"] {
  --primary: 38 85% 58%;
  --primary-foreground: 222 28% 7%;
  --accent: 222 16% 16%;
  --accent-foreground: 38 85% 58%;
  --ring: 38 85% 58%;
  --chart-1: 38 85% 60%;
  --chart-2: 226 70% 65%;
  --chart-3: 166 65% 50%;
  --sidebar-primary: 38 85% 58%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 222 16% 16%;
  --sidebar-accent-foreground: 38 85% 58%;
  --sidebar-ring: 38 85% 58%;
}

:root[data-color-theme="sunset"] {
  --primary: 24 95% 53%;
  --primary-foreground: 0 0% 100%;
  --accent: 24 50% 94%;
  --accent-foreground: 24 95% 38%;
  --ring: 24 95% 53%;
  --chart-1: 24 95% 53%;
  --chart-2: 215 72% 53%;
  --chart-4: 350 70% 50%;
  --sidebar-primary: 24 95% 53%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 24 50% 94%;
  --sidebar-accent-foreground: 24 95% 38%;
  --sidebar-ring: 24 95% 53%;
}

.dark[data-color-theme="sunset"] {
  --primary: 24 90% 58%;
  --primary-foreground: 222 28% 7%;
  --accent: 222 16% 16%;
  --accent-foreground: 24 90% 58%;
  --ring: 24 90% 58%;
  --chart-1: 24 90% 60%;
  --chart-2: 213 68% 58%;
  --chart-4: 350 70% 60%;
  --sidebar-primary: 24 90% 58%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 222 16% 16%;
  --sidebar-accent-foreground: 24 90% 58%;
  --sidebar-ring: 24 90% 58%;
}

* {
  border-color: hsl(var(--border));
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (width >= 600px) {
  .\!container {
    max-width: 600px !important;
  }

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

@media (width >= 640px) {
  .\!container {
    max-width: 640px !important;
  }

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

@media (width >= 768px) {
  .\!container {
    max-width: 768px !important;
  }

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

@media (width >= 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

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

@media (width >= 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

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

@media (width >= 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

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

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  font-size: 1.25em;
  line-height: 1.6;
}

.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline;
}

.prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: decimal;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: disc;
}

.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-counters);
  font-weight: 400;
}

.prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.25em;
  font-weight: 600;
}

.prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-quotes);
  border-inline-start-width: .25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "“""”""‘""’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  font-style: italic;
  font-weight: 500;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 0;
  margin-bottom: .888889em;
  font-size: 2.25em;
  font-weight: 800;
  line-height: 1.11111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 900;
}

.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.33333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 800;
}

.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.6em;
  margin-bottom: .6em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.5em;
  margin-bottom: .5em;
  font-weight: 600;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
  display: block;
}

.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  padding-top: .1875em;
  padding-inline-end: .375em;
  padding-bottom: .1875em;
  border-radius: .3125rem;
  padding-inline-start: .375em;
  font-family: inherit;
  font-size: .875em;
  font-weight: 500;
}

.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-size: .875em;
  font-weight: 600;
}

.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  padding-top: .857143em;
  padding-inline-end: 1.14286em;
  padding-bottom: .857143em;
  border-radius: .375rem;
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
  padding-inline-start: 1.14286em;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.71429;
  overflow-x: auto;
}

.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  table-layout: auto;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.71429;
}

.prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  vertical-align: bottom;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
  font-weight: 600;
}

.prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  margin-top: .857143em;
  font-size: .875em;
  line-height: 1.42857;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: #1118271a;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: #ffffff1a;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: #00000080;
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  margin-bottom: .5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .571429em;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: .875rem;
  line-height: 1.71429;
}

.prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
  margin-bottom: 1.14286em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .888889em;
  margin-bottom: .888889em;
  font-size: 1.28571em;
  line-height: 1.55556;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.33333em;
  margin-bottom: 1.33333em;
  padding-inline-start: 1.11111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: .8em;
  font-size: 2.14286em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: .8em;
  font-size: 1.42857em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.55556em;
  margin-bottom: .444444em;
  font-size: 1.28571em;
  line-height: 1.55556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.42857em;
  margin-bottom: .571429em;
  line-height: 1.42857;
}

.prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .142857em;
  padding-inline-end: .357143em;
  padding-bottom: .142857em;
  border-radius: .3125rem;
  padding-inline-start: .357143em;
  font-size: .857143em;
}

.prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .857143em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .666667em;
  padding-inline-end: 1em;
  padding-bottom: .666667em;
  border-radius: .25rem;
  margin-top: 1.66667em;
  margin-bottom: 1.66667em;
  padding-inline-start: 1em;
  font-size: .857143em;
  line-height: 1.66667;
}

.prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
  margin-bottom: 1.14286em;
  padding-inline-start: 1.57143em;
}

.prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .285714em;
  margin-bottom: .285714em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .428571em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .571429em;
  margin-bottom: .571429em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.14286em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.14286em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .571429em;
  margin-bottom: .571429em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
  margin-bottom: 1.14286em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .285714em;
  padding-inline-start: 1.57143em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2.85714em;
  margin-bottom: 2.85714em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .857143em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: .666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .666667em;
  padding-inline-end: 1em;
  padding-bottom: .666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .666667em;
  font-size: .857143em;
  line-height: 1.33333;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-slate {
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: #0f172a1a;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: #ffffff1a;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: #00000080;
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}

.prose-purple {
  --tw-prose-links: #9333ea;
  --tw-prose-invert-links: #a855f7;
}

.prose-invert {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

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

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

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

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

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

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

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

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

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

.-left-\[21px\] {
  left: -21px;
}

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

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

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

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

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

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

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

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

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

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

.bottom-0 {
  bottom: 0;
}

.bottom-10 {
  bottom: 2.5rem;
}

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

.bottom-20 {
  bottom: 5rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-28 {
  bottom: 7rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0;
}

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

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

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

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

.left-12 {
  left: 3rem;
}

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

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

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

.left-4 {
  left: 1rem;
}

.left-\[13px\] {
  left: 13px;
}

.left-\[18px\] {
  left: 18px;
}

.left-\[36px\] {
  left: 36px;
}

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

.left-\[9px\] {
  left: 9px;
}

.right-0 {
  right: 0;
}

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

.right-10 {
  right: 2.5rem;
}

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

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

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.right-\[9px\] {
  right: 9px;
}

.top-0 {
  top: 0;
}

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

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

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

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

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

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

.top-12 {
  top: 3rem;
}

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

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

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

.top-4 {
  top: 1rem;
}

.top-6 {
  top: 1.5rem;
}

.top-\[18px\] {
  top: 18px;
}

.top-\[50\%\] {
  top: 50%;
}

.top-full {
  top: 100%;
}

.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-\[9999\] {
  z-index: 9999;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-0\.5 {
  margin-bottom: .125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ml-1\.5 {
  margin-left: .375rem;
}

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

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

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

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

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

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

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

.ml-\[140px\] {
  margin-left: 140px;
}

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

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

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

.mr-1\.5 {
  margin-right: .375rem;
}

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

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

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

.mr-\[30px\] {
  margin-right: 30px;
}

.mt-0 {
  margin-top: 0;
}

.mt-0\.5 {
  margin-top: .125rem;
}

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

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

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

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

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

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

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

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

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

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

.mt-auto {
  margin-top: auto;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

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

.table {
  display: table;
}

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

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-1\.5 {
  width: .375rem;
  height: .375rem;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-2 {
  width: .5rem;
  height: .5rem;
}

.size-2\.5 {
  width: .625rem;
  height: .625rem;
}

.size-3 {
  width: .75rem;
  height: .75rem;
}

.size-3\.5 {
  width: .875rem;
  height: .875rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-48 {
  width: 12rem;
  height: 12rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-64 {
  width: 16rem;
  height: 16rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-72 {
  width: 18rem;
  height: 18rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-80 {
  width: 20rem;
  height: 20rem;
}

.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

.size-96 {
  width: 24rem;
  height: 24rem;
}

.size-full {
  width: 100%;
  height: 100%;
}

.\!h-auto {
  height: auto !important;
}

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

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

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

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

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

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

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

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

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

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

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

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

.h-\[75vh\] {
  height: 75vh;
}

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

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

.h-\[calc\(100vh-theme\(spacing\.12\)\)\] {
  height: calc(100vh - 3rem);
}

.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}

.h-auto {
  height: auto;
}

.h-dvh {
  height: 100dvh;
}

.h-fit {
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.h-svh {
  height: 100svh;
}

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

.max-h-32 {
  max-height: 8rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-56 {
  max-height: 14rem;
}

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

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

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

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

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

.max-h-\[28rem\] {
  max-height: 28rem;
}

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

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

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

.max-h-\[40vh\] {
  max-height: 40vh;
}

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

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

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

.max-h-\[50vh\] {
  max-height: 50vh;
}

.max-h-\[55vh\] {
  max-height: 55vh;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[80vh\] {
  max-height: 80vh;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[95vh\] {
  max-height: 95vh;
}

.max-h-\[calc\(75dvh\)\] {
  max-height: 75dvh;
}

.max-h-\[calc\(90vh-8rem\)\] {
  max-height: calc(90vh - 8rem);
}

.\!min-h-8 {
  min-height: 2rem !important;
}

.min-h-0 {
  min-height: 0;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-96 {
  min-height: 24rem;
}

.min-h-\[1\.8em\] {
  min-height: 1.8em;
}

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

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

.min-h-\[2\.25rem\] {
  min-height: 2.25rem;
}

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

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

.min-h-\[2rem\] {
  min-height: 2rem;
}

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

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

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

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

.min-h-dvh {
  min-height: 100dvh;
}

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

.min-h-svh {
  min-height: 100svh;
}

.w-0\.5 {
  width: .125rem;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

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

.w-1\/3 {
  width: 33.3333%;
}

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

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-2\/3 {
  width: 66.6667%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

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

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-4\/6 {
  width: 66.6667%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

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

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[--radix-popper-anchor-width\] {
  width: var(--radix-popper-anchor-width);
}

.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}

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

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

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

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

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

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

.w-\[15\%\] {
  width: 15%;
}

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

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

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

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

.w-\[20\%\] {
  width: 20%;
}

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

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

.w-\[25\%\] {
  width: 25%;
}

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

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

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

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

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

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

.w-\[40\%\] {
  width: 40%;
}

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

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

.w-\[var\(--radix-popover-trigger-width\)\] {
  width: var(--radix-popover-trigger-width);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.w-px {
  width: 1px;
}

.min-w-0 {
  min-width: 0;
}

.min-w-5 {
  min-width: 1.25rem;
}

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

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

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

.min-w-\[12rem\] {
  min-width: 12rem;
}

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

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

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

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

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

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

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

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

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

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

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

.min-w-\[4rem\] {
  min-width: 4rem;
}

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

.min-w-\[6rem\] {
  min-width: 6rem;
}

.min-w-\[8rem\] {
  min-width: 8rem;
}

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

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

.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}

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

.min-w-max {
  min-width: max-content;
}

.max-w-16 {
  max-width: 4rem;
}

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

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

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

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

.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1400px\] {
  max-width: 1400px;
}

.max-w-\[14rem\] {
  max-width: 14rem;
}

.max-w-\[1600px\] {
  max-width: 1600px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[16rem\] {
  max-width: 16rem;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[18rem\] {
  max-width: 18rem;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[260px\] {
  max-width: 260px;
}

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

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[560px\] {
  max-width: 560px;
}

.max-w-\[64px\] {
  max-width: 64px;
}

.max-w-\[67rem\] {
  max-width: 67rem;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[700px\] {
  max-width: 700px;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-\[90vw\] {
  max-width: 90vw;
}

.max-w-\[calc\(100\%-60px\)\] {
  max-width: calc(100% - 60px);
}

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

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

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

.max-w-none {
  max-width: none;
}

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

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

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

.flex-1 {
  flex: 1;
}

.flex-\[1\.5\] {
  flex: 1.5;
}

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

.shrink {
  flex-shrink: 1;
}

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

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

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

.caption-bottom {
  caption-side: bottom;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-\[--radix-popover-content-transform-origin\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate-\[shimmer_1s_ease-in-out_infinite\] {
  animation: 1s ease-in-out infinite shimmer;
}

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

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

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

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-help {
  cursor: help;
}

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

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

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

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

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

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

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

.appearance-none {
  appearance: none;
}

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

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

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

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

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

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

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

.grid-cols-\[100px_100px_100px_1fr\] {
  grid-template-columns: 100px 100px 100px 1fr;
}

.grid-cols-\[100px_60px_60px_1fr\] {
  grid-template-columns: 100px 60px 60px 1fr;
}

.grid-cols-\[1fr_120px_120px\] {
  grid-template-columns: 1fr 120px 120px;
}

.grid-cols-\[1fr_1fr_1fr_28px\] {
  grid-template-columns: 1fr 1fr 1fr 28px;
}

.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

.grid-cols-\[28px_minmax\(0\,1\.4fr\)_170px_minmax\(0\,2\.2fr\)_32px\] {
  grid-template-columns: 28px minmax(0, 1.4fr) 170px minmax(0, 2.2fr) 32px;
}

.grid-cols-\[2fr_110px_140px_130px_120px_70px_180px\] {
  grid-template-columns: 2fr 110px 140px 130px 120px 70px 180px;
}

.grid-cols-\[36px_1fr_120px_100px\] {
  grid-template-columns: 36px 1fr 120px 100px;
}

.grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr;
}

.grid-cols-\[minmax\(0\,1fr\)_120px_110px_120px_130px\] {
  grid-template-columns: minmax(0, 1fr) 120px 110px 120px 130px;
}

.grid-cols-\[minmax\(0\,1fr\)_120px_140px_160px_120px\] {
  grid-template-columns: minmax(0, 1fr) 120px 140px 160px 120px;
}

.grid-cols-\[minmax\(0\,1fr\)_90px_90px_120px\] {
  grid-template-columns: minmax(0, 1fr) 90px 90px 120px;
}

.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-3\.5 {
  gap: .875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-px {
  gap: 1px;
}

.gap-x-1\.5 {
  column-gap: .375rem;
}

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

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

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

.gap-y-0\.5 {
  row-gap: .125rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-y-1\.5 {
  row-gap: .375rem;
}

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

.gap-y-3 {
  row-gap: .75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-.375rem * var(--tw-space-y-reverse));
}

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

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

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

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

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

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
}

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

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

.divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border));
}

.divide-border\/30 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / .3);
}

.divide-border\/40 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / .4);
}

.divide-border\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / .5);
}

.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / .6);
}

.divide-border\/70 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border) / .7);
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-divide-opacity, 1));
}

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

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

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

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

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

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

.rounded {
  border-radius: .25rem;
}

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

.rounded-\[4px\] {
  border-radius: 4px;
}

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

.rounded-lg {
  border-radius: var(--radius);
}

.rounded-md {
  border-radius: calc(var(--radius)  - 2px);
}

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

.rounded-sm {
  border-radius: calc(var(--radius)  - 4px);
}

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

.rounded-b-md {
  border-bottom-right-radius: calc(var(--radius)  - 2px);
  border-bottom-left-radius: calc(var(--radius)  - 2px);
}

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

.rounded-r-md {
  border-top-right-radius: calc(var(--radius)  - 2px);
  border-bottom-right-radius: calc(var(--radius)  - 2px);
}

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

.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.rounded-t-md {
  border-top-left-radius: calc(var(--radius)  - 2px);
  border-top-right-radius: calc(var(--radius)  - 2px);
}

.rounded-t-sm {
  border-top-left-radius: calc(var(--radius)  - 4px);
  border-top-right-radius: calc(var(--radius)  - 4px);
}

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

.border {
  border-width: 1px;
}

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

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

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

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

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

.border-b-\[6px\] {
  border-bottom-width: 6px;
}

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

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

.border-l-\[1\.5px\] {
  border-left-width: 1.5px;
}

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

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

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

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

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.border-\[\#FFC65C\]\/10 {
  border-color: #ffc65c1a;
}

.border-\[var\(--mm-accent-cyan\)\] {
  border-color: var(--mm-accent-cyan);
}

.border-\[var\(--mm-accent-violet\)\] {
  border-color: var(--mm-accent-violet);
}

.border-\[var\(--mm-border\)\] {
  border-color: var(--mm-border);
}

.border-amber-100\/80 {
  border-color: #fef3c7cc;
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-200\/50 {
  border-color: #fde68a80;
}

.border-amber-200\/60 {
  border-color: #fde68a99;
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-amber-300\/60 {
  border-color: #fcd34d99;
}

.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.border-amber-400\/60 {
  border-color: #fbbf2499;
}

.border-amber-400\/80 {
  border-color: #fbbf24cc;
}

.border-amber-500\/20 {
  border-color: #f59e0b33;
}

.border-black\/\[0\.04\] {
  border-color: #0000000a;
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-blue-200\/50 {
  border-color: #bfdbfe80;
}

.border-blue-200\/60 {
  border-color: #bfdbfe99;
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-border {
  border-color: hsl(var(--border));
}

.border-border\/30 {
  border-color: hsl(var(--border) / .3);
}

.border-border\/40 {
  border-color: hsl(var(--border) / .4);
}

.border-border\/50 {
  border-color: hsl(var(--border) / .5);
}

.border-border\/60 {
  border-color: hsl(var(--border) / .6);
}

.border-border\/70 {
  border-color: hsl(var(--border) / .7);
}

.border-current {
  border-color: currentColor;
}

.border-cyan-600 {
  --tw-border-opacity: 1;
  border-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}

.border-destructive {
  border-color: hsl(var(--destructive));
}

.border-destructive\/30 {
  border-color: hsl(var(--destructive) / .3);
}

.border-destructive\/40 {
  border-color: hsl(var(--destructive) / .4);
}

.border-destructive\/50 {
  border-color: hsl(var(--destructive) / .5);
}

.border-emerald-100\/80 {
  border-color: #d1fae5cc;
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-emerald-200\/60 {
  border-color: #a7f3d099;
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.border-emerald-300\/60 {
  border-color: #6ee7b799;
}

.border-emerald-300\/70 {
  border-color: #6ee7b7b3;
}

.border-emerald-500\/30 {
  border-color: #10b9814d;
}

.border-emerald-500\/40 {
  border-color: #10b98166;
}

.border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}

.border-foreground {
  border-color: hsl(var(--foreground));
}

.border-foreground\/30 {
  border-color: hsl(var(--foreground) / .3);
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}

.border-indigo-100\/80 {
  border-color: #e0e7ffcc;
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.border-input {
  border-color: hsl(var(--input));
}

.border-muted-foreground {
  border-color: hsl(var(--muted-foreground));
}

.border-muted-foreground\/20 {
  border-color: hsl(var(--muted-foreground) / .2);
}

.border-muted-foreground\/30 {
  border-color: hsl(var(--muted-foreground) / .3);
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-300\/70 {
  border-color: #fdba74b3;
}

.border-orange-500\/30 {
  border-color: #f973164d;
}

.border-primary {
  border-color: hsl(var(--primary));
}

.border-primary\/20 {
  border-color: hsl(var(--primary) / .2);
}

.border-primary\/30 {
  border-color: hsl(var(--primary) / .3);
}

.border-primary\/40 {
  border-color: hsl(var(--primary) / .4);
}

.border-primary\/50 {
  border-color: hsl(var(--primary) / .5);
}

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.border-purple-200\/50 {
  border-color: #e9d5ff80;
}

.border-purple-200\/60 {
  border-color: #e9d5ff99;
}

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-red-300\/60 {
  border-color: #fca5a599;
}

.border-red-300\/70 {
  border-color: #fca5a5b3;
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.border-red-500\/30 {
  border-color: #ef44444d;
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

.border-rose-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}

.border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}

.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.border-slate-800\/70 {
  border-color: #1e293bb3;
}

.border-slate-900 {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: #0000;
}

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}

.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}

.border-violet-300\/60 {
  border-color: #c4b5fd99;
}

.border-violet-400 {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10 {
  border-color: #ffffff1a;
}

.border-white\/\[0\.07\] {
  border-color: #ffffff12;
}

.border-yellow-100\/80 {
  border-color: #fef9c3cc;
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-zinc-100 {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
}

.border-zinc-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.border-zinc-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}

.border-zinc-50 {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
}

.border-zinc-500\/30 {
  border-color: #71717a4d;
}

.border-b-red-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.border-l-primary {
  border-left-color: hsl(var(--primary));
}

.border-l-transparent {
  border-left-color: #0000;
}

.border-r-transparent {
  border-right-color: #0000;
}

.border-t-\[var\(--mm-accent-cyan\)\] {
  border-top-color: var(--mm-accent-cyan);
}

.border-t-\[var\(--mm-accent-violet\)\] {
  border-top-color: var(--mm-accent-violet);
}

.border-t-transparent {
  border-top-color: #0000;
}

.bg-\[\#0a0e14\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 14 20 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAF8F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFC65C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 92 / var(--tw-bg-opacity, 1));
}

.bg-\[var\(--mm-accent-amber\)\] {
  background-color: var(--mm-accent-amber);
}

.bg-\[var\(--mm-accent-cyan\)\] {
  background-color: var(--mm-accent-cyan);
}

.bg-\[var\(--mm-accent-cyan-dim\)\] {
  background-color: var(--mm-accent-cyan-dim);
}

.bg-\[var\(--mm-accent-emerald\)\] {
  background-color: var(--mm-accent-emerald);
}

.bg-\[var\(--mm-accent-emerald-dim\)\] {
  background-color: var(--mm-accent-emerald-dim);
}

.bg-\[var\(--mm-accent-rose\)\] {
  background-color: var(--mm-accent-rose);
}

.bg-\[var\(--mm-accent-rose-dim\)\] {
  background-color: var(--mm-accent-rose-dim);
}

.bg-\[var\(--mm-accent-violet\)\] {
  background-color: var(--mm-accent-violet);
}

.bg-\[var\(--mm-accent-violet-dim\)\] {
  background-color: var(--mm-accent-violet-dim);
}

.bg-\[var\(--mm-bg-elevated\)\] {
  background-color: var(--mm-bg-elevated);
}

.bg-\[var\(--mm-bg-primary\)\] {
  background-color: var(--mm-bg-primary);
}

.bg-\[var\(--mm-bg-secondary\)\] {
  background-color: var(--mm-bg-secondary);
}

.bg-\[var\(--mm-bg-tertiary\)\] {
  background-color: var(--mm-bg-tertiary);
}

.bg-\[var\(--mm-border\)\] {
  background-color: var(--mm-border);
}

.bg-\[var\(--mm-text-primary\)\] {
  background-color: var(--mm-text-primary);
}

.bg-\[var\(--mm-text-tertiary\)\] {
  background-color: var(--mm-text-tertiary);
}

.bg-accent {
  background-color: hsl(var(--accent));
}

.bg-accent\/30 {
  background-color: hsl(var(--accent) / .3);
}

.bg-accent\/50 {
  background-color: hsl(var(--accent) / .5);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-100\/50 {
  background-color: #fef3c780;
}

.bg-amber-100\/80 {
  background-color: #fef3c7cc;
}

.bg-amber-200\/60 {
  background-color: #fde68a99;
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/40 {
  background-color: #fffbeb66;
}

.bg-amber-50\/50 {
  background-color: #fffbeb80;
}

.bg-amber-50\/60 {
  background-color: #fffbeb99;
}

.bg-amber-50\/80 {
  background-color: #fffbebcc;
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/10 {
  background-color: #f59e0b1a;
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.bg-amber-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.bg-background {
  background-color: hsl(var(--background));
}

.bg-background\/50 {
  background-color: hsl(var(--background) / .5);
}

.bg-background\/60 {
  background-color: hsl(var(--background) / .6);
}

.bg-background\/80 {
  background-color: hsl(var(--background) / .8);
}

.bg-background\/90 {
  background-color: hsl(var(--background) / .9);
}

.bg-background\/95 {
  background-color: hsl(var(--background) / .95);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/50 {
  background-color: #00000080;
}

.bg-black\/60 {
  background-color: #0009;
}

.bg-black\/70 {
  background-color: #000000b3;
}

.bg-black\/80 {
  background-color: #000c;
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-50\/40 {
  background-color: #eff6ff66;
}

.bg-blue-50\/50 {
  background-color: #eff6ff80;
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-500\/10 {
  background-color: #3b82f61a;
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-border {
  background-color: hsl(var(--border));
}

.bg-border\/60 {
  background-color: hsl(var(--border) / .6);
}

.bg-border\/70 {
  background-color: hsl(var(--border) / .7);
}

.bg-card {
  background-color: hsl(var(--card));
}

.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}

.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}

.bg-destructive {
  background-color: hsl(var(--destructive));
}

.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / .1);
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.bg-emerald-100\/70 {
  background-color: #d1fae5b3;
}

.bg-emerald-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50\/40 {
  background-color: #ecfdf566;
}

.bg-emerald-50\/50 {
  background-color: #ecfdf580;
}

.bg-emerald-50\/60 {
  background-color: #ecfdf599;
}

.bg-emerald-50\/70 {
  background-color: #ecfdf5b3;
}

.bg-emerald-50\/80 {
  background-color: #ecfdf5cc;
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500\/10 {
  background-color: #10b9811a;
}

.bg-emerald-500\/30 {
  background-color: #10b9814d;
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-foreground {
  background-color: hsl(var(--foreground));
}

.bg-foreground\/5 {
  background-color: hsl(var(--foreground) / .05);
}

.bg-fuchsia-500\/10 {
  background-color: #d946ef1a;
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-50\/60 {
  background-color: #f9fafb99;
}

.bg-gray-50\/70 {
  background-color: #f9fafbb3;
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50\/60 {
  background-color: #eef2ff99;
}

.bg-indigo-50\/80 {
  background-color: #eef2ffcc;
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.bg-lime-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(163 230 53 / var(--tw-bg-opacity, 1));
}

.bg-lime-400\/10 {
  background-color: #a3e6351a;
}

.bg-muted {
  background-color: hsl(var(--muted));
}

.bg-muted-foreground {
  background-color: hsl(var(--muted-foreground));
}

.bg-muted-foreground\/20 {
  background-color: hsl(var(--muted-foreground) / .2);
}

.bg-muted-foreground\/30 {
  background-color: hsl(var(--muted-foreground) / .3);
}

.bg-muted-foreground\/50 {
  background-color: hsl(var(--muted-foreground) / .5);
}

.bg-muted\/10 {
  background-color: hsl(var(--muted) / .1);
}

.bg-muted\/15 {
  background-color: hsl(var(--muted) / .15);
}

.bg-muted\/20 {
  background-color: hsl(var(--muted) / .2);
}

.bg-muted\/30 {
  background-color: hsl(var(--muted) / .3);
}

.bg-muted\/40 {
  background-color: hsl(var(--muted) / .4);
}

.bg-muted\/5 {
  background-color: hsl(var(--muted) / .05);
}

.bg-muted\/50 {
  background-color: hsl(var(--muted) / .5);
}

.bg-muted\/60 {
  background-color: hsl(var(--muted) / .6);
}

.bg-muted\/70 {
  background-color: hsl(var(--muted) / .7);
}

.bg-muted\/80 {
  background-color: hsl(var(--muted) / .8);
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-orange-50\/50 {
  background-color: #fff7ed80;
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-orange-500\/15 {
  background-color: #f9731626;
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}

.bg-popover {
  background-color: hsl(var(--popover));
}

.bg-primary {
  background-color: hsl(var(--primary));
}

.bg-primary\/10 {
  background-color: hsl(var(--primary) / .1);
}

.bg-primary\/15 {
  background-color: hsl(var(--primary) / .15);
}

.bg-primary\/20 {
  background-color: hsl(var(--primary) / .2);
}

.bg-primary\/40 {
  background-color: hsl(var(--primary) / .4);
}

.bg-primary\/5 {
  background-color: hsl(var(--primary) / .05);
}

.bg-primary\/60 {
  background-color: hsl(var(--primary) / .6);
}

.bg-primary\/80 {
  background-color: hsl(var(--primary) / .8);
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-100\/70 {
  background-color: #f3e8ffb3;
}

.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-50\/40 {
  background-color: #faf5ff66;
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-50\/50 {
  background-color: #fef2f280;
}

.bg-red-50\/60 {
  background-color: #fef2f299;
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/15 {
  background-color: #ef444426;
}

.bg-red-500\/40 {
  background-color: #ef444466;
}

.bg-red-500\/80 {
  background-color: #ef4444cc;
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

.bg-rose-500\/10 {
  background-color: #f43f5e1a;
}

.bg-secondary {
  background-color: hsl(var(--secondary));
}

.bg-sidebar {
  background-color: hsl(var(--sidebar-background));
}

.bg-sidebar-accent {
  background-color: hsl(var(--sidebar-accent));
}

.bg-sidebar-border {
  background-color: hsl(var(--sidebar-border));
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.bg-sky-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}

.bg-sky-500\/10 {
  background-color: #0ea5e91a;
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-100\/80 {
  background-color: #f1f5f9cc;
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-50\/50 {
  background-color: #f8fafc80;
}

.bg-slate-50\/70 {
  background-color: #f8fafcb3;
}

.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-slate-900\/30 {
  background-color: #0f172a4d;
}

.bg-slate-900\/40 {
  background-color: #0f172a66;
}

.bg-slate-900\/60 {
  background-color: #0f172a99;
}

.bg-slate-900\/70 {
  background-color: #0f172ab3;
}

.bg-slate-900\/80 {
  background-color: #0f172acc;
}

.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}

.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: #0000;
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-200\/60 {
  background-color: #ddd6fe99;
}

.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-violet-50\/30 {
  background-color: #f5f3ff4d;
}

.bg-violet-50\/50 {
  background-color: #f5f3ff80;
}

.bg-violet-50\/60 {
  background-color: #f5f3ff99;
}

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/20 {
  background-color: #fff3;
}

.bg-white\/40 {
  background-color: #fff6;
}

.bg-white\/60 {
  background-color: #fff9;
}

.bg-white\/70 {
  background-color: #ffffffb3;
}

.bg-white\/\[0\.03\] {
  background-color: #ffffff08;
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50\/80 {
  background-color: #fefce8cc;
}

.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.bg-zinc-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

.bg-zinc-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-zinc-50\/80 {
  background-color: #fafafacc;
}

.bg-zinc-500\/15 {
  background-color: #71717a26;
}

.bg-opacity-50 {
  --tw-bg-opacity: .5;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#00b4d8\] {
  --tw-gradient-from: #00b4d8 var(--tw-gradient-from-position);
  --tw-gradient-to: #00b4d800 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#061220\] {
  --tw-gradient-from: #061220 var(--tw-gradient-from-position);
  --tw-gradient-to: #06122000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFC65C\]\/5 {
  --tw-gradient-from: #ffc65c0d var(--tw-gradient-from-position);
  --tw-gradient-to: #ffc65c00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[var\(--mm-accent-cyan\)\] {
  --tw-gradient-from: var(--mm-accent-cyan) var(--tw-gradient-from-position);
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[var\(--mm-accent-emerald\)\] {
  --tw-gradient-from: var(--mm-accent-emerald) var(--tw-gradient-from-position);
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[var\(--mm-border\)\] {
  --tw-gradient-from: var(--mm-border) var(--tw-gradient-from-position);
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: #fef3c700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: #fffbeb00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500\/20 {
  --tw-gradient-from: #3b82f633 var(--tw-gradient-from-position);
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: #2563eb00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-card {
  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-50 {
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: #ecfdf500 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-500 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: #10b98100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-50\/60 {
  --tw-gradient-from: #eef2ff99 var(--tw-gradient-from-position);
  --tw-gradient-to: #eef2ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-50\/70 {
  --tw-gradient-from: #eef2ffb3 var(--tw-gradient-from-position);
  --tw-gradient-to: #eef2ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: #6366f100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-muted {
  --tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-50\/50 {
  --tw-gradient-from: #faf5ff80 var(--tw-gradient-from-position);
  --tw-gradient-to: #faf5ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: #fef2f200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-rose-200 {
  --tw-gradient-from: #fecdd3 var(--tw-gradient-from-position);
  --tw-gradient-to: #fecdd300 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: #0f172a00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-50 {
  --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
  --tw-gradient-to: #f0fdfa00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500 {
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: #8b5cf600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-600 {
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: #7c3aed00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white\/90 {
  --tw-gradient-from: #ffffffe6 var(--tw-gradient-from-position);
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-zinc-300 {
  --tw-gradient-from: #d4d4d8 var(--tw-gradient-from-position);
  --tw-gradient-to: #d4d4d800 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#0B3D6F\] {
  --tw-gradient-to: #0b3d6f00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0b3d6f var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-amber-200 {
  --tw-gradient-to: #fde68a00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fde68a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-orange-50 {
  --tw-gradient-to: #fff7ed00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-50\/30 {
  --tw-gradient-to: #faf5ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #faf5ff4d var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-violet-500\/20 {
  --tw-gradient-to: #8b5cf600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf633 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/10 {
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffffff1a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#00b4d8\] {
  --tw-gradient-to: #00b4d8 var(--tw-gradient-to-position);
}

.to-\[\#059669\] {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.to-\[\#0891b2\] {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}

.to-\[\#1565A8\] {
  --tw-gradient-to: #1565a8 var(--tw-gradient-to-position);
}

.to-\[var\(--mm-accent-cyan\)\] {
  --tw-gradient-to: var(--mm-accent-cyan) var(--tw-gradient-to-position);
}

.to-\[var\(--mm-accent-emerald\)\] {
  --tw-gradient-to: var(--mm-accent-emerald) var(--tw-gradient-to-position);
}

.to-accent {
  --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position);
}

.to-amber-200 {
  --tw-gradient-to: #fde68a var(--tw-gradient-to-position);
}

.to-cyan-50 {
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}

.to-cyan-500 {
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}

.to-cyan-600 {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}

.to-emerald-100 {
  --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position);
}

.to-emerald-200 {
  --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position);
}

.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.to-fuchsia-500 {
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}

.to-fuchsia-500\/20 {
  --tw-gradient-to: #d946ef33 var(--tw-gradient-to-position);
}

.to-fuchsia-600 {
  --tw-gradient-to: #c026d3 var(--tw-gradient-to-position);
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-red-100 {
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}

.to-slate-700 {
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}

.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}

.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-violet-600 {
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-yellow-50 {
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}

.fill-amber-400\/40 {
  fill: #fbbf2466;
}

.fill-amber-500 {
  fill: #f59e0b;
}

.fill-current {
  fill: currentColor;
}

.object-cover {
  object-fit: cover;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-20 {
  padding: 5rem;
}

.p-3 {
  padding: .75rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[7px\] {
  padding: 7px;
}

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

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

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

.pb-2 {
  padding-bottom: .5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-3\.5 {
  padding-bottom: .875rem;
}

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

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

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

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

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: .25rem;
}

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

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

.pl-2 {
  padding-left: .5rem;
}

.pl-3 {
  padding-left: .75rem;
}

.pl-3\.5 {
  padding-left: .875rem;
}

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

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

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

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

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

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

.pr-1 {
  padding-right: .25rem;
}

.pr-1\.5 {
  padding-right: .375rem;
}

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

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

.pr-2 {
  padding-right: .5rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-3\.5 {
  padding-right: .875rem;
}

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

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

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

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

.pt-0 {
  padding-top: 0;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

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

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

.pt-2 {
  padding-top: .5rem;
}

.pt-2\.5 {
  padding-top: .625rem;
}

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

.pt-3 {
  padding-top: .75rem;
}

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

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

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

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

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

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

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

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

.font-\[family-name\:var\(--font-geist\)\] {
  font-family: var(--font-geist);
}

.font-display {
  font-family: var(--font-display), Georgia, serif;
}

.font-mono {
  font-family: var(--font-geist-mono);
}

.font-sans {
  font-family: var(--font-geist);
}

.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-2xl {
  font-size: 1.625rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[10\.5px\] {
  font-size: 10.5px;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11\.5px\] {
  font-size: 11.5px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12\.5px\] {
  font-size: 12.5px;
}

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

.text-\[22px\] {
  font-size: 22px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

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

.italic {
  font-style: italic;
}

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

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

.leading-5 {
  line-height: 1.25rem;
}

.leading-\[0\.98\] {
  line-height: .98;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[1\.7\] {
  line-height: 1.7;
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[-0\.025em\] {
  letter-spacing: -.025em;
}

.tracking-\[-0\.02em\] {
  letter-spacing: -.02em;
}

.tracking-\[0\.12em\] {
  letter-spacing: .12em;
}

.tracking-\[0\.15em\] {
  letter-spacing: .15em;
}

.tracking-\[0\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[0\.22em\] {
  letter-spacing: .22em;
}

.tracking-\[0\.28em\] {
  letter-spacing: .28em;
}

.tracking-\[0\.2em\] {
  letter-spacing: .2em;
}

.tracking-\[0\.34em\] {
  letter-spacing: .34em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.text-\[\#0B5394\] {
  --tw-text-opacity: 1;
  color: rgb(11 83 148 / var(--tw-text-opacity, 1));
}

.text-\[\#7a4f0f\] {
  --tw-text-opacity: 1;
  color: rgb(122 79 15 / var(--tw-text-opacity, 1));
}

.text-\[\#FFC65C\] {
  --tw-text-opacity: 1;
  color: rgb(255 198 92 / var(--tw-text-opacity, 1));
}

.text-\[\#FFC65C\]\/70 {
  color: #ffc65cb3;
}

.text-\[var\(--mm-accent-amber\)\] {
  color: var(--mm-accent-amber);
}

.text-\[var\(--mm-accent-cyan\)\] {
  color: var(--mm-accent-cyan);
}

.text-\[var\(--mm-accent-emerald\)\] {
  color: var(--mm-accent-emerald);
}

.text-\[var\(--mm-accent-rose\)\] {
  color: var(--mm-accent-rose);
}

.text-\[var\(--mm-accent-violet\)\] {
  color: var(--mm-accent-violet);
}

.text-\[var\(--mm-bg-primary\)\] {
  color: var(--mm-bg-primary);
}

.text-\[var\(--mm-text-primary\)\] {
  color: var(--mm-text-primary);
}

.text-\[var\(--mm-text-secondary\)\] {
  color: var(--mm-text-secondary);
}

.text-\[var\(--mm-text-tertiary\)\] {
  color: var(--mm-text-tertiary);
}

.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}

.text-accent-foreground\/70 {
  color: hsl(var(--accent-foreground) / .7);
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-amber-400\/80 {
  color: #fbbf24cc;
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-700\/80 {
  color: #b45309cc;
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-background {
  color: hsl(var(--background));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-600\/70 {
  color: #2563ebb3;
}

.text-blue-600\/80 {
  color: #2563ebcc;
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.text-card-foreground {
  color: hsl(var(--card-foreground));
}

.text-current {
  color: currentColor;
}

.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}

.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}

.text-destructive {
  color: hsl(var(--destructive));
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}

.text-destructive\/80 {
  color: hsl(var(--destructive) / .8);
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-700\/80 {
  color: #047857cc;
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.text-foreground {
  color: hsl(var(--foreground));
}

.text-foreground\/70 {
  color: hsl(var(--foreground) / .7);
}

.text-foreground\/80 {
  color: hsl(var(--foreground) / .8);
}

.text-foreground\/90 {
  color: hsl(var(--foreground) / .9);
}

.text-fuchsia-300 {
  --tw-text-opacity: 1;
  color: rgb(240 171 252 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-lime-300 {
  --tw-text-opacity: 1;
  color: rgb(190 242 100 / var(--tw-text-opacity, 1));
}

.text-lime-300\/70 {
  color: #bef264b3;
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.text-muted-foreground\/30 {
  color: hsl(var(--muted-foreground) / .3);
}

.text-muted-foreground\/40 {
  color: hsl(var(--muted-foreground) / .4);
}

.text-muted-foreground\/50 {
  color: hsl(var(--muted-foreground) / .5);
}

.text-muted-foreground\/60 {
  color: hsl(var(--muted-foreground) / .6);
}

.text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / .7);
}

.text-muted-foreground\/80 {
  color: hsl(var(--muted-foreground) / .8);
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}

.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgb(131 24 67 / var(--tw-text-opacity, 1));
}

.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}

.text-popover-foreground\/80 {
  color: hsl(var(--popover-foreground) / .8);
}

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

.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}

.text-primary-foreground\/70 {
  color: hsl(var(--primary-foreground) / .7);
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-600\/70 {
  color: #dc2626b3;
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}

.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}

.text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}

.text-sidebar-foreground {
  color: hsl(var(--sidebar-foreground));
}

.text-sidebar-foreground\/40 {
  color: hsl(var(--sidebar-foreground) / .4);
}

.text-sidebar-foreground\/50 {
  color: hsl(var(--sidebar-foreground) / .5);
}

.text-sidebar-foreground\/60 {
  color: hsl(var(--sidebar-foreground) / .6);
}

.text-sidebar-foreground\/70 {
  color: hsl(var(--sidebar-foreground) / .7);
}

.text-sidebar-foreground\/80 {
  color: hsl(var(--sidebar-foreground) / .8);
}

.text-sky-300 {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-50 {
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: #0000;
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-violet-600\/70 {
  color: #7c3aedb3;
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}

.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/30 {
  color: #ffffff4d;
}

.text-white\/45 {
  color: #ffffff73;
}

.text-white\/50 {
  color: #ffffff80;
}

.text-white\/90 {
  color: #ffffffe6;
}

.text-white\/95 {
  color: #fffffff2;
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.text-zinc-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}

.text-zinc-800 {
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1));
}

.text-zinc-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.text-zinc-950 {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}

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

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

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

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

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.accent-emerald-600 {
  accent-color: #059669;
}

.accent-indigo-600 {
  accent-color: #4f46e5;
}

.accent-primary {
  accent-color: hsl(var(--primary));
}

.accent-red-600 {
  accent-color: #dc2626;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-25 {
  opacity: .25;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-\[0\.04\] {
  opacity: .04;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_12px_rgba\(0\,212\,255\,0\.1\)\] {
  --tw-shadow: 0 0 12px #00d4ff1a;
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_24px_-6px_rgba\(163\,230\,53\,0\.5\)\] {
  --tw-shadow: 0 0 24px -6px #a3e63580;
  --tw-shadow-colored: 0 0 24px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_8px_-2px_hsl\(var\(--primary\)\/0\.3\)\] {
  --tw-shadow: 0 0 8px -2px hsl(var(--primary) / .3);
  --tw-shadow-colored: 0 0 8px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_8px_-2px_rgb\(16_185_129\/0\.3\)\] {
  --tw-shadow: 0 0 8px -2px #10b9814d;
  --tw-shadow-colored: 0 0 8px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-amber-200\/40 {
  --tw-shadow-color: #fde68a66;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-600\/20 {
  --tw-shadow-color: #05966933;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-600\/25 {
  --tw-shadow-color: #05966940;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-600\/20 {
  --tw-shadow-color: #4f46e533;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-600\/25 {
  --tw-shadow-color: #4f46e540;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

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

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

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

.ring-inset {
  --tw-ring-inset: inset;
}

.ring-amber-300\/70 {
  --tw-ring-color: #fcd34db3;
}

.ring-amber-500\/30 {
  --tw-ring-color: #f59e0b4d;
}

.ring-amber-600\/20 {
  --tw-ring-color: #d9770633;
}

.ring-background {
  --tw-ring-color: hsl(var(--background));
}

.ring-black\/\[0\.06\] {
  --tw-ring-color: #0000000f;
}

.ring-blue-500\/30 {
  --tw-ring-color: #3b82f64d;
}

.ring-border {
  --tw-ring-color: hsl(var(--border));
}

.ring-border\/70 {
  --tw-ring-color: hsl(var(--border) / .7);
}

.ring-emerald-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1));
}

.ring-fuchsia-500\/30 {
  --tw-ring-color: #d946ef4d;
}

.ring-lime-400\/30 {
  --tw-ring-color: #a3e6354d;
}

.ring-primary\/20 {
  --tw-ring-color: hsl(var(--primary) / .2);
}

.ring-primary\/60 {
  --tw-ring-color: hsl(var(--primary) / .6);
}

.ring-red-500\/30 {
  --tw-ring-color: #ef44444d;
}

.ring-red-600\/20 {
  --tw-ring-color: #dc262633;
}

.ring-rose-500\/30 {
  --tw-ring-color: #f43f5e4d;
}

.ring-sidebar-ring {
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.ring-sky-500\/30 {
  --tw-ring-color: #0ea5e94d;
}

.ring-slate-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}

.ring-slate-500\/20 {
  --tw-ring-color: #64748b33;
}

.ring-slate-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1));
}

.ring-violet-300\/70 {
  --tw-ring-color: #c4b5fdb3;
}

.ring-white\/10 {
  --tw-ring-color: #ffffff1a;
}

.ring-white\/20 {
  --tw-ring-color: #fff3;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}

.ring-offset-white {
  --tw-ring-offset-color: #fff;
}

.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-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
  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) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

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

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

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[left\,right\,width\] {
  transition-property: left, right, width;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[margin\,opa\] {
  transition-property: margin, opa;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[width\,height\,padding\] {
  transition-property: width, height, padding;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[width\] {
  transition-property: width;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-150 {
  transition-duration: .15s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.duration-500 {
  transition-duration: .5s;
}

.duration-700 {
  transition-duration: .7s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
  animation-duration: .15s;
}

.fade-in, .fade-in-0 {
  --tw-enter-opacity: 0;
}

.zoom-in-95 {
  --tw-enter-scale: .95;
}

.slide-in-from-bottom-2 {
  --tw-enter-translate-y: .5rem;
}

.slide-in-from-left-2 {
  --tw-enter-translate-x: -.5rem;
}

.slide-in-from-top-2 {
  --tw-enter-translate-y: -.5rem;
}

.duration-150 {
  animation-duration: .15s;
}

.duration-200 {
  animation-duration: .2s;
}

.duration-300 {
  animation-duration: .3s;
}

.duration-500 {
  animation-duration: .5s;
}

.duration-700 {
  animation-duration: .7s;
}

.ease-in-out {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-linear {
  animation-timing-function: linear;
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}

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

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

.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.scrollbar-thin::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: none;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  background-clip: content-box;
  border: 2px solid #0000;
  border-radius: 9999px;
}

.scrollbar-thin:hover::-webkit-scrollbar-thumb {
  background-color: #94a3b8;
}

.thin-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.thin-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.thin-scrollbar::-webkit-scrollbar-track {
  background: none;
}

.thin-scrollbar::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}

.card-elevated {
  border: 1px solid hsl(var(--border));
  box-shadow: 0 1px 3px #0000000a, 0 1px 2px -1px #00000008;
}

.card-elevated-hover {
  transition: box-shadow .2s, transform .2s, border-color .2s;
}

.card-elevated-hover:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #0000000f, 0 2px 4px -2px #0000000a;
}

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

.skeleton * {
  pointer-events: none !important;
}

.skeleton [class^="text-"] {
  color: #0000;
  -webkit-user-select: none;
  user-select: none;
  border-radius: calc(var(--radius)  - 2px);
  background-color: hsl(var(--foreground) / .2);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.skeleton .skeleton-bg {
  background-color: hsl(var(--foreground) / .1);
}

.skeleton .skeleton-div {
  background-color: hsl(var(--foreground) / .2);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.ProseMirror {
  outline: none;
}

.cm-editor, .cm-gutters {
  background-color: hsl(var(--background)) !important;
  outline-offset: 2px !important;
  outline: 2px solid #0000 !important;
}

.cm-editor ::selection, .cm-gutters ::selection, .cm-editor::selection, .cm-gutters::selection {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1)) !important;
}

.cm-editor:is(.dark *), .cm-gutters:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1)) !important;
}

.ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .ͼo.cm-selectionBackground, .ͼo.cm-content::selection {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1)) !important;
}

.ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground:is(.dark *), .ͼo.cm-selectionBackground:is(.dark *), .ͼo.cm-content:is(.dark *)::selection {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1)) !important;
}

.cm-activeLine, .cm-activeLineGutter {
  background-color: #0000 !important;
}

.cm-activeLine {
  border-top-right-radius: calc(var(--radius)  - 4px) !important;
  border-bottom-right-radius: calc(var(--radius)  - 4px) !important;
}

.cm-lineNumbers {
  min-width: 1.75rem;
}

.cm-foldGutter {
  min-width: .75rem;
}

.cm-lineNumbers .cm-activeLineGutter {
  border-top-left-radius: calc(var(--radius)  - 4px) !important;
  border-bottom-left-radius: calc(var(--radius)  - 4px) !important;
}

.b-grid-cell, .b-grid-cell-inner, .b-tree-cell-value {
  vertical-align: middle !important;
  font-size: .6875rem !important;
  line-height: 1.125rem !important;
}

.b-grid-cell {
  align-items: center !important;
  display: flex !important;
}

.b-grid-cell-inner {
  align-items: center !important;
  width: 100% !important;
  display: flex !important;
}

.b-grid-header, .b-grid-header-text, .b-grid-header-container .b-grid-header-text {
  text-transform: none !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.25rem !important;
}

.b-grid-row, .b-grid-row .b-grid-cell {
  font-size: .6875rem !important;
}

.aris-metric-inline {
  justify-content: flex-end;
  align-items: center;
  gap: .375rem;
  width: 100%;
  display: flex;
}

.aris-metric-inline-chip {
  color: #64748b;
  background-color: #94a3b814;
  border-radius: 9999px;
  align-items: center;
  gap: .15rem;
  padding: .1rem .4rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  display: inline-flex;
}

.aris-metric-inline-up {
  color: #047857;
  background-color: #ecfdf5;
}

.aris-metric-inline-down {
  color: #b91c1c;
  background-color: #fef2f2;
}

.aris-metric-inline-flat {
  color: #4b5563;
  background-color: #f3f4f6;
}

.aris-metric-inline-value {
  font-variant-numeric: tabular-nums;
  margin-left: auto;
}

.b-treegrid .b-grid-cell, .b-treegrid .b-grid-cell-inner {
  font-size: .6875rem !important;
}

.aris-compact-cell {
  line-height: 1.25rem;
  padding: 4px 8px !important;
}

.aris-compact-header .b-grid-header-text, .b-grid-header.aris-compact-header, .b-grid-header-container .b-grid-header.aris-compact-header {
  padding: 4px 8px !important;
}

.aris-delta-cell, .aris-yoy-cell {
  font-variant-numeric: tabular-nums;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.aris-delta-chip {
  background: linear-gradient(135deg, #22c55e14, #22c55e05);
  border: 1px solid #22c55e3d;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  display: inline-flex;
  box-shadow: 0 1px 2px #0000000f;
}

.aris-delta-stack {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.aris-delta-label {
  color: #64748b;
  font-size: .75rem;
}

.aris-delta-up {
  color: #10b981;
}

.aris-delta-down {
  color: #ef4444;
}

.aris-delta-flat {
  color: #64748b;
}

.aris-yoy-cell {
  background: linear-gradient(135deg, #0ea5e914, #0ea5e905);
  border: 1px solid #0ea5e92e;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  padding: 6px 8px;
}

.aris-yoy-current {
  font-weight: 700;
}

.aris-yoy-meta {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.aris-yoy-previous {
  color: #64748b;
  font-size: .75rem;
}

.aris-yoy-delta {
  font-weight: 600;
}

.aris-period-chip {
  background: radial-gradient(circle at 10% 20%, #0ea5e91f, #0ea5e908);
  border: 1px solid #0ea5e929;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  padding: 8px 10px;
  display: flex;
  box-shadow: inset 0 1px #fff3;
}

.aris-period-top {
  gap: 6px;
  display: flex;
}

.aris-period-values {
  align-items: center;
  gap: 6px;
  font-weight: 600;
  display: flex;
}

.aris-period-current {
  color: #1e40af;
}

.aris-period-previous {
  color: #64748b;
  font-size: .875rem;
}

.aris-period-divider {
  color: #64748b;
}

.aris-period-delta {
  font-size: .875rem;
  font-weight: 700;
}

.aris-sparkline {
  display: block;
}

.aris-sparkline-empty {
  color: #94a3b8;
}

.aris-pill {
  color: #1e40af;
  background: #0ea5e924;
  border-radius: 9999px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.aris-pill-ghost {
  color: #475569;
  background: #94a3b829;
}

.aris-finance-cell {
  background: linear-gradient(90deg, #3b82f614, #3b82f600);
  border-radius: 10px;
  box-shadow: inset 0 1px #fff6;
  padding: 6px 10px !important;
}

.aris-finance-cell strong {
  font-weight: 700;
}

.aris-frosted-row .b-grid-cell-inner {
  background: linear-gradient(135deg, #ffffffc2, #f1f5f9c2);
  border-radius: 10px;
}

.dark .b-gridbase, .dark .b-grid-panel-body, .dark .b-grid-body-container {
  color: #f3f5f7 !important;
  background-color: #14171f !important;
}

.dark .b-grid-header-container, .dark .b-grid-headers, .dark .b-grid-header {
  color: #f3f5f7 !important;
  background-color: #11141d !important;
  border-color: #272b34 !important;
}

.dark .b-grid-header-text {
  color: #f3f5f7 !important;
}

.dark .b-grid-cell {
  color: #f3f5f7 !important;
  background-color: #14171f !important;
  border-color: #272b34 !important;
}

.dark .b-grid-row {
  background-color: #14171f !important;
  border-color: #272b34 !important;
}

.dark .b-grid-row.b-selected .b-grid-cell, .dark .b-grid-row.b-hover .b-grid-cell {
  background-color: #1e2129 !important;
}

.dark .b-grid-cell-inner {
  color: #f3f5f7 !important;
}

.dark .b-panel-header, .dark .b-toolbar, .dark .b-panel-body-wrap {
  color: #f3f5f7 !important;
  background-color: #14171f !important;
  border-color: #272b34 !important;
}

.dark .b-grid-splitter {
  background-color: #272b34 !important;
}

.dark .aris-metric-inline-chip {
  color: #8996a9;
  background-color: #94a3b81f;
}

.dark .aris-metric-inline-up {
  color: #34d399;
  background-color: #10b98126;
}

.dark .aris-metric-inline-down {
  color: #f87171;
  background-color: #ef444426;
}

.dark .aris-metric-inline-flat {
  color: #8996a9;
  background-color: #94a3b81f;
}

.dark .aris-delta-chip {
  background: linear-gradient(135deg, #22c55e1f, #22c55e0a);
  border-color: #22c55e4d;
  box-shadow: 0 1px 2px #0003;
}

.dark .aris-delta-label {
  color: #8996a9;
}

.dark .aris-delta-up {
  color: #34d399;
}

.dark .aris-delta-down {
  color: #f87171;
}

.dark .aris-delta-flat {
  color: #8996a9;
}

.dark .aris-yoy-cell {
  background: linear-gradient(135deg, #0ea5e91f, #0ea5e90a);
  border-color: #0ea5e93d;
}

.dark .aris-yoy-previous {
  color: #8996a9;
}

.dark .aris-period-chip {
  background: radial-gradient(circle at 10% 20%, #0ea5e929, #0ea5e90d);
  border-color: #0ea5e938;
  box-shadow: inset 0 1px #ffffff0d;
}

.dark .aris-period-current {
  color: #60a5fa;
}

.dark .aris-period-previous, .dark .aris-period-divider, .dark .aris-sparkline-empty {
  color: #8996a9;
}

.dark .aris-pill {
  color: #60a5fa;
  background: #0ea5e92e;
}

.dark .aris-pill-ghost {
  color: #8996a9;
  background: #94a3b81f;
}

.dark .aris-finance-cell {
  background: linear-gradient(90deg, #3b82f61f, #3b82f600);
  box-shadow: inset 0 1px #ffffff0d;
}

.dark .aris-frosted-row .b-grid-cell-inner {
  background: linear-gradient(135deg, #1e293bc2, #0f172ac2) !important;
}

p > em:first-child {
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
  font-style: normal;
}

p:has( > em:only-child) {
  color: hsl(var(--muted-foreground));
  font-size: .875rem;
  font-style: normal;
}

[data-testid="message-content"] > :first-child {
  margin-top: .25rem !important;
  padding-top: 0 !important;
}

div[data-testid="message-content"] > h1.mt-1:first-child, div[data-testid="message-content"] > h2.mt-6:first-child, div[data-testid="message-content"] > h3.mt-4:first-child, div[data-testid="message-content"] > h4.mt-4:first-child {
  margin-top: .25rem !important;
}

[data-testid="message-content"] > :last-child {
  margin-bottom: .25rem !important;
}

[data-testid="message-content"] h2 + h3 {
  margin-top: 1rem !important;
}

[data-testid="message-content"] h2 + p + div > table, [data-testid="message-content"] h3 + p + div > table {
  margin-top: .5rem !important;
}

@page {
  margin: .75in;
}

@media print {
  body {
    background: #fff !important;
  }

  .no-print {
    display: none !important;
  }

  .chat-page-root {
    height: auto !important;
    min-height: auto !important;
  }

  .chat-messages {
    overflow: visible !important;
  }

  .chat-message {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
  }

  [data-testid="message-content"], .chat-message img, .chat-message table {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

@keyframes fadeInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.table-loading-placeholder {
  color: #64748b;
  font-size: .875rem;
  font-style: italic;
  animation: .4s ease-out fadeInFromLeft;
  display: inline-block;
}

@keyframes streamingFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.streaming-content p, .streaming-content h1, .streaming-content h2, .streaming-content h3, .streaming-content h4, .streaming-content h5, .streaming-content h6, .streaming-content ul, .streaming-content ol, .streaming-content li, .streaming-content pre, .streaming-content blockquote {
  animation: .35s cubic-bezier(.4, 0, .2, 1) both streamingFadeIn;
}

.streaming-content table, .streaming-content table *, .streaming-content .inline-chart-wrapper, .streaming-content .inline-chart-wrapper * {
  animation: none !important;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.b-grid-header.fc-elapsed-divider, .b-grid-cell.fc-elapsed-divider {
  border-right: 2px solid hsl(var(--primary, 222 47% 50%) / .45) !important;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  opacity: .55;
  cursor: se-resize;
  transition: opacity .15s, transform .1s;
  z-index: 30 !important;
  background: #2563eb !important;
  border-radius: 4px 0 !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  bottom: 3px !important;
  right: 3px !important;
  box-shadow: 0 1px 2px #00000040 !important;
}

.react-grid-item:hover > .react-resizable-handle.react-resizable-handle-se {
  opacity: 1;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se:hover {
  transform: scale(1.15);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se:after {
  display: none !important;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se:before {
  content: "";
  border-bottom: 2px solid #ffffffe6;
  border-right: 2px solid #ffffffe6;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 3px;
  right: 3px;
}

.dark\:prose-invert:is(.dark *) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.file\:border-0::file-selector-button {
  border-width: 0;
}

.file\:bg-transparent::file-selector-button {
  background-color: #0000;
}

.file\:text-sm::file-selector-button {
  font-size: .875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}

.placeholder\:font-normal::placeholder {
  font-weight: 400;
}

.placeholder\:text-\[var\(--mm-text-tertiary\)\]::placeholder {
  color: var(--mm-text-tertiary);
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground\/50::placeholder {
  color: hsl(var(--muted-foreground) / .5);
}

.placeholder\:text-muted-foreground\/60::placeholder {
  color: hsl(var(--muted-foreground) / .6);
}

.placeholder\:text-slate-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.placeholder\:text-zinc-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-2:after {
  content: var(--tw-content);
  inset: -.5rem;
}

.after\:inset-y-0:after {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}

.after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.last\:mb-0:last-child {
  margin-bottom: 0;
}

.last\:border-0:last-child {
  border-width: 0;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[var\(--mm-border\)\]:hover {
  border-color: var(--mm-border);
}

.hover\:border-\[var\(--mm-border-focus\)\]:hover {
  border-color: var(--mm-border-focus);
}

.hover\:border-\[var\(--mm-text-tertiary\)\]:hover {
  border-color: var(--mm-text-tertiary);
}

.hover\:border-black\/10:hover {
  border-color: #0000001a;
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.hover\:border-destructive\/90:hover {
  border-color: hsl(var(--destructive) / .9);
}

.hover\:border-emerald-500\/30:hover {
  border-color: #10b9814d;
}

.hover\:border-emerald-500\/60:hover {
  border-color: #10b98199;
}

.hover\:border-foreground\/20:hover {
  border-color: hsl(var(--foreground) / .2);
}

.hover\:border-foreground\/30:hover {
  border-color: hsl(var(--foreground) / .3);
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.hover\:border-primary\/20:hover {
  border-color: hsl(var(--primary) / .2);
}

.hover\:border-primary\/30:hover {
  border-color: hsl(var(--primary) / .3);
}

.hover\:border-primary\/40:hover {
  border-color: hsl(var(--primary) / .4);
}

.hover\:border-primary\/50:hover {
  border-color: hsl(var(--primary) / .5);
}

.hover\:border-primary\/60:hover {
  border-color: hsl(var(--primary) / .6);
}

.hover\:border-opacity-20:hover {
  --tw-border-opacity: .2;
}

.hover\:border-opacity-60:hover {
  --tw-border-opacity: .6;
}

.hover\:bg-\[\#F0B64C\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 182 76 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[var\(--mm-accent-cyan-dim\)\]:hover {
  background-color: var(--mm-accent-cyan-dim);
}

.hover\:bg-\[var\(--mm-accent-rose-dim\)\]:hover {
  background-color: var(--mm-accent-rose-dim);
}

.hover\:bg-\[var\(--mm-bg-elevated\)\]:hover {
  background-color: var(--mm-bg-elevated);
}

.hover\:bg-\[var\(--mm-bg-secondary\)\]:hover {
  background-color: var(--mm-bg-secondary);
}

.hover\:bg-\[var\(--mm-bg-tertiary\)\]:hover {
  background-color: var(--mm-bg-tertiary);
}

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}

.hover\:bg-accent-foreground\/80:hover {
  background-color: hsl(var(--accent-foreground) / .8);
}

.hover\:bg-accent\/30:hover {
  background-color: hsl(var(--accent) / .3);
}

.hover\:bg-accent\/50:hover {
  background-color: hsl(var(--accent) / .5);
}

.hover\:bg-accent\/80:hover {
  background-color: hsl(var(--accent) / .8);
}

.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}

.hover\:bg-background:hover {
  background-color: hsl(var(--background));
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-border:hover {
  background-color: hsl(var(--border));
}

.hover\:bg-destructive\/10:hover {
  background-color: hsl(var(--destructive) / .1);
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / .9);
}

.hover\:bg-emerald-100\/70:hover {
  background-color: #d1fae5b3;
}

.hover\:bg-emerald-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-500\/10:hover {
  background-color: #10b9811a;
}

.hover\:bg-emerald-500\/20:hover {
  background-color: #10b98133;
}

.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50\/80:hover {
  background-color: #f9fafbcc;
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50\/60:hover {
  background-color: #eef2ff99;
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/10:hover {
  background-color: hsl(var(--muted) / .1);
}

.hover\:bg-muted\/20:hover {
  background-color: hsl(var(--muted) / .2);
}

.hover\:bg-muted\/30:hover {
  background-color: hsl(var(--muted) / .3);
}

.hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted) / .4);
}

.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / .5);
}

.hover\:bg-muted\/60:hover {
  background-color: hsl(var(--muted) / .6);
}

.hover\:bg-muted\/70:hover {
  background-color: hsl(var(--muted) / .7);
}

.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary\/10:hover {
  background-color: hsl(var(--primary) / .1);
}

.hover\:bg-primary\/20:hover {
  background-color: hsl(var(--primary) / .2);
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / .9);
}

.hover\:bg-red-100\/50:hover {
  background-color: #fee2e280;
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/80:hover {
  background-color: #ef4444cc;
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary));
}

.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / .8);
}

.hover\:bg-sidebar-accent:hover {
  background-color: hsl(var(--sidebar-accent));
}

.hover\:bg-sidebar-accent\/50:hover {
  background-color: hsl(var(--sidebar-accent) / .5);
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-100\/80:hover {
  background-color: #f1f5f9cc;
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-900\/80:hover {
  background-color: #0f172acc;
}

.hover\:bg-teal-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}

.hover\:bg-transparent:hover {
  background-color: #0000;
}

.hover\:bg-zinc-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-zinc-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

.hover\:bg-zinc-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: #1d4ed800 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-violet-700:hover {
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
  --tw-gradient-to: #6d28d900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-cyan-700:hover {
  --tw-gradient-to: #0e7490 var(--tw-gradient-to-position);
}

.hover\:to-fuchsia-700:hover {
  --tw-gradient-to: #a21caf var(--tw-gradient-to-position);
}

.hover\:to-violet-700:hover {
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}

.hover\:text-\[var\(--mm-accent-cyan\)\]:hover {
  color: var(--mm-accent-cyan);
}

.hover\:text-\[var\(--mm-accent-emerald\)\]:hover {
  color: var(--mm-accent-emerald);
}

.hover\:text-\[var\(--mm-accent-rose\)\]:hover {
  color: var(--mm-accent-rose);
}

.hover\:text-\[var\(--mm-accent-violet\)\]:hover {
  color: var(--mm-accent-violet);
}

.hover\:text-\[var\(--mm-text-primary\)\]:hover {
  color: var(--mm-text-primary);
}

.hover\:text-\[var\(--mm-text-secondary\)\]:hover {
  color: var(--mm-text-secondary);
}

.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}

.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-800:hover {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-900:hover {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.hover\:text-destructive:hover {
  color: hsl(var(--destructive));
}

.hover\:text-destructive\/80:hover {
  color: hsl(var(--destructive) / .8);
}

.hover\:text-emerald-700:hover {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.hover\:text-emerald-900:hover {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}

.hover\:text-foreground\/80:hover {
  color: hsl(var(--foreground) / .8);
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.hover\:text-green-900:hover {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.hover\:text-lime-200:hover {
  --tw-text-opacity: 1;
  color: rgb(217 249 157 / var(--tw-text-opacity, 1));
}

.hover\:text-lime-300:hover {
  --tw-text-opacity: 1;
  color: rgb(190 242 100 / var(--tw-text-opacity, 1));
}

.hover\:text-muted-foreground:hover {
  color: hsl(var(--muted-foreground));
}

.hover\:text-muted-foreground\/60:hover {
  color: hsl(var(--muted-foreground) / .6);
}

.hover\:text-primary:hover {
  color: hsl(var(--primary));
}

.hover\:text-primary\/80:hover {
  color: hsl(var(--primary) / .8);
}

.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-900:hover {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-700:hover {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.hover\:text-sidebar-accent-foreground:hover {
  color: hsl(var(--sidebar-accent-foreground));
}

.hover\:text-sidebar-foreground:hover {
  color: hsl(var(--sidebar-foreground));
}

.hover\:text-sidebar-foreground\/70:hover {
  color: hsl(var(--sidebar-foreground) / .7);
}

.hover\:text-slate-200:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-600:hover {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.hover\:text-violet-900:hover {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}

.hover\:text-zinc-600:hover {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.hover\:text-zinc-950:hover {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}

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

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

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-70:hover {
  opacity: .7;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.hover\:opacity-90:hover {
  opacity: .9;
}

.hover\:shadow:hover {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_0_12px_-2px_hsl\(var\(--primary\)\/0\.4\)\]:hover {
  --tw-shadow: 0 0 12px -2px hsl(var(--primary) / .4);
  --tw-shadow-colored: 0 0 12px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_0_12px_-2px_rgb\(16_185_129\/0\.4\)\]:hover {
  --tw-shadow: 0 0 12px -2px #10b98166;
  --tw-shadow-colored: 0 0 12px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\]:hover {
  --tw-shadow: 0 1px 3px #0000000a;
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.hover\:ring-foreground\/30:hover {
  --tw-ring-color: hsl(var(--foreground) / .3);
}

.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:after\:bg-sidebar-border:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}

.focus\:border-\[\#0B5394\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(11 83 148 / var(--tw-border-opacity, 1));
}

.focus\:border-\[var\(--mm-border-focus\)\]:focus {
  border-color: var(--mm-border-focus);
}

.focus\:border-\[var\(--mm-text-tertiary\)\]:focus {
  border-color: var(--mm-text-tertiary);
}

.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:border-foreground\/60:focus {
  border-color: hsl(var(--foreground) / .6);
}

.focus\:border-primary:focus {
  border-color: hsl(var(--primary));
}

.focus\:border-primary\/40:focus {
  border-color: hsl(var(--primary) / .4);
}

.focus\:border-ring:focus {
  border-color: hsl(var(--ring));
}

.focus\:border-rose-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus {
  border-color: #0000;
}

.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}

.focus\:bg-destructive\/15:focus {
  background-color: hsl(var(--destructive) / .15);
}

.focus\:bg-transparent:focus {
  background-color: #0000;
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}

.focus\:text-amber-700:focus {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.focus\:text-destructive:focus {
  color: hsl(var(--destructive));
}

.focus\:text-emerald-700:focus {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.focus\:text-foreground:focus {
  color: hsl(var(--foreground));
}

.focus\:text-red-600:focus {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

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

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

.focus\:ring-\[\#0B5394\]\/20:focus {
  --tw-ring-color: #0b539433;
}

.focus\:ring-\[var\(--mm-accent-cyan\)\]:focus {
  --tw-ring-color: var(--mm-accent-cyan);
}

.focus\:ring-\[var\(--mm-accent-rose\)\]:focus {
  --tw-ring-color: var(--mm-accent-rose);
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary:focus {
  --tw-ring-color: hsl(var(--primary));
}

.focus\:ring-primary\/30:focus {
  --tw-ring-color: hsl(var(--primary) / .3);
}

.focus\:ring-red-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-rose-500\/20:focus {
  --tw-ring-color: #f43f5e33;
}

.focus\:ring-slate-950:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:border-primary\/40:focus-visible {
  border-color: hsl(var(--primary) / .4);
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

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

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

.focus-visible\:ring-\[\#FFC65C\]\/50:focus-visible {
  --tw-ring-color: #ffc65c80;
}

.focus-visible\:ring-primary\/20:focus-visible {
  --tw-ring-color: hsl(var(--primary) / .2);
}

.focus-visible\:ring-red-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-red-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-sidebar-ring:focus-visible {
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.focus-visible\:ring-slate-950:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

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

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.active\:bg-\[\#E5AC42\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 172 66 / var(--tw-bg-opacity, 1));
}

.active\:bg-emerald-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}

.active\:bg-sidebar-accent:active {
  background-color: hsl(var(--sidebar-accent));
}

.active\:bg-teal-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity, 1));
}

.active\:text-sidebar-accent-foreground:active {
  color: hsl(var(--sidebar-accent-foreground));
}

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

.disabled\:cursor-default:disabled {
  cursor: default;
}

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

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-muted:disabled {
  background-color: hsl(var(--muted));
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.disabled\:text-muted-foreground:disabled {
  color: hsl(var(--muted-foreground));
}

.disabled\:opacity-20:disabled {
  opacity: .2;
}

.disabled\:opacity-30:disabled {
  opacity: .3;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.disabled\:opacity-70:disabled {
  opacity: .7;
}

.disabled\:hover\:bg-muted:hover:disabled {
  background-color: hsl(var(--muted));
}

.group[open] .group-open\:inline {
  display: inline;
}

.group[open] .group-open\:hidden {
  display: none;
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:-translate-x-0\.5 {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-zinc-900 {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-accent {
  background-color: hsl(var(--accent));
}

.group:hover .group-hover\:bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-muted {
  background-color: hsl(var(--muted));
}

.group:hover .group-hover\:text-\[var\(--mm-accent-cyan\)\] {
  color: var(--mm-accent-cyan);
}

.group:hover .group-hover\:text-\[var\(--mm-text-primary\)\] {
  color: var(--mm-text-primary);
}

.group:hover .group-hover\:text-\[var\(--mm-text-secondary\)\] {
  color: var(--mm-text-secondary);
}

.group:hover .group-hover\:text-foreground {
  color: hsl(var(--foreground));
}

.group:hover .group-hover\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.group:hover .group-hover\:text-primary {
  color: hsl(var(--primary));
}

.group\/chat-item:hover .group-hover\/chat-item\:opacity-100, .group\/menu-item:hover .group-hover\/menu-item\:opacity-100, .group\/message:hover .group-hover\/message\:opacity-100, .group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-\[0\.06\] {
  opacity: .06;
}

.group:hover .group-hover\:opacity-\[0\.07\] {
  opacity: .07;
}

.group:hover .group-hover\:opacity-\[0\.08\] {
  opacity: .08;
}

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: .7;
}

.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
  background-color: hsl(var(--sidebar-background));
}

.group\/menu-item:has([data-sidebar="menu-action"]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}

.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}

.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: .5;
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}

.data-\[state\=open\]\:bg-sidebar-accent[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}

.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}

.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}

.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[type\=error\]\:text-red-600[data-type="error"] {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.data-\[type\=success\]\:text-green-600[data-type="success"] {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: .5;
}

.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: .3s;
}

.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: .5s;
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
  animation-duration: .15s;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
  animation-name: exit;
  animation-duration: .15s;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: .5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: .5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: .3s;
}

.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: .5s;
}

.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}

.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}

.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}

.group\/message[data-role="user"] .group-data-\[role\=user\]\/message\:ml-auto {
  margin-left: auto;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon)  + 1rem);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon)  + 1rem + 2px);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0;
}

.group\/message[data-role="user"] .group-data-\[role\=user\]\/message\:w-fit {
  width: fit-content;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--radius);
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}

.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}

.group[data-side="left"] .group-data-\[side\=left\]\:border-r-0 {
  border-right-width: 0;
}

.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}

.group\/message[data-role="user"] .group-data-\[role\=user\]\/message\:bg-muted {
  background-color: hsl(var(--muted));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0 !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: .5rem !important;
}

.group\/message[data-role="user"] .group-data-\[role\=user\]\/message\:px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.group\/message[data-role="user"] .group-data-\[role\=user\]\/message\:py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.group\/item[data-active="true"] .group-data-\[active\=true\]\/item\:opacity-100 {
  opacity: 1;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
  content: var(--tw-content);
  left: 100%;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: hsl(var(--sidebar-background));
}

.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: .375rem;
}

.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: .625rem;
}

.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: .25rem;
}

.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}

.prose-headings\:text-foreground :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--foreground));
}

.prose-h2\:mb-3 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: .75rem;
}

.prose-h2\:mt-0 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-h2\:text-base :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1rem;
  line-height: 1.5rem;
}

.prose-h2\:font-semibold :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 600;
}

.prose-h3\:mb-1\.5 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: .375rem;
}

.prose-h3\:mt-4 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1rem;
}

.prose-h3\:text-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .875rem;
  line-height: 1.25rem;
}

.prose-h3\:font-semibold :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 600;
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}

.dark\:border-amber-500\/30:is(.dark *) {
  border-color: #f59e0b4d;
}

.dark\:border-amber-500\/50:is(.dark *) {
  border-color: #f59e0b80;
}

.dark\:border-amber-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-700\/50:is(.dark *) {
  border-color: #b4530980;
}

.dark\:border-amber-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-800\/30:is(.dark *) {
  border-color: #92400e4d;
}

.dark\:border-amber-800\/40:is(.dark *) {
  border-color: #92400e66;
}

.dark\:border-amber-800\/50:is(.dark *) {
  border-color: #92400e80;
}

.dark\:border-amber-900\/30:is(.dark *) {
  border-color: #78350f4d;
}

.dark\:border-amber-900\/50:is(.dark *) {
  border-color: #78350f80;
}

.dark\:border-blue-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-800\/30:is(.dark *) {
  border-color: #1e40af4d;
}

.dark\:border-blue-800\/40:is(.dark *) {
  border-color: #1e40af66;
}

.dark\:border-blue-900\/50:is(.dark *) {
  border-color: #1e3a8a80;
}

.dark\:border-border:is(.dark *) {
  border-color: hsl(var(--border));
}

.dark\:border-cyan-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
}

.dark\:border-destructive:is(.dark *) {
  border-color: hsl(var(--destructive));
}

.dark\:border-emerald-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-700\/60:is(.dark *) {
  border-color: #04785799;
}

.dark\:border-emerald-800\/40:is(.dark *) {
  border-color: #065f4666;
}

.dark\:border-emerald-800\/50:is(.dark *) {
  border-color: #065f4680;
}

.dark\:border-emerald-900\/30:is(.dark *) {
  border-color: #064e3b4d;
}

.dark\:border-emerald-900\/50:is(.dark *) {
  border-color: #064e3b80;
}

.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.dark\:border-indigo-800\/60:is(.dark *) {
  border-color: #3730a399;
}

.dark\:border-indigo-900\/30:is(.dark *) {
  border-color: #312e814d;
}

.dark\:border-orange-700\/60:is(.dark *) {
  border-color: #c2410c99;
}

.dark\:border-primary\/30:is(.dark *) {
  border-color: hsl(var(--primary) / .3);
}

.dark\:border-purple-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}

.dark\:border-purple-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}

.dark\:border-purple-800\/40:is(.dark *) {
  border-color: #6b21a866;
}

.dark\:border-red-500\/40:is(.dark *) {
  border-color: #ef444466;
}

.dark\:border-red-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

.dark\:border-red-700\/50:is(.dark *) {
  border-color: #b91c1c80;
}

.dark\:border-red-700\/60:is(.dark *) {
  border-color: #b91c1c99;
}

.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.dark\:border-red-800\/50:is(.dark *) {
  border-color: #991b1b80;
}

.dark\:border-red-900\/30:is(.dark *) {
  border-color: #7f1d1d4d;
}

.dark\:border-red-900\/50:is(.dark *) {
  border-color: #7f1d1d80;
}

.dark\:border-sky-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity, 1));
}

.dark\:border-sky-700\/50:is(.dark *) {
  border-color: #0369a180;
}

.dark\:border-slate-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.dark\:border-violet-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217 / var(--tw-border-opacity, 1));
}

.dark\:border-violet-700\/50:is(.dark *) {
  border-color: #6d28d980;
}

.dark\:border-white\/\[0\.06\]:is(.dark *) {
  border-color: #ffffff0f;
}

.dark\:border-yellow-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

.dark\:border-yellow-900\/30:is(.dark *) {
  border-color: #713f124d;
}

.dark\:bg-accent\/20:is(.dark *) {
  background-color: hsl(var(--accent) / .2);
}

.dark\:bg-amber-500\/10:is(.dark *) {
  background-color: #f59e0b1a;
}

.dark\:bg-amber-500\/15:is(.dark *) {
  background-color: #f59e0b26;
}

.dark\:bg-amber-500\/20:is(.dark *) {
  background-color: #f59e0b33;
}

.dark\:bg-amber-900\/10:is(.dark *) {
  background-color: #78350f1a;
}

.dark\:bg-amber-900\/20:is(.dark *) {
  background-color: #78350f33;
}

.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: #78350f4d;
}

.dark\:bg-amber-900\/40:is(.dark *) {
  background-color: #78350f66;
}

.dark\:bg-amber-900\/5:is(.dark *) {
  background-color: #78350f0d;
}

.dark\:bg-amber-950\/10:is(.dark *) {
  background-color: #451a031a;
}

.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: #451a0333;
}

.dark\:bg-amber-950\/30:is(.dark *) {
  background-color: #451a034d;
}

.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: #451a0366;
}

.dark\:bg-background:is(.dark *) {
  background-color: hsl(var(--background));
}

.dark\:bg-black\/20:is(.dark *) {
  background-color: #0003;
}

.dark\:bg-blue-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: #1e3a8a33;
}

.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: #1e3a8a4d;
}

.dark\:bg-blue-900\/40:is(.dark *) {
  background-color: #1e3a8a66;
}

.dark\:bg-blue-950\/20:is(.dark *) {
  background-color: #17255433;
}

.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: #1725544d;
}

.dark\:bg-blue-950\/40:is(.dark *) {
  background-color: #17255466;
}

.dark\:bg-card:is(.dark *) {
  background-color: hsl(var(--card));
}

.dark\:bg-cyan-900\/30:is(.dark *) {
  background-color: #164e634d;
}

.dark\:bg-cyan-950\/50:is(.dark *) {
  background-color: #08334480;
}

.dark\:bg-emerald-500\/10:is(.dark *) {
  background-color: #10b9811a;
}

.dark\:bg-emerald-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}

.dark\:bg-emerald-900\/20:is(.dark *) {
  background-color: #064e3b33;
}

.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: #064e3b4d;
}

.dark\:bg-emerald-900\/40:is(.dark *) {
  background-color: #064e3b66;
}

.dark\:bg-emerald-950\/20:is(.dark *) {
  background-color: #022c2233;
}

.dark\:bg-emerald-950\/30:is(.dark *) {
  background-color: #022c224d;
}

.dark\:bg-emerald-950\/40:is(.dark *) {
  background-color: #022c2266;
}

.dark\:bg-emerald-950\/50:is(.dark *) {
  background-color: #022c2280;
}

.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: #1f293780;
}

.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-500\/70:is(.dark *) {
  background-color: #22c55eb3;
}

.dark\:bg-green-900\/20:is(.dark *) {
  background-color: #14532d33;
}

.dark\:bg-green-900\/30:is(.dark *) {
  background-color: #14532d4d;
}

.dark\:bg-indigo-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
}

.dark\:bg-indigo-900\/30:is(.dark *) {
  background-color: #312e814d;
}

.dark\:bg-indigo-950\/30:is(.dark *) {
  background-color: #1e1b4b4d;
}

.dark\:bg-indigo-950\/40:is(.dark *) {
  background-color: #1e1b4b66;
}

.dark\:bg-muted:is(.dark *) {
  background-color: hsl(var(--muted));
}

.dark\:bg-muted\/50:is(.dark *) {
  background-color: hsl(var(--muted) / .5);
}

.dark\:bg-orange-900\/30:is(.dark *) {
  background-color: #7c2d124d;
}

.dark\:bg-orange-950\/20:is(.dark *) {
  background-color: #43140733;
}

.dark\:bg-pink-900\/30:is(.dark *) {
  background-color: #8318434d;
}

.dark\:bg-purple-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}

.dark\:bg-purple-900\/20:is(.dark *) {
  background-color: #581c8733;
}

.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: #581c874d;
}

.dark\:bg-purple-950\/40:is(.dark *) {
  background-color: #3b076466;
}

.dark\:bg-purple-950\/50:is(.dark *) {
  background-color: #3b076480;
}

.dark\:bg-red-500\/70:is(.dark *) {
  background-color: #ef4444b3;
}

.dark\:bg-red-900\/10:is(.dark *) {
  background-color: #7f1d1d1a;
}

.dark\:bg-red-900\/20:is(.dark *) {
  background-color: #7f1d1d33;
}

.dark\:bg-red-900\/30:is(.dark *) {
  background-color: #7f1d1d4d;
}

.dark\:bg-red-900\/40:is(.dark *) {
  background-color: #7f1d1d66;
}

.dark\:bg-red-950\/10:is(.dark *) {
  background-color: #450a0a1a;
}

.dark\:bg-red-950\/20:is(.dark *) {
  background-color: #450a0a33;
}

.dark\:bg-red-950\/30:is(.dark *) {
  background-color: #450a0a4d;
}

.dark\:bg-red-950\/40:is(.dark *) {
  background-color: #450a0a66;
}

.dark\:bg-rose-900\/30:is(.dark *) {
  background-color: #8813374d;
}

.dark\:bg-sky-900\/30:is(.dark *) {
  background-color: #0c4a6e4d;
}

.dark\:bg-sky-950\/30:is(.dark *) {
  background-color: #082f494d;
}

.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800\/10:is(.dark *) {
  background-color: #1e293b1a;
}

.dark\:bg-slate-800\/20:is(.dark *) {
  background-color: #1e293b33;
}

.dark\:bg-slate-800\/30:is(.dark *) {
  background-color: #1e293b4d;
}

.dark\:bg-slate-800\/50:is(.dark *) {
  background-color: #1e293b80;
}

.dark\:bg-slate-800\/60:is(.dark *) {
  background-color: #1e293b99;
}

.dark\:bg-slate-900\/30:is(.dark *) {
  background-color: #0f172a4d;
}

.dark\:bg-slate-900\/50:is(.dark *) {
  background-color: #0f172a80;
}

.dark\:bg-teal-900\/30:is(.dark *) {
  background-color: #134e4a4d;
}

.dark\:bg-violet-500\/15:is(.dark *) {
  background-color: #8b5cf626;
}

.dark\:bg-violet-500\/20:is(.dark *) {
  background-color: #8b5cf633;
}

.dark\:bg-violet-900\/20:is(.dark *) {
  background-color: #4c1d9533;
}

.dark\:bg-violet-900\/30:is(.dark *) {
  background-color: #4c1d954d;
}

.dark\:bg-violet-900\/40:is(.dark *) {
  background-color: #4c1d9566;
}

.dark\:bg-violet-900\/5:is(.dark *) {
  background-color: #4c1d950d;
}

.dark\:bg-violet-950\/20:is(.dark *) {
  background-color: #2e106533;
}

.dark\:bg-violet-950\/30:is(.dark *) {
  background-color: #2e10654d;
}

.dark\:bg-white\/5:is(.dark *) {
  background-color: #ffffff0d;
}

.dark\:bg-yellow-900\/20:is(.dark *) {
  background-color: #713f1233;
}

.dark\:bg-yellow-900\/30:is(.dark *) {
  background-color: #713f124d;
}

.dark\:bg-yellow-950\/30:is(.dark *) {
  background-color: #4220064d;
}

.dark\:bg-zinc-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
}

.dark\:from-amber-500\/20:is(.dark *) {
  --tw-gradient-from: #f59e0b33 var(--tw-gradient-from-position);
  --tw-gradient-to: #f59e0b00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-amber-950\/30:is(.dark *) {
  --tw-gradient-from: #451a034d var(--tw-gradient-from-position);
  --tw-gradient-to: #451a0300 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-emerald-950\/40:is(.dark *) {
  --tw-gradient-from: #022c2266 var(--tw-gradient-from-position);
  --tw-gradient-to: #022c2200 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-red-950\/40:is(.dark *) {
  --tw-gradient-from: #450a0a66 var(--tw-gradient-from-position);
  --tw-gradient-to: #450a0a00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-900\/90:is(.dark *) {
  --tw-gradient-from: #0f172ae6 var(--tw-gradient-from-position);
  --tw-gradient-to: #0f172a00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:via-orange-950\/30:is(.dark *) {
  --tw-gradient-to: #43140700 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4314074d var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:to-amber-400\/10:is(.dark *) {
  --tw-gradient-to: #fbbf241a var(--tw-gradient-to-position);
}

.dark\:to-emerald-900\/30:is(.dark *) {
  --tw-gradient-to: #064e3b4d var(--tw-gradient-to-position);
}

.dark\:to-red-900\/30:is(.dark *) {
  --tw-gradient-to: #7f1d1d4d var(--tw-gradient-to-position);
}

.dark\:to-yellow-950\/30:is(.dark *) {
  --tw-gradient-to: #4220064d var(--tw-gradient-to-position);
}

.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400\/80:is(.dark *) {
  color: #fbbf24cc;
}

.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400\/70:is(.dark *) {
  color: #60a5fab3;
}

.dark\:text-blue-400\/80:is(.dark *) {
  color: #60a5facc;
}

.dark\:text-cyan-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}

.dark\:text-cyan-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300\/80:is(.dark *) {
  color: #6ee7b7cc;
}

.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-foreground:is(.dark *) {
  color: hsl(var(--foreground));
}

.dark\:text-foreground\/80:is(.dark *) {
  color: hsl(var(--foreground) / .8);
}

.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:text-muted-foreground:is(.dark *) {
  color: hsl(var(--muted-foreground));
}

.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.dark\:text-primary:is(.dark *) {
  color: hsl(var(--primary));
}

.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.dark\:text-red-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400\/70:is(.dark *) {
  color: #f87171b3;
}

.dark\:text-red-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.dark\:text-teal-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-400\/70:is(.dark *) {
  color: #a78bfab3;
}

.dark\:text-yellow-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:text-zinc-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.dark\:ring-amber-400\/20:is(.dark *) {
  --tw-ring-color: #fbbf2433;
}

.dark\:ring-amber-400\/40:is(.dark *) {
  --tw-ring-color: #fbbf2466;
}

.dark\:ring-emerald-400\/30:is(.dark *) {
  --tw-ring-color: #34d3994d;
}

.dark\:ring-red-400\/20:is(.dark *) {
  --tw-ring-color: #f8717133;
}

.dark\:ring-slate-400\/20:is(.dark *) {
  --tw-ring-color: #94a3b833;
}

.dark\:ring-slate-600:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}

.dark\:ring-violet-400\/40:is(.dark *) {
  --tw-ring-color: #a78bfa66;
}

.dark\:hover\:border-white\/10:hover:is(.dark *) {
  border-color: #ffffff1a;
}

.dark\:hover\:bg-accent\/20:hover:is(.dark *) {
  background-color: hsl(var(--accent) / .2);
}

.dark\:hover\:bg-amber-900\/20:hover:is(.dark *) {
  background-color: #78350f33;
}

.dark\:hover\:bg-amber-950\/50:hover:is(.dark *) {
  background-color: #451a0380;
}

.dark\:hover\:bg-blue-950\/40:hover:is(.dark *) {
  background-color: #17255466;
}

.dark\:hover\:bg-emerald-950\/40:hover:is(.dark *) {
  background-color: #022c2266;
}

.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-indigo-950\/30:hover:is(.dark *) {
  background-color: #1e1b4b4d;
}

.dark\:hover\:bg-red-950\/20:hover:is(.dark *) {
  background-color: #450a0a33;
}

.dark\:hover\:bg-red-950\/30:hover:is(.dark *) {
  background-color: #450a0a4d;
}

.dark\:hover\:bg-rose-950\/30:hover:is(.dark *) {
  background-color: #4c05194d;
}

.dark\:hover\:bg-slate-800\/30:hover:is(.dark *) {
  background-color: #1e293b4d;
}

.hover\:dark\:bg-secondary\/80:is(.dark *):hover {
  background-color: hsl(var(--secondary) / .8);
}

.dark\:hover\:text-amber-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-blue-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-green-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-100:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-purple-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-red-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-rose-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:focus\:border-blue-500:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.dark\:focus\:border-primary:focus:is(.dark *) {
  border-color: hsl(var(--primary));
}

.dark\:disabled\:bg-gray-600:disabled:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.dark\:disabled\:bg-muted:disabled:is(.dark *) {
  background-color: hsl(var(--muted));
}

.dark\:disabled\:text-muted-foreground:disabled:is(.dark *) {
  color: hsl(var(--muted-foreground));
}

.group:hover .dark\:group-hover\:bg-amber-900\/50:is(.dark *) {
  background-color: #78350f80;
}

@media (width >= 600px) {
  .toast-mobile\:w-\[356px\] {
    width: 356px;
  }

  .toast-mobile\:w-fit {
    width: fit-content;
  }
}

@media (width >= 640px) {
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:mb-3 {
    margin-bottom: .75rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

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

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

  .sm\:inline {
    display: inline;
  }

  .sm\:max-w-\[420px\] {
    max-width: 420px;
  }

  .sm\:max-w-\[440px\] {
    max-width: 440px;
  }

  .sm\:max-w-\[480px\] {
    max-width: 480px;
  }

  .sm\:max-w-\[500px\] {
    max-width: 500px;
  }

  .sm\:max-w-\[520px\] {
    max-width: 520px;
  }

  .sm\:max-w-\[540px\] {
    max-width: 540px;
  }

  .sm\:max-w-\[560px\] {
    max-width: 560px;
  }

  .sm\:max-w-\[800px\] {
    max-width: 800px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .sm\:gap-0 {
    gap: 0;
  }

  .sm\:gap-1\.5 {
    gap: .375rem;
  }

  .sm\:gap-3 {
    gap: .75rem;
  }

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

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem;
  }

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

  .sm\:text-2xl {
    font-size: 1.625rem;
    line-height: 2rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

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

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

  .md\:mb-3 {
    margin-bottom: .75rem;
  }

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

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

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

  .md\:h-fit {
    height: fit-content;
  }

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

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

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

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

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

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

  .md\:gap-2 {
    gap: .5rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:p-20 {
    padding: 5rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .md\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
  }

  .md\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pt-2 {
    padding-top: .5rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .md\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .after\:md\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
}

@media (width >= 1024px) {
  .lg\:right-10 {
    right: 2.5rem;
  }

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

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

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:min-h-dvh {
    min-height: 100dvh;
  }

  .lg\:w-\[480px\] {
    width: 480px;
  }

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

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

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

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

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

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (width >= 1280px) {
  .xl\:mb-2 {
    margin-bottom: .5rem;
  }

  .xl\:h-3\.5 {
    height: .875rem;
  }

  .xl\:h-4 {
    height: 1rem;
  }

  .xl\:h-8 {
    height: 2rem;
  }

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

  .xl\:w-3\.5 {
    width: .875rem;
  }

  .xl\:w-4 {
    width: 1rem;
  }

  .xl\:w-8 {
    width: 2rem;
  }

  .xl\:w-\[18px\] {
    width: 18px;
  }

  .xl\:w-\[340px\] {
    width: 340px;
  }

  .xl\:w-\[560px\] {
    width: 560px;
  }

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

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

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

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

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

  .xl\:gap-1 {
    gap: .25rem;
  }

  .xl\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .xl\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .xl\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
  padding-right: 0;
}

.\[\&\>button\]\:hidden > button {
  display: none;
}

.\[\&\>span\:last-child\]\:truncate > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.\[\&\>span\]\:line-clamp-1 > span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>svg\]\:absolute > svg {
  position: absolute;
}

.\[\&\>svg\]\:left-4 > svg {
  left: 1rem;
}

.\[\&\>svg\]\:top-4 > svg {
  top: 1rem;
}

.\[\&\>svg\]\:size-4 > svg {
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}

.\[\&\>svg\]\:text-destructive > svg {
  color: hsl(var(--destructive));
}

.\[\&\>svg\]\:text-foreground > svg {
  color: hsl(var(--foreground));
}

.\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
  color: hsl(var(--sidebar-accent-foreground));
}

.\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
  padding-left: 1.75rem;
}

.\[\&_button\]\:p-1\.5 button {
  padding: .375rem;
}

.\[\&_button\]\:text-\[11px\] button {
  font-size: 11px;
}

.\[\&_h1\]\:mb-0 h1 {
  margin-bottom: 0;
}

.\[\&_h1\]\:mt-0 h1 {
  margin-top: 0;
}

.\[\&_h1\]\:text-sm h1 {
  font-size: .875rem;
  line-height: 1.25rem;
}

.\[\&_h1\]\:font-semibold h1 {
  font-weight: 600;
}

.\[\&_h2\]\:mb-0 h2 {
  margin-bottom: 0;
}

.\[\&_h2\]\:mt-1\.5 h2 {
  margin-top: .375rem;
}

.\[\&_h2\]\:text-xs h2 {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&_h2\]\:font-semibold h2 {
  font-weight: 600;
}

.\[\&_h3\]\:mb-0 h3 {
  margin-bottom: 0;
}

.\[\&_h3\]\:mt-1 h3 {
  margin-top: .25rem;
}

.\[\&_h3\]\:text-xs h3 {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&_h3\]\:font-medium h3 {
  font-weight: 500;
}

.\[\&_hr\]\:my-1\.5 hr {
  margin-top: .375rem;
  margin-bottom: .375rem;
}

.\[\&_li\]\:mb-0 li {
  margin-bottom: 0;
}

.\[\&_li\]\:leading-snug li {
  line-height: 1.375;
}

.\[\&_p\]\:mb-0 p {
  margin-bottom: 0;
}

.\[\&_p\]\:mt-0 p {
  margin-top: 0;
}

.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}

.\[\&_p\]\:leading-snug p {
  line-height: 1.375;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:size-auto svg {
  width: auto;
  height: auto;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0;
}

.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}

.\[\&_ul\]\:mb-0 ul {
  margin-bottom: 0;
}

.\[\&_ul\]\:mt-0 ul {
  margin-top: 0;
}

[data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -.5rem;
}

[data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}

[data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}

[data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -.5rem;
}

[data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}

[data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}

/* [project]/node_modules/.pnpm/@bryntum+grid@7.2.1/node_modules/@bryntum/grid/grid.css [app-client] (css) */
:root, :host {
  --bryntum-version: "7.2.1";
  --b-checkbox-checked-check-content: "";
  --b-widget-anchor-width: 1.2em;
  --b-widget-anchor-height: .6em;
  --b-widget-font-size: 1em;
  --b-widget-font-weight: 400;
  --b-widget-icon-font-family: "Font Awesome 6 Free";
  --b-widget-icon-font-weight: 900;
  --b-widget-sub-menu-icon: "";
  --b-widget-color: var(--b-text-1);
  --b-widget-border-color: var(--b-border-3);
  --b-widget-disabled-color: var(--b-text-3);
  --b-widget-disabled-background: var(--b-neutral-90);
  --b-widget-padding: 1em;
  --b-widget-padding-large: 1.5em;
  --b-widget-gap: 1em;
  --b-widget-focus-outline-width: 2px;
  --b-widget-focus-outline-color: var(--b-primary);
  --b-widget-floating-box-shadow: var(--b-elevation-2);
  --b-aligned-above-floating-box-shadow: -3px -1px 6px #0000001f, 3px -2px 6px #0000003d;
  --b-widget-floating-border: null;
  --b-label-color: var(--b-widget-color);
  --b-widget-scrollbar-border-color: var(--b-border-7);
  --b-widget-anchor-offset: 1px;
  --b-elevation-0: none;
  --b-elevation-1: 0 1px 3px 0 #0000001f, 0 1px 1px 0 #0000001a, 0 2px 1px -1px #00000014;
  --b-elevation-2: 0 1px 5px 0 #0000001f, 0 2px 2px 0 #0000001a, 0 3px 1px -2px #00000014;
  --b-elevation-3: 0 3px 6px #0000001f, 0 3px 6px #0000003d;
  --b-elevation-4: 0 5px 6px -3px #00000029, 0 8px 10px 1px #0000001a, 0 3px 14px 2px #00000014;
  --b-default-transition-duration: .15s;
}

@media (prefers-reduced-motion: reduce) {
  body:not(.b-siesta-testing) {
    --b-default-transition-duration: 0s;
  }
}

@property --bi-widget-grid-column {
  syntax: "*";
  inherits: false
}

.b-internal {
  --bi-widget-grid-column: null;
}

.b-widget {
  color-scheme: var(--b-widget-color-scheme);
  font-weight: var(--b-widget-font-weight);
  font-size: var(--b-widget-font-size);
  grid-column: var(--bi-widget-grid-column);
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-widget, .b-widget:before, .b-widget:after, .b-widget *, .b-widget :before, .b-widget :after {
  box-sizing: border-box;
}

.b-widget.b-hidden.b-hide-mode-clip {
  clip: rect(0, 0, 0, 0) !important;
}

.b-widget.b-hidden.b-hide-mode-opacity {
  pointer-events: none;
  opacity: 0 !important;
}

.b-widget.b-hidden.b-hide-mode-display {
  display: none !important;
}

.b-widget.b-positioned {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.b-widget.b-positionable {
  position: absolute;
}

.b-widget .b-aria-desc-element {
  clip-path: polygon(0 0);
  contain: strict;
  position: absolute;
}

.b-widget.b-floating, .b-widget.b-positioned {
  box-shadow: var(--b-widget-floating-box-shadow);
}

:is(.b-widget.b-floating, .b-widget.b-positioned).b-centered {
  top: 50%;
  z-index: 1;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  inset-inline-start: 50%;
}

.b-widget.b-maximized {
  position: fixed;
  top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  inset-inline-start: 0 !important;
  translate: none !important;
}

.b-widget.b-maximized.b-mobile .b-bottom-toolbar {
  order: -1;
  min-height: 3.5em;
}

.b-widget.b-maximized.b-mobile .b-bottom-toolbar .b-toolbar-content {
  padding-block: .5em 0;
  padding-inline-start: 1em !important;
}

.b-widget > .b-focus-trap {
  clip: rect(0, 0, 0, 0);
  display: none;
  position: absolute;
}

.b-widget.b-focus-trapped.b-contains-focus > .b-focus-trap {
  display: inherit;
}

.b-widget.b-initializing * {
  transition: none !important;
}

.b-anchor {
  position: absolute;
}

.b-anchor svg {
  pointer-events: none;
  position: absolute;
  top: 0;
  overflow: visible;
}

.b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom {
  height: calc(var(--b-widget-anchor-height)  + var(--bi-align-offset-y, 0px));
  width: 100%;
  left: 0;
}

:is(.b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom) svg {
  width: var(--b-widget-anchor-width);
  height: var(--b-widget-anchor-height);
}

.b-anchor.b-anchor-top {
  bottom: calc(100% - var(--b-widget-anchor-offset));
}

.b-anchor.b-anchor-top svg {
  top: auto;
  bottom: 0;
}

.b-anchor.b-anchor-bottom {
  top: calc(100% - var(--b-widget-anchor-offset));
}

.b-anchor.b-anchor-bottom svg {
  rotate: 180deg;
}

.b-anchor.b-anchor-start, .b-anchor.b-anchor-end {
  width: calc(var(--b-widget-anchor-height)  + var(--bi-align-offset-x, 0px));
  height: 100%;
  top: 0;
}

:is(.b-anchor.b-anchor-start, .b-anchor.b-anchor-end) svg {
  height: var(--b-widget-anchor-width);
  width: var(--b-widget-anchor-height);
}

.b-anchor.b-anchor-start {
  inset-inline-end: 100%;
}

.b-anchor.b-anchor-start svg {
  transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height);
  rotate: 270deg;
}

.b-anchor.b-anchor-end {
  inset-inline-start: 100%;
}

.b-anchor.b-anchor-end svg {
  transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2);
  rotate: 90deg;
}

.b-anchor.b-anchor-right {
  clip-path: rect(0 100% 100% var(--bi-border-width, 0px));
  inset-inline-start: calc(100% - var(--bi-border-width, 0px));
}

.b-anchor.b-anchor-left {
  clip-path: rect(0 calc(100% - var(--bi-border-width, 0px)) 100% 0);
  inset-inline-end: calc(100% - var(--bi-border-width, 0px));
}

.b-rtl > .b-anchor.b-anchor-right {
  inset-inline-start: auto;
  inset-inline-end: calc(100% - var(--bi-border-width, 0px));
}

.b-rtl > .b-anchor.b-anchor-left {
  inset-inline-start: calc(100% - var(--bi-border-width, 0px));
  inset-inline-end: auto;
}

.b-float-root {
  pointer-events: none;
  z-index: 14000;
  contain: strict;
  inset: 0;
  overflow: clip;
  position: fixed !important;
}

.b-float-root.b-safari {
  -webkit-user-select: none;
  user-select: none;
}

.b-float-root > .b-floating {
  contain: layout style;
  pointer-events: all;
  top: 0;
  z-index: 1;
  transition: opacity .2s;
  position: absolute;
  inset-inline-start: 0;
}

.b-float-root > .b-floating:not(.b-popup) {
  box-shadow: var(--b-widget-floating-box-shadow);
  border-radius: var(--b-widget-border-radius);
  border: var(--b-widget-floating-border);
}

.b-firefox :is(.b-float-root > .b-floating) {
  contain: layout;
}

.b-float-root > .b-floating.b-hidden {
  opacity: 0;
}

.b-float-root > .b-floating.b-aligned-above:not(.b-anchored) {
  box-shadow: var(--b-aligned-above-floating-box-shadow);
}

.b-trial-demo-mode [style*="data:image/svg+xml"] {
  background-image: none !important;
}

:root, :host {
  --b-rtl-negate: 1;
}

.b-rtl {
  --b-rtl-negate: -1;
  direction: rtl;
}

.b-rtl .b-anchor.b-anchor-start svg {
  transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2);
  rotate: 90deg;
}

.b-rtl .b-anchor.b-anchor-end svg {
  transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height);
  rotate: 270deg;
}

.b-ltr {
  direction: ltr;
}

.b-aria-live-el {
  contain: strict;
  width: 0;
  height: 0;
  position: absolute;
  inset-inline-start: -9999px;
}

.b-released, .b-hide-display, .b-theme-info {
  display: none !important;
}

.b-hide-visibility {
  visibility: hidden !important;
}

.b-hide-offscreen {
  top: -10000em;
  left: -10000em;
  visibility: hidden !important;
  position: absolute !important;
}

.b-yscroll-pad {
  display: none;
}

.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  border-inline-start: 1px solid var(--b-widget-scrollbar-border-color);
  order: 9999;
  display: block;
}

.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad .b-yscroll-pad-sizer {
  height: 0;
  max-width: var(--bi-scrollbar-width);
  margin-inline-start: -1px;
  overflow: hidden scroll;
}

.b-widget-scroller.b-hide-scroll {
  scrollbar-width: none;
}

.b-widget-scroller.b-hide-scroll::-webkit-scrollbar {
  display: none;
}

:is(div, span) .b-color-red {
  --b-primary: var(--b-color-red);
}

:is(div, span) .b-color-pink {
  --b-primary: var(--b-color-pink);
}

:is(div, span) .b-color-magenta {
  --b-primary: var(--b-color-magenta);
}

:is(div, span) .b-color-purple {
  --b-primary: var(--b-color-purple);
}

:is(div, span) .b-color-deep-purple {
  --b-primary: var(--b-color-deep-purple);
}

:is(div, span) .b-color-violet {
  --b-primary: var(--b-color-violet);
}

:is(div, span) .b-color-indigo {
  --b-primary: var(--b-color-indigo);
}

:is(div, span) .b-color-blue {
  --b-primary: var(--b-color-blue);
}

:is(div, span) .b-color-light-blue {
  --b-primary: var(--b-color-light-blue);
}

:is(div, span) .b-color-cyan {
  --b-primary: var(--b-color-cyan);
}

:is(div, span) .b-color-teal {
  --b-primary: var(--b-color-teal);
}

:is(div, span) .b-color-green {
  --b-primary: var(--b-color-green);
}

:is(div, span) .b-color-light-green {
  --b-primary: var(--b-color-light-green);
}

:is(div, span) .b-color-lime {
  --b-primary: var(--b-color-lime);
}

:is(div, span) .b-color-yellow {
  --b-primary: var(--b-color-yellow);
}

:is(div, span) .b-color-amber {
  --b-primary: var(--b-color-amber);
}

:is(div, span) .b-color-orange {
  --b-primary: var(--b-color-orange);
}

:is(div, span) .b-color-deep-orange {
  --b-primary: var(--b-color-deep-orange);
}

:is(div, span) .b-color-brown {
  --b-primary: var(--b-color-brown);
}

:is(div, span) .b-color-lighter-gray {
  --b-primary: var(--b-color-lighter-gray);
}

:is(div, span) .b-color-light-gray {
  --b-primary: var(--b-color-light-gray);
}

:is(div, span) .b-color-gray {
  --b-primary: var(--b-color-gray);
}

:is(div, span) .b-color-black {
  --b-primary: var(--b-color-black);
}

@keyframes b-anim-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes b-anim-fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes b-anim-slide-in-from-right {
  30% {
    opacity: .5;
    translate: -50%;
  }

  30.01% {
    translate: 50%;
  }

  100% {
    opacity: 1;
    translate: 0;
  }
}

@keyframes b-anim-slide-in-from-left {
  30% {
    opacity: .5;
    translate: 50%;
  }

  30.01% {
    translate: -50%;
  }

  100% {
    opacity: 1;
    translate: 0;
  }
}

@keyframes b-anim-slide-in-from-below {
  30% {
    opacity: .5;
    translate: 0 -50%;
  }

  30.01% {
    translate: 0 50%;
  }

  100% {
    opacity: 1;
    translate: 0;
  }
}

@keyframes b-anim-slide-in-from-above {
  30% {
    opacity: .5;
    translate: 0 50%;
  }

  30.01% {
    translate: 0 -50%;
  }

  100% {
    opacity: 1;
    translate: 0;
  }
}

.b-slide-in-next, .b-slide-in-previous {
  animation: .3s b-anim-slide-in-from-left;
}

.b-slide-vertical.b-slide-in-next {
  animation-name: b-anim-slide-in-from-below;
}

.b-slide-vertical.b-slide-in-previous {
  animation-name: b-anim-slide-in-from-above;
}

.b-slide-in-next:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-right;
}

.b-slide-in-previous:not(.b-slide-vertical), .b-rtl.b-slide-in-next:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-left;
}

.b-rtl.b-slide-in-previous:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-right;
}

.b-sliding-child-element {
  overflow: clip;
}

.b-transition-expand-collapse.b-aligned-below {
  animation: .3s forwards b-anim-expand-downwards;
}

.b-transition-expand-collapse.b-aligned-above {
  animation: .3s forwards b-anim-expand-upwards;
}

.b-transition-expand-collapse.b-hiding.b-aligned-below {
  animation: .3s forwards b-anim-collapse-upwards;
}

.b-transition-expand-collapse.b-hiding.b-aligned-above {
  animation: .3s forwards b-anim-collapse-downwards;
}

@keyframes b-anim-expand-downwards {
  0% {
    clip-path: rect(-25px calc(100% + 25px) 0 -25px);
    opacity: 0;
  }

  100% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }
}

@keyframes b-anim-collapse-upwards {
  0% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }

  100% {
    clip-path: rect(-25px calc(100% + 25px) 0 -25px);
    opacity: 0;
  }
}

@keyframes b-anim-expand-upwards {
  0% {
    clip-path: rect(100% calc(100% + 25px) 100% -25px);
    opacity: 0;
  }

  100% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }
}

@keyframes b-anim-collapse-downwards {
  0% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }

  100% {
    clip-path: rect(100% calc(100% + 25px) 100% -25px);
    opacity: 0;
  }
}

:root, :host {
  --b-color-red: #e53935;
  --b-color-pink: #d81b60;
  --b-color-magenta: #c200c2;
  --b-color-purple: #8e24aa;
  --b-color-violet: #5e35b1;
  --b-color-deep-purple: #4527a0;
  --b-color-indigo: #3949ab;
  --b-color-blue: #1e88e5;
  --b-color-light-blue: #03a9f4;
  --b-color-cyan: #3bc9db;
  --b-color-teal: #00897b;
  --b-color-green: #43a047;
  --b-color-light-green: #8bc34a;
  --b-color-lime: #c0ca33;
  --b-color-yellow: #fdd835;
  --b-color-amber: #ffb300;
  --b-color-orange: #fb8c00;
  --b-color-deep-orange: #f4511e;
  --b-color-brown: #6d4c41;
  --b-color-lighter-gray: #e0e0e0;
  --b-color-light-gray: silver;
  --b-color-gray: #757575;
  --b-color-black: #000;
  --b-neutral-100: #fff;
  --b-neutral-99: #fcfcfc;
  --b-neutral-98: #fafafa;
  --b-neutral-97: #f7f7f7;
  --b-neutral-96: #f5f5f5;
  --b-neutral-95: #f2f2f2;
  --b-neutral-94: #f0f0f0;
  --b-neutral-93: #ededed;
  --b-neutral-92: #ebebeb;
  --b-neutral-91: #e8e8e8;
  --b-neutral-90: #e6e6e6;
  --b-neutral-85: #d9d9d9;
  --b-neutral-80: #ccc;
  --b-neutral-75: #bfbfbf;
  --b-neutral-70: #b3b3b3;
  --b-neutral-65: #a6a6a6;
  --b-neutral-60: #999;
  --b-neutral-55: #8c8c8c;
  --b-neutral-50: gray;
  --b-neutral-45: #737373;
  --b-neutral-40: #666;
  --b-neutral-35: #595959;
  --b-neutral-30: #4d4d4d;
  --b-neutral-25: #404040;
  --b-neutral-20: #333;
  --b-neutral-15: #262626;
  --b-neutral-10: #1a1a1a;
  --b-neutral-5: #0d0d0d;
  --b-neutral-2: #050505;
  --b-neutral-1: #030303;
  --b-neutral-0: #000;
  --b-border-1: var(--b-neutral-10);
  --b-border-2: var(--b-neutral-30);
  --b-border-3: var(--b-neutral-50);
  --b-border-4: var(--b-neutral-60);
  --b-border-5: var(--b-neutral-70);
  --b-border-6: var(--b-neutral-80);
  --b-border-7: var(--b-neutral-90);
  --b-border-8: var(--b-neutral-93);
  --b-border-9: var(--b-neutral-95);
  --b-border-10: var(--b-neutral-100);
  --b-text-1: var(--b-neutral-10);
  --b-text-2: var(--b-neutral-30);
  --b-text-3: var(--b-neutral-50);
  --b-text-4: var(--b-neutral-70);
  --b-text-5: var(--b-neutral-100);
}

.b-colorize, .b-bryntum {
  --b-primary-100: var(--b-mix);
  --b-primary-99: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%);
  --b-primary-98: color-mix(in srgb, var(--b-primary), var(--b-mix) 96%);
  --b-primary-97: color-mix(in srgb, var(--b-primary), var(--b-mix) 94%);
  --b-primary-96: color-mix(in srgb, var(--b-primary), var(--b-mix) 92%);
  --b-primary-95: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
  --b-primary-94: color-mix(in srgb, var(--b-primary), var(--b-mix) 88%);
  --b-primary-93: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
  --b-primary-92: color-mix(in srgb, var(--b-primary), var(--b-mix) 84%);
  --b-primary-91: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%);
  --b-primary-90: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
  --b-primary-85: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
  --b-primary-80: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
  --b-primary-75: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%);
  --b-primary-70: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%);
  --b-primary-65: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%);
  --b-primary-60: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
  --b-primary-55: color-mix(in srgb, var(--b-primary), var(--b-mix) 10%);
  --b-primary-50: var(--b-primary);
  --b-primary-45: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%);
  --b-primary-40: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
  --b-primary-35: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
  --b-primary-30: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-primary-25: color-mix(in srgb, var(--b-primary), var(--b-opposite) 50%);
  --b-primary-20: color-mix(in srgb, var(--b-primary), var(--b-opposite) 60%);
  --b-primary-15: color-mix(in srgb, var(--b-primary), var(--b-opposite) 70%);
  --b-primary-10: color-mix(in srgb, var(--b-primary), var(--b-opposite) 80%);
  --b-primary-5: color-mix(in srgb, var(--b-primary), var(--b-opposite) 90%);
  --b-primary-2: color-mix(in srgb, var(--b-primary), var(--b-opposite) 96%);
  --b-primary-1: color-mix(in srgb, var(--b-primary), var(--b-opposite) 98%);
  --b-primary-0: var(--b-opposite);
}

@supports not (color: color-mix(in srgb, red, blue)) {
  .b-colorize, .b-bryntum {
    --b-primary-99: linear-gradient(#fffffffa, #fffffffa) var(--b-primary);
    --b-primary-98: linear-gradient(#fffffff5, #fffffff5) var(--b-primary);
    --b-primary-97: linear-gradient(#fffffff0, #fffffff0) var(--b-primary);
    --b-primary-96: linear-gradient(#ffffffeb, #ffffffeb) var(--b-primary);
    --b-primary-95: linear-gradient(#ffffffe6, #ffffffe6) var(--b-primary);
    --b-primary-94: linear-gradient(#ffffffe0, #ffffffe0) var(--b-primary);
    --b-primary-93: linear-gradient(#ffffffdb, #ffffffdb) var(--b-primary);
    --b-primary-92: linear-gradient(#ffffffd6, #ffffffd6) var(--b-primary);
    --b-primary-91: linear-gradient(#ffffffd1, #ffffffd1) var(--b-primary);
    --b-primary-90: linear-gradient(#fffc, #fffc) var(--b-primary);
    --b-primary-85: linear-gradient(#ffffffb3, #ffffffb3) var(--b-primary);
    --b-primary-80: linear-gradient(#fff9, #fff9) var(--b-primary);
    --b-primary-75: linear-gradient(#ffffff80, #ffffff80) var(--b-primary);
    --b-primary-70: linear-gradient(#fff6, #fff6) var(--b-primary);
    --b-primary-65: linear-gradient(#ffffff4d, #ffffff4d) var(--b-primary);
    --b-primary-60: linear-gradient(#fff3, #fff3) var(--b-primary);
    --b-primary-55: linear-gradient(#ffffff1a, #ffffff1a) var(--b-primary);
    --b-primary-45: linear-gradient(#0000001a, #0000001a) var(--b-primary);
    --b-primary-40: linear-gradient(#0003, #0003) var(--b-primary);
    --b-primary-35: linear-gradient(#0000004d, #0000004d) var(--b-primary);
    --b-primary-30: linear-gradient(#0006, #0006) var(--b-primary);
    --b-primary-25: linear-gradient(#00000080, #00000080) var(--b-primary);
    --b-primary-20: linear-gradient(#0009, #0009) var(--b-primary);
    --b-primary-15: linear-gradient(#000000b3, #000000b3) var(--b-primary);
    --b-primary-10: linear-gradient(#000c, #000c) var(--b-primary);
    --b-primary-5: linear-gradient(#000000e6, #000000e6) var(--b-primary);
    --b-primary-2: linear-gradient(#000000f5, #000000f5) var(--b-primary);
    --b-primary-1: linear-gradient(#000000fa, #000000fa) var(--b-primary);
  }
}

.b-fx-highlight {
  animation: 1s b-anim-fx-highlight;
  z-index: 9999 !important;
}

@keyframes b-anim-fx-highlight {
  0% {
    box-shadow: none;
  }

  50% {
    box-shadow: 0 0 10px 5px var(--b-primary-50);
  }

  100% {
    box-shadow: none;
  }
}

.b-dragging, .b-dragging * {
  pointer-events: none !important;
}

.b-dragging:not(.b-widget) {
  z-index: 100;
  opacity: .8;
  box-sizing: border-box;
}

.b-dragging:not(.b-widget).b-drag-unified-proxy {
  opacity: .65;
}

.b-dragging:not(.b-widget).b-drag-main {
  z-index: 101;
  opacity: 1;
}

.b-drag-proxy {
  top: 0;
  box-sizing: border-box;
  inset-inline-start: 0;
  pointer-events: none !important;
  position: absolute !important;
}

.b-drag-proxy * {
  box-sizing: border-box;
}

.b-aborting, .b-drag-final-transition {
  transition-duration: .3s;
  transition-property: all !important;
}

.b-drag-unified-animation {
  transition: translate .2s;
}

.b-drag-original.b-hidden {
  display: none !important;
}

.b-drag-helper-active * {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.b-resize-grip {
  z-index: 1;
  position: absolute;
}

.b-resize-grip-top-start, .b-resize-grip-top-end, .b-resize-grip-bottom-start, .b-resize-grip-bottom-end {
  width: .5em;
  height: .5em;
}

.b-resize-grip-top, .b-resize-grip-top-start, .b-resize-grip-top-end {
  top: 0;
}

.b-resize-grip-bottom, .b-resize-grip-bottom-start, .b-resize-grip-bottom-end {
  bottom: 0;
}

.b-resize-grip-start, .b-resize-grip-top-start, .b-resize-grip-bottom-start {
  inset-inline-start: 0;
}

.b-resize-grip-end, .b-resize-grip-top-end, .b-resize-grip-bottom-end {
  inset-inline-end: 0;
}

.b-resize-grip-top, .b-resize-grip-bottom {
  height: .5em;
}

.b-resize-grip-start, .b-resize-grip-end {
  width: .5em;
}

.b-resize-grip-top-start, .b-resize-grip-bottom-end {
  cursor: nwse-resize;
  z-index: 2;
}

.b-resize-grip-top-end, .b-resize-grip-bottom-start {
  cursor: nesw-resize;
  z-index: 2;
}

.b-resize-grip-top, .b-resize-grip-bottom {
  cursor: ns-resize;
  width: 100%;
  inset-inline-start: 0;
}

.b-resize-grip-start, .b-resize-grip-end {
  cursor: ew-resize;
  height: 100%;
  top: 0;
}

.b-no-resize-observer.b-resize-monitored:not(.b-floating) {
  position: relative;
}

.b-no-resize-observer.b-resize-monitored .b-resize-monitors {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.b-no-resize-observer.b-resize-monitored .b-resize-monitors > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-expand:after {
  content: "";
  width: 100000px;
  height: 100000px;
  display: block;
}

.b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-shrink:after {
  content: "";
  width: 200%;
  min-width: 1px;
  height: 200%;
  min-height: 1px;
  display: block;
}

.simulated-mouse {
  z-index: 100;
  pointer-events: none;
  font-size: 16px;
  transition: top .5s, left .5s;
  position: absolute;
  top: 10px;
  left: 10px;
}

.simulated-mouse.quick {
  transition: top 50ms, left 50ms;
}

.simulated-mouse:after {
  content: "" / "";
  font-family: var(--b-widget-icon-font-family);
  z-index: 102;
  font-weight: 900;
  position: absolute;
}

.simulated-mouse.drag:before, .simulated-mouse.mousedown:before, .simulated-mouse.dblclick:before, .simulated-mouse.click:before {
  content: "";
  z-index: 101;
  opacity: .7;
  border: 2px solid #0000;
  border-radius: 50%;
  animation-name: b-anim-click;
  animation-duration: .2s;
  position: absolute;
  top: 0;
  left: 0;
  translate: -50% -50%;
}

.simulated-mouse.drag:after {
  content: "" / "";
  left: -3px;
}

.simulated-mouse.dblclick:before {
  animation-name: b-anim-dblclick;
  animation-duration: .3s;
}

.simulated-mouse.mousedown:before, .simulated-mouse.drag:before {
  border-color: red;
  width: 1.5em;
  height: 1.5em;
  animation-name: none;
}

@keyframes b-anim-click {
  0% {
    width: 0;
    height: 0;
  }

  90% {
    border-color: red;
    width: 1.5em;
    height: 1.5em;
  }

  100% {
    border-color: #0000;
    width: 0;
    height: 0;
  }
}

@keyframes b-anim-dblclick {
  0% {
    width: 0;
    height: 0;
  }

  40% {
    border-color: red;
    width: 1.5em;
    height: 1.5em;
  }

  50% {
    width: 0;
    height: 0;
  }

  90% {
    border-color: red;
    width: 1.5em;
    height: 1.5em;
  }

  100% {
    border-color: #0000;
    width: 0;
    height: 0;
  }
}

.b-scroll-hidden {
  top: -10000em;
  left: -10000em;
  visibility: hidden !important;
  position: absolute !important;
  translate: 0 !important;
}

.b-infinity-scroller {
  overflow: scroll;
}

.b-infinity-scroller.b-infinity-scroller-smooth {
  scroll-behavior: smooth;
}

.b-infinity-scroller-item {
  position: absolute !important;
}

.b-widget-scroller {
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
  position: relative;
  overflow: hidden;
}

.b-hide-scroll {
  scrollbar-width: none;
}

.b-hide-scroll::-webkit-scrollbar {
  display: none;
}

.b-scroller-stretcher {
  top: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  inset-inline-start: 0;
}

.b-icon {
  gap: .5em;
  display: inline-flex;
}

.b-icon:before, .b-fw-icon:before {
  font-variant: normal;
  font-style: normal;
  line-height: 1;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  content: var(--fa);
  place-items: center;
  display: grid;
}

.b-fw-icon:before {
  width: 1em;
}

.b-icon-scroll-left:before {
  content: var(--b-icon-scroll-left, "");
}

.b-icon-scroll-right:before {
  content: var(--b-icon-scroll-right, "");
}

.b-icon-spin-up:before {
  content: var(--b-icon-spin-up, "");
}

.b-icon-spin-down:before {
  content: var(--b-icon-spin-down, "");
}

.b-icon-add:before {
  content: var(--b-icon-add, "+");
}

.b-icon-clear:before {
  content: var(--b-icon-clear, "");
}

.b-icon-remove:before {
  content: var(--b-icon-remove, "");
}

.b-icon-close:before {
  content: var(--b-icon-close, "");
}

.b-icon-remove-circle:before {
  content: var(--b-icon-remove-circle, "");
}

.b-icon-collapse-down:before {
  content: var(--b-icon-collapse-down, "");
}

.b-icon-collapse-left:before {
  content: var(--b-icon-collapse-left, "");
}

.b-icon-collapse-right:before {
  content: var(--b-icon-collapse-right, "");
}

.b-icon-collapse-up:before {
  content: var(--b-icon-collapse-up, "");
}

.b-icon-filter-disable:before {
  content: var(--b-icon-filter-disable, "");
}

.b-icon-search:before {
  content: var(--b-icon-search, "");
}

.b-icon-search-plus:before {
  content: var(--b-icon-search-plus, "");
}

.b-icon-search-minus:before {
  content: var(--b-icon-search-minus, "");
}

.b-icon-hide:before {
  content: var(--b-icon-hide, "");
}

.b-icon-trash:before {
  content: var(--b-icon-trash, "");
}

.b-icon-edit:before {
  content: var(--b-icon-edit, "");
}

.b-icon-show-details:before {
  content: var(--b-icon-show-details, "");
}

.b-icon-rename:before {
  content: var(--b-icon-rename, "");
}

.b-icon-copy:before {
  content: var(--b-icon-copy, "");
}

.b-icon-cut:before {
  content: var(--b-icon-cut, "");
}

.b-icon-paste:before {
  content: var(--b-icon-paste, "");
}

.b-icon-expand-row:before {
  content: var(--b-icon-expand-row, "");
}

.b-icon-expand-column:before {
  content: var(--b-icon-expand-column, "");
}

.b-icon-expand {
  content: var(--b-icon-expand, "");
}

.b-icon-first:before {
  content: var(--b-icon-first, "");
}

:is(.b-rtl .b-icon-first, .b-rtl .b-icon-last, .b-rtl .b-icon-next, .b-rtl .b-icon-previous, .b-rtl .b-icon-scroll-left, .b-rtl .b-icon-scroll-right):before {
  scale: -1 1;
}

.b-icon-last:before {
  content: var(--b-icon-last, "");
}

.b-icon-redo:before {
  content: var(--b-icon-redo, "");
}

.b-icon-reload:before {
  content: var(--b-icon-reload, "");
}

.b-icon-undo:before {
  content: var(--b-icon-undo, "");
}

.b-icon-compare:before {
  content: var(--b-icon-compare, "");
}

.b-icon-split-horizontal:before, .b-icon-split-vertical:before, .b-icon-split-both:before {
  border: 2px solid;
  border-radius: 2px;
  width: 1em;
  height: 1em;
  overflow: hidden;
  min-width: 1em !important;
}

.b-icon-split-horizontal:before {
  content: var(--b-icon-split-horizontal, "┃");
  border-left-width: 3px;
  align-items: start;
  line-height: .8;
  rotate: 90deg;
}

.b-icon-split-vertical:before {
  content: var(--b-icon-split-vertical, "┃");
  border-top-width: 3px;
  align-items: start;
  line-height: .8;
}

.b-icon-split-both:before {
  content: var(--b-icon-split-both, "╋");
  border-top-width: 3px;
}

.b-icon-download:before {
  content: var(--b-icon-download, "");
}

.b-icon-code:before {
  content: var(--b-icon-code, "");
}

.b-icon-clipboard:before {
  content: var(--b-icon-clipboard, "");
}

.b-icon-filter:before {
  content: var(--b-icon-filter, "");
}

.b-icon-filter-equal:before {
  content: var(--b-icon-filter-equal, "");
}

.b-icon-filter-less:before {
  content: var(--b-icon-filter-less, "");
}

.b-icon-filter-before:before {
  content: var(--b-icon-filter-before, "");
}

.b-icon-filter-more:before {
  content: var(--b-icon-filter-more, "");
}

.b-icon-filter-after:before {
  content: var(--b-icon-filter-after, "");
}

.b-icon-check:before {
  content: var(--b-icon-check, "");
}

.b-icon-checked:before {
  content: var(--b-icon-checked, "");
}

.b-icon-unchecked:before {
  content: var(--b-icon-unchecked, "");
}

.b-icon-radio:before {
  content: var(--b-icon-radio, "");
}

.b-icon-radio-unchecked:before {
  content: var(--b-icon-radio-unchecked, "");
}

.b-icon-radio-checked:before {
  content: var(--b-icon-radio-checked, "");
}

.b-icon-calendar:before {
  content: var(--b-icon-calendar, "");
}

.b-icon-calendar-day:before {
  content: var(--b-icon-calendar-day, "");
}

.b-icon-calendar-plus:before {
  content: var(--b-icon-calendar-plus, "");
}

.b-icon-clock:before {
  content: var(--b-icon-clock, "");
}

.b-icon-recurring:before {
  content: var(--b-icon-recurring, "");
}

.b-icon-duration:before {
  content: var(--b-icon-duration, "");
}

.b-icon-milestone:before {
  content: var(--b-icon-milestone, "");
}

.b-icon-locked:before {
  content: var(--b-icon-locked, "");
}

.b-icon-unlocked:before {
  content: var(--b-icon-unlocked, "");
}

.b-icon-user:before {
  content: var(--b-icon-user, "");
}

.b-icon-menu:before {
  content: var(--b-icon-menu, "");
}

.b-icon-menu-horizontal:before {
  content: var(--b-icon-menu-horizontal, "");
}

.b-icon-menu-vertical:before {
  content: var(--b-icon-menu-vertical, "");
}

.b-icon-info:before {
  content: var(--b-icon-info, "");
}

.b-icon-sub-menu:before {
  content: var(--b-widget-sub-menu-icon);
}

.b-icon-star:before {
  content: var(--b-icon-star, "");
}

.b-icon-warning:before {
  content: var(--b-icon-warning, "");
}

.b-icon-columns:before {
  content: var(--b-icon-columns, "");
}

.b-icon-picker:before {
  content: var(--b-icon-picker, "");
  transition: rotate .2s;
}

.b-icon-picker-rotated:before {
  content: var(--b-icon-picker-rotated, "");
  transition: rotate .2s;
  rotate: 180deg;
}

.b-icon-resize-horizontal:before {
  content: var(--b-icon-resize-horizontal, "");
}

.b-icon-fullscreen:before {
  content: var(--b-icon-fullscreen, "");
}

.b-icon-cog:before {
  content: var(--b-icon-cog, "");
}

:is(.b-linux, .b-windows) .b-icon-cog:before {
  vertical-align: middle;
}

.b-icon-file-download:before {
  content: var(--b-icon-file-download, "");
}

.b-icon-sync:before {
  content: var(--b-icon-sync, "");
}

.b-icon-bad-mood-emoji:before {
  content: var(--b-icon-bad-mood-emoji, "");
}

.b-icon-circle:before {
  content: var(--b-icon-circle, "");
}

.b-icon-square:before {
  content: var(--b-icon-square, "");
}

.b-icon-merge-cells:before {
  content: var(--b-icon-merge-cells, "");
}

.b-icon-version:before {
  content: var(--b-icon-version, "");
}

.b-icon-material:before {
  content: var(--b-icon-material, "");
}

.b-icon-cost:before {
  content: var(--b-icon-cost, "");
}

.b-icon-paper-plane:before {
  content: var(--b-icon-paper-plane, "");
}

.b-icon-robot:before {
  content: var(--b-icon-robot, "");
}

.b-icon-mic:before {
  content: var(--b-icon-mic, "");
}

.b-icon-play:before {
  content: var(--b-icon-play, "");
}

.b-icon-stop:before {
  content: var(--b-icon-stop, "");
}

.b-icon-message:before {
  content: var(--b-icon-message, "");
}

.b-icon-volume-high:before {
  content: var(--b-icon-volume-high, "");
}

.b-icon-thumbs-up:before {
  content: var(--b-icon-thumbs-up, "");
}

.b-icon-thumbs-down:before {
  content: var(--b-icon-thumbs-down, "");
}

.b-icon-exclamation-circle:before {
  content: "";
}

.b-icon-eye:before {
  content: "";
}

.b-icon-up:before {
  content: var(--b-icon-up, "");
}

.b-icon-down:before {
  content: var(--b-icon-down, "");
}

.b-icon-left:before {
  content: var(--b-icon-left, "");
}

.b-icon-right:before {
  content: var(--b-icon-right, "");
}

.b-icon-angle-left:before {
  content: var(--b-icon-angle-left, "");
}

.b-icon-angle-right:before {
  content: var(--b-icon-angle-right, "");
}

.b-icon-before:before {
  content: var(--b-icon-before, "");
}

.b-icon-previous:before {
  content: var(--b-icon-previous, "");
}

.b-icon-after:before {
  content: var(--b-icon-after, "");
}

.b-icon-next:before {
  content: var(--b-icon-next, "");
}

.b-icon-move-left-right:before {
  content: var(--b-icon-move-left-right, "");
}

.b-icon-move-up-down:before {
  content: var(--b-icon-move-up-down, "");
}

.b-icon-circle-arrow-up:before {
  content: var(--b-icon-circle-arrow-up, "");
}

.b-icon-column-move-left:before {
  content: var(--b-icon-column-move-left, "");
}

.b-icon-column-move-right:before {
  content: var(--b-icon-column-move-right, "");
}

.b-icon-hide-column:before {
  content: var(--b-icon-hide-column, "");
}

.b-icon-column-pin:before {
  content: var(--b-icon-column-pin, "");
}

.b-icon-column-unpin:before {
  content: var(--b-icon-column-unpin, "");
}

.b-icon-sort:before {
  content: var(--b-icon-sort, "");
}

.b-icon-sort-asc:before {
  content: var(--b-icon-sort-asc, "");
}

.b-icon-sort-desc:before {
  content: var(--b-icon-sort-desc, "");
}

.b-icon-sorted-asc:before {
  content: var(--b-icon-sorted-asc, "");
}

.b-icon-group-asc:before {
  content: var(--b-icon-group-asc, "");
}

.b-icon-group-desc:before {
  content: var(--b-icon-group-desc, "");
}

.b-icon-group-collapse:before {
  content: var(--b-icon-group-collapse, "");
}

.b-icon-group-expand:before {
  content: var(--b-icon-group-expand, "");
}

.b-icon-grouped-asc:before {
  content: var(--b-icon-grouped-asc, "");
}

.b-icon-tree-expand:before {
  content: var(--b-icon-tree-expand, "");
}

.b-icon-tree-collapse:before {
  content: var(--b-icon-tree-collapse, "");
}

.b-icon-tree-folder:before {
  content: var(--b-icon-tree-folder, "");
}

.b-icon-tree-folder-open:before {
  content: var(--b-icon-tree-folder-open, "");
}

.b-icon-tree-leaf:before {
  content: var(--b-icon-tree-leaf, "");
}

.b-icon-expand-gridregion:before {
  content: var(--b-icon-expand-gridregion, "");
}

.b-icon-collapse-gridregion:before {
  content: var(--b-icon-collapse-gridregion, "");
}

.b-icon-lock-row:before {
  content: var(--b-icon-lock-row, "");
}

.b-icon-unlock-row:before {
  content: var(--b-icon-unlock-row, "");
}

.b-icon-unassign:before {
  content: var(--b-icon-unassign, "");
}

.b-icon-valid:before {
  content: var(--b-icon-valid, "");
}

.b-icon-invalid:before {
  content: var(--b-icon-invalid, "");
}

.b-icon-checking:before {
  content: var(--b-icon-checking, "");
}

.b-icon-expand-resource:before {
  content: var(--b-icon-expand-resource, "");
}

.b-icon-note:before {
  content: var(--b-icon-note, "");
}

.b-icon-advanced:before {
  content: var(--b-icon-advanced, "");
}

.b-icon-palette:before {
  content: var(--b-icon-palette, "");
}

.b-icon-renumber:before {
  content: var(--b-icon-renumber, "");
}

.b-icon-indent:before {
  content: var(--b-icon-indent, "");
}

.b-icon-outdent:before {
  content: var(--b-icon-outdent, "");
}

.b-icon-subtask:before {
  content: var(--b-icon-subtask, "");
}

.b-icon-predecessor:before {
  content: var(--b-icon-predecessor, "");
}

.b-icon-successor:before {
  content: var(--b-icon-successor, "");
}

.b-icon-link:before {
  content: var(--b-icon-link, "");
}

.b-icon-unlink:before {
  content: var(--b-icon-unlink, "");
}

.b-icon-calendar-days:before {
  content: var(--b-icon-calendar-days, "");
}

.b-icon-calendar-week:before {
  content: var(--b-icon-calendar-week, "");
}

.b-icon-bold:before {
  content: var(--b-icon-bold, "");
}

.b-icon-underline:before {
  content: var(--b-icon-underline, "");
}

.b-icon-italic:before {
  content: var(--b-icon-italic, "");
}

.b-icon-clock-live {
  background-color: currentColor;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-delay: 0s;
  display: grid;
}

.b-icon-clock-live:before, .b-icon-clock-live:after {
  content: "";
  background: #fff;
  border-radius: .5em;
  grid-area: 1 / 1 / 1 / 1;
  position: relative;
  left: .44em;
  width: .1em !important;
  font-size: 1em !important;
}

.b-icon-clock-live:before {
  transform-origin: .05em .35em;
  animation: 6s linear infinite paused b-anim-rotate;
  animation-delay: inherit;
  top: .15em;
  height: .4em !important;
}

.b-icon-clock-live:after {
  transform-origin: .05em .3em;
  height: .33em;
  animation: 72s linear infinite paused b-anim-rotate;
  animation-delay: inherit;
  top: .22em;
}

.b-icon-chart:before {
  content: var(--b-icon-chart, "");
}

.b-icon-settings:before {
  content: var(--b-icon-settings, "");
}

.b-icon-spinner:before {
  content: var(--b-icon-spinner, "");
  animation: 2s linear infinite b-anim-rotate;
}

@keyframes b-anim-rotate {
  0% {
    rotate: none;
  }

  100% {
    rotate: 360deg;
  }
}

:root, :host {
  --b-gripper-edge-size: 1em;
  --b-gripper-horz-cursor: ns-resize;
  --b-gripper-border: 1px solid #0000004d;
  --b-gripper-horz-edge-height: var(--b-gripper-edge-size);
  --b-gripper-horz-height: .25em;
  --b-gripper-horz-width: 1.2em;
  --b-gripper-horz-offset: .4em;
  --b-gripper-horz-transition: opacity .2s, margin-inline-start .2s, width .2s;
  --b-gripper-vert-cursor: ew-resize;
  --b-gripper-vert-gradient: repeating-linear-gradient(90deg, #00000080, #fffc 3px);
  --b-gripper-vert-edge-width: var(--b-gripper-edge-size);
  --b-gripper-vert-width: calc(var(--b-gripper-vert-edge-width) / 2);
  --b-gripper-vert-height: 12px;
  --b-gripper-vert-offset: 4px;
  --b-gripper-vert-transition: opacity .2s, margin-top .2s, height .2s;
}

.b-gripper {
  position: absolute;
}

.b-gripper:after {
  content: " " / "";
  opacity: 0;
  position: absolute;
}

.b-hover-top .b-gripper.b-gripper-horz, .b-hover-bottom .b-gripper.b-gripper-horz {
  cursor: var(--b-gripper-horz-cursor);
  height: var(--b-gripper-horz-edge-height);
  left: 0;
  right: 0;
}

.b-hover-bottom .b-gripper.b-gripper-horz {
  bottom: 0;
}

.b-gripper.b-gripper-horz:after {
  border-top: var(--b-gripper-border);
  border-bottom: var(--b-gripper-border);
  width: 0;
  height: var(--b-gripper-horz-height);
  margin-inline-start: 0;
  left: 50%;
}

.b-hover-left .b-gripper.b-gripper-vert, .b-hover-right .b-gripper.b-gripper-vert {
  cursor: var(--b-gripper-vert-cursor);
  width: var(--b-gripper-vert-edge-width);
  top: 0;
  bottom: 0;
}

.b-hover-right .b-gripper.b-gripper-vert {
  right: 0;
}

.b-hover-left .b-gripper.b-gripper-vert {
  left: 0;
}

.b-gripper.b-gripper-vert:after {
  background: var(--b-gripper-vert-gradient);
  height: 0;
  width: var(--b-gripper-vert-width);
  margin-top: 0;
  top: 50%;
}

.b-hover-anim.b-hover-edge .b-gripper-horz:after {
  opacity: 1;
  width: var(--b-gripper-horz-width);
  transition: var(--b-gripper-horz-transition);
  margin-inline-start: calc(var(--b-gripper-horz-width) / -2);
}

.b-hover-top .b-gripper-horz:after {
  top: var(--b-gripper-horz-offset);
}

.b-hover-bottom .b-gripper-horz:after {
  bottom: var(--b-gripper-horz-offset);
}

.b-hover-anim.b-hover-edge .b-gripper-vert:after {
  opacity: 1;
  margin-top: calc(var(--b-gripper-vert-height) / -2);
  height: var(--b-gripper-vert-height);
  transition: var(--b-gripper-vert-transition);
}

.b-hover-left .b-gripper-vert:after {
  left: var(--b-gripper-vert-offset);
}

.b-hover-right .b-gripper-vert:after {
  right: var(--b-gripper-vert-offset);
}

.b-sftime-picker .b-panel-content {
  background: var(--b-panel-background);
  align-items: stretch;
  gap: .5em;
  padding: .5em;
}

.b-sftime-picker .b-panel-content .b-widget {
  flex: none;
  width: auto;
  margin: 0;
}

.b-sftime-picker .b-panel-content .b-number-field {
  height: 100%;
}

.b-sftime-picker .b-panel-content .b-number-field > .b-label {
  clip-path: polygon(0 0);
  contain: strict;
  position: absolute;
}

.b-sftime-picker .b-panel-content .b-number-field:not(.b-first-visible-child):before {
  content: ":";
  align-self: center;
  margin-inline-end: .5em;
  font-weight: bold;
}

.b-sftime-picker .b-panel-content .b-number-field input {
  width: 3em;
}

.b-sftime-picker .b-panel-content .b-button {
  flex: 0 0 3em;
  padding: 0;
}

.b-sftime-picker .b-panel-content .b-button .b-button-label {
  text-overflow: clip;
}

:root, :host {
  --b-button-box-shadow: null;
  --b-button-text-align: center;
  --b-button-disabled-opacity: .4;
  --b-button-icon-only-border-radius: 50%;
  --b-button-font-weight: 500;
  --b-button-gap: .5em;
  --b-button-height: 3em;
  --b-button-icon-padding-inline: var(--b-widget-padding);
  --b-button-end-icon-padding-inline: var(--b-widget-padding);
  --b-button-menu-padding-inline: var(--b-widget-padding);
  --b-button-opacity: 1;
  --b-button-padding-inline: var(--b-widget-padding);
  --b-button-pressed-box-shadow: none;
  --b-button-focus-outline-width: var(--b-widget-focus-outline-width);
  --b-button-focus-outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
  --b-button-border-radius: var(--b-widget-border-radius);
  --b-button-elevated-active-box-shadow: var(--b-elevation-1);
  --b-button-elevated-box-shadow: var(--b-elevation-1);
  --b-button-elevated-focus-box-shadow: var(--b-elevation-1);
  --b-button-elevated-hover-box-shadow: var(--b-elevation-2);
  --b-button-filled-color: var(--b-text-5);
  --b-button-filled-hover-box-shadow: none;
  --b-button-tonal-hover-box-shadow: none;
  --b-button-outlined-border-width: 1px;
  --b-button-outlined-border-color: var(--b-border-6);
  --b-button-outlined-disabled-background: transparent;
  --b-button-outlined-disabled-border-color: var(--b-border-6);
  --b-button-outlined-background: transparent;
  --b-button-outlined-pressed-color: unset;
  --b-button-type-text-background: transparent;
  --b-button-type-text-disabled-background: transparent;
  --b-button-disabled-background: var(--b-widget-disabled-background);
  --b-button-disabled-color: var(--b-neutral-50);
  --b-button-type-text-focused-background: transparent;
  --b-button-type-text-text-only-border-radius: unset;
  --b-button-focus-outline-color: var(--b-primary);
}

.b-button {
  transition-property: box-shadow, font-weight, background, color, border, border-radius;
  transition-duration: var(--b-default-transition-duration);
  contain: style;
  --b-button-border-width: var(--b-button-idle-border-width);
  --b-button-border-color: var(--b-button-idle-border-color);
  --b-widget-font-weight: var(--b-button-font-weight);
  --bi-button-cursor: pointer;
  background: var(--b-button-background);
  border: var(--b-button-border-width) solid var(--b-button-border-color);
  border-radius: var(--b-button-border-radius);
  box-shadow: var(--b-button-box-shadow);
  color: var(--bi-button-applied-color, var(--b-button-color));
  cursor: var(--bi-button-cursor);
  align-items: center;
  gap: var(--b-button-gap);
  height: var(--b-button-height);
  max-height: var(--b-button-max-height);
  opacity: var(--b-button-opacity);
  padding-block: 0;
  padding-inline: var(--b-button-padding-inline);
  justify-content: var(--b-button-text-align);
  flex-shrink: 0;
  font-family: inherit;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-button .b-button-label, .b-button i {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  cursor: var(--bi-button-cursor);
  margin: 0;
  transition: color .2s;
}

.b-button .b-button-label {
  overflow: hidden;
}

.b-button i {
  flex-shrink: 0;
}

.b-button.b-button-elevated {
  --b-button-background: var(--b-button-elevated-background, var(--b-primary-98));
  --b-button-hover-background: var(--b-button-elevated-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-button-elevated-focused-background, var(--b-primary-95));
  --b-button-active-background: var(--b-button-elevated-active-background, var(--b-primary-95));
  --b-button-pressed-background: var(--b-button-elevated-pressed-background, var(--b-primary-90));
  --b-button-pressed-hover-background: var(--b-button-elevated-pressed-hover-background, var(--b-primary-92));
  --b-button-box-shadow: var(--b-button-elevated-box-shadow);
  --b-button-hover-box-shadow: var(--b-button-elevated-hover-box-shadow);
  --b-button-focus-box-shadow: var(--b-button-elevated-focus-box-shadow);
  --b-button-active-box-shadow: var(--b-button-elevated-active-box-shadow);
  --b-button-color: var(--b-button-elevated-color, var(--b-primary-40));
  --b-button-split-color: var(--b-button-elevated-split-color, color-mix(in srgb, var(--b-button-color), transparent 70%));
}

.b-button.b-button-filled, .b-button.b-raised {
  --b-button-background: var(--b-button-filled-background, var(--b-primary-45));
  --b-button-hover-background: var(--b-button-filled-hover-background, var(--b-primary-55));
  --b-button-focused-background: var(--b-button-filled-focused-background, var(--b-primary-60));
  --b-button-active-background: var(--b-button-filled-active-background, var(--b-primary-60));
  --b-button-pressed-background: var(--b-button-filled-pressed-background, var(--b-primary-65));
  --b-button-pressed-hover-background: var(--b-button-filled-pressed-hover-background, var(--b-primary-70));
  --b-button-color: var(--b-button-filled-color);
  --b-button-hover-box-shadow: var(--b-button-filled-hover-box-shadow);
  --b-button-split-color: var(--b-button-filled-split-color, var(--b-button-color));
}

.b-button.b-button-tonal {
  --b-button-background: var(--b-button-tonal-background, var(--b-primary-95));
  --b-button-hover-background: var(--b-button-tonal-hover-background, var(--b-primary-90));
  --b-button-focused-background: var(--b-button-tonal-focused-background, var(--b-primary-90));
  --b-button-active-background: var(--b-button-tonal-active-background, var(--b-primary-85));
  --b-button-pressed-background: var(--b-button-tonal-pressed-background, var(--b-primary-80));
  --b-button-pressed-hover-background: var(--b-button-tonal-pressed-hover-background, var(--b-primary-85));
  --b-button-hover-box-shadow: var(--b-button-tonal-hover-box-shadow);
  --b-button-color: var(--b-button-tonal-color, var(--b-primary-30));
  --b-button-split-color: var(--b-button-tonal-split-color, color-mix(in srgb, var(--b-button-tonal-color, var(--b-primary-30)), transparent 70%));
  --b-button-idle-border-width: var(--b-button-tonal-border-width);
  --b-button-idle-border-color: var(--b-button-tonal-border-color);
  --b-button-focus-border-color: var(--b-button-tonal-border-color);
  --b-button-hover-border-color: var(--b-button-tonal-border-color);
  --b-button-disabled-border-color: var(--b-button-tonal-border-color);
}

.b-button.b-button-outlined {
  --b-button-background: var(--b-button-outlined-background);
  --b-button-hover-background: var(--b-button-outlined-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-button-outlined-focused-background, var(--b-primary-90));
  --b-button-active-background: var(--b-button-outlined-active-background, var(--b-primary-90));
  --b-button-pressed-background: var(--b-button-outlined-pressed-background, var(--b-primary-90));
  --b-button-pressed-hover-background: var(--b-button-outlined-pressed-hover-background, var(--b-primary-92));
  --b-button-color: var(--b-button-outlined-color, var(--b-primary-25));
  --b-button-pressed-color: var(--b-button-outlined-pressed-color);
  --b-button-idle-border-width: var(--b-button-outlined-border-width);
  --b-button-idle-border-color: var(--b-button-outlined-border-color);
  --b-button-focus-border-color: var(--b-button-outlined-focus-border-color, var(--b-primary));
  --b-button-hover-border-color: var(--b-button-outlined-hover-border-color, var(--b-primary-80));
  --b-button-disabled-background: var(--b-button-outlined-disabled-background);
  --b-button-disabled-border-color: var(--b-button-outlined-disabled-border-color);
  --b-button-split-color: var(--b-button-outlined-split-color, var(--b-button-border-color));
}

.b-button.b-button-text, .b-button.b-transparent {
  --b-button-background: var(--b-button-type-text-background);
  --b-button-hover-background: var(--b-button-type-text-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-button-type-text-focused-background);
  --b-button-active-background: var(--b-button-type-text-active-background, var(--b-primary-90));
  --b-button-pressed-background: var(--b-button-type-text-pressed-background, var(--b-primary-90));
  --b-button-pressed-hover-background: var(--b-button-type-text-pressed-hover-background, var(--b-primary-92));
  --b-button-color: var(--b-button-type-text-color, var(--b-primary-20));
  --b-button-disabled-background: var(--b-button-type-text-disabled-background);
  --b-button-split-color: var(--b-button-type-text-split-color, var(--b-button-color));
}

:is(.b-button.b-button-text, .b-button.b-transparent).b-split-button .b-button-menu-icon {
  align-self: center;
}

:is(.b-button.b-button-text, .b-button.b-transparent).b-text:not(:has(.b-button-icon)) {
  border-radius: var(--b-button-type-text-text-only-border-radius, var(--b-button-border-radius));
}

.b-button:focus-visible {
  outline-offset: var(--b-button-focus-outline-offset);
  outline: var(--b-button-focus-outline-color) solid var(--b-button-focus-outline-width);
}

.b-button.b-focus, .b-button:focus-visible {
  --b-button-background: var(--b-button-focused-background);
  --b-button-box-shadow: var(--b-button-focus-box-shadow);
  --b-button-border-color: var(--b-button-focus-border-color);
}

:is(.b-button:hover, .b-button .b-hover):where(:not(:active, .b-disabled)) {
  --b-button-background: var(--b-button-hover-background);
  --b-button-box-shadow: var(--b-button-hover-box-shadow);
  --b-button-border-color: var(--b-button-hover-border-color);
}

.b-button.b-active, .b-button:active {
  --b-button-background: var(--b-button-active-background);
  --b-button-box-shadow: var(--b-button-active-box-shadow);
}

.b-button.b-rotate-vertical {
  padding-inline: 0;
  padding-block: var(--b-button-padding-inline);
  width: var(--b-button-height);
  height: auto;
}

.b-button.b-rotate-vertical .b-button-label {
  writing-mode: vertical-lr;
}

.b-button.b-rotate-left {
  flex-direction: column-reverse;
}

.b-button.b-rotate-left .b-button-label {
  rotate: 180deg;
}

.b-button.b-rotate-left i {
  rotate: 270deg;
}

.b-button.b-rotate-right {
  flex-direction: column;
}

.b-button.b-rotate-right i {
  rotate: 90deg;
}

.b-button.b-pressed {
  --bi-button-applied-color: var(--b-button-pressed-color);
  --b-button-background: var(--b-button-pressed-background);
  --b-button-box-shadow: var(--b-button-pressed-box-shadow);
}

.b-button.b-pressed:hover {
  --b-button-background: var(--b-button-pressed-hover-background);
}

.b-button.b-icon-align-start {
  --b-button-padding-inline: var(--b-button-icon-padding-inline);
}

.b-button.b-icon-align-end {
  --b-button-padding-inline: var(--b-button-end-icon-padding-inline);
}

.b-button.b-icon-align-end .b-button-icon {
  order: 1;
}

.b-button.b-disabled {
  --b-button-color: var(--b-button-disabled-color);
  --b-button-background: var(--b-button-disabled-background);
  --b-button-opacity: var(--b-button-disabled-opacity);
  --b-button-box-shadow: none;
  --b-button-border-color: var(--b-button-disabled-border-color);
  --bi-button-cursor: normal;
}

.b-button:not(.b-text, .b-has-menu-icon, .b-tab) {
  aspect-ratio: 1;
  --b-button-padding-inline: 0;
  --b-button-border-radius: var(--b-button-icon-only-border-radius);
}

.b-button.b-has-menu-icon:not(.b-text) {
  --b-button-padding-inline: var(--b-button-menu-padding-inline);
}

.b-button .b-button-menu-icon:before {
  transition: rotate .2s;
}

.b-button.b-menu-visible .b-button-menu-icon:before {
  rotate: 180deg;
}

.b-button-custom-content {
  align-items: center;
  display: flex;
}

.b-using-keyboard .b-button-key {
  text-decoration: underline;
}

.b-split-button {
  padding-inline-end: 0;
}

.b-split-button .b-button-menu-icon {
  padding-inline: var(--b-button-padding-inline);
  border-inline-start: 1px solid var(--b-button-split-color);
  place-content: center;
  align-self: stretch;
  transition: border .2s;
  display: grid;
}

.b-split-button i:first-child {
  text-align: end;
  flex: 1 0 auto;
}

.b-split-button .b-button-label {
  text-align: start;
  flex: 1 0 auto;
}

:root, :host {
  --b-tab-border-radius: 0;
  --b-tab-indicator-border-radius: 0;
  --b-tab-font-weight: 500;
  --b-tab-padding: 0 var(--b-widget-padding-large);
  --b-tab-icon-only-padding: 0 var(--b-widget-padding);
  --b-tab-indicator-display: block;
  --b-tab-hover-indicator-opacity: 0;
  --b-tab-background: transparent;
  --b-tab-color: var(--b-neutral-40);
  --b-tab-close-color: var(--b-neutral-50);
  --b-tab-close-hover-color: var(--b-neutral-30);
  --b-tab-active-background: var(--b-tab-background);
  --b-tab-border: null;
  --b-tab-active-border: null;
  --b-tab-hover-border: var(--b-tab-border);
  --b-tab-label-position: null;
  --b-tab-indicator-height: .2em;
  --b-tab-hover-color: var(--b-neutral-20);
  --b-tab-active-tab-color: var(--b-neutral-0);
  --b-tab-invalid-indicator-color: var(--b-color-red);
  --b-tab-indicator-hidden-color: transparent;
  --b-tab-invalid-border: null;
  --bi-tab-indicator-opacity: 0;
}

.b-button.b-tab {
  border: var(--b-tab-border);
  --b-button-background: var(--b-tab-background);
  --b-button-border-radius: var(--b-tab-border-radius);
  --b-button-hover-background: var(--b-tab-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-tab-focus-background, var(--b-primary-90));
  --b-button-color: var(--b-tab-color);
  --b-button-font-weight: var(--b-tab-font-weight);
  --b-button-padding: var(--b-tab-padding);
  --b-tab-indicator-applied-color: var(--b-tab-indicator-hidden-color, transparent);
}

.b-button.b-tab.b-active {
  --b-tab-border: var(--b-tab-active-border);
  --b-button-background: var(--b-tab-active-background);
  --b-tab-color: var(--b-tab-active-tab-color);
  --b-tab-indicator-applied-color: var(--b-tab-indicator-color);
  --bi-tab-indicator-opacity: 1;
}

.b-button.b-tab:hover:where(:not(.b-active)) {
  --b-tab-color: var(--b-tab-hover-color);
  --b-tab-border: var(--b-tab-hover-border);
  --b-button-background: var(--b-tab-hover-background, var(--b-primary-95));
}

.b-button.b-tab.b-invalid {
  --b-tab-indicator-applied-color: var(--b-tab-invalid-indicator-color);
  --bi-tab-indicator-opacity: 1;
  --b-tab-border: var(--b-tab-invalid-border);
}

.b-button.b-tab:not(.b-text) {
  --b-button-icon-padding: var(--b-tab-icon-only-padding);
}

.b-button.b-tab .b-button-label {
  position: var(--b-tab-label-position);
  align-self: stretch;
  place-items: center;
  display: grid;
}

.b-tab-bar.b-dock-top {
  --b-tab-indicator-inset: auto 0 0 0;
}

.b-tab-bar.b-dock-right {
  --b-tab-indicator-inset: 0 auto 0 0;
}

.b-tab-bar.b-dock-bottom {
  --b-tab-indicator-inset: 0 0 auto 0;
}

.b-tab-bar.b-dock-left {
  --b-tab-indicator-inset: 0 auto 0 0;
}

.b-tab-indicator {
  opacity: var(--bi-tab-indicator-opacity);
  inset: var(--b-tab-indicator-inset, auto 0 0 0);
  display: var(--b-tab-indicator-display);
  background: var(--b-tab-indicator-applied-color, var(--b-tab-active-tab-color));
  block-size: var(--b-tab-indicator-height);
  border-radius: var(--b-tab-indicator-border-radius);
  transition: opacity .2s, background .2s;
  position: absolute;
}

.b-tab-close {
  cursor: pointer;
  color: var(--b-tab-close-color);
  font-size: .8em;
}

.b-tab-close:hover {
  color: var(--b-tab-close-hover-color);
}

.b-tab.b-drag-proxy {
  opacity: .9;
  background-color: var(--b-toolbar-background);
  transition: background-color .3s;
}

.b-aisettings-panel {
  padding-block: 1em;
}

.b-aisettings-panel .b-field-inner {
  justify-content: end;
}

:root, :host {
  --b-chat-button-color: #fff;
}

.b-bryntum {
  --b-chat-button-background: var(--b-primary);
}

.b-chat-button.b-button {
  bottom: 1em;
  z-index: 10000;
  width: 2.75em;
  height: 2.75em;
  min-height: 0;
  color: var(--b-chat-button-color);
  background: var(--b-chat-button-background);
  border: none;
  border-radius: 50%;
  outline: none;
  place-items: center;
  margin: 0;
  padding: 0;
  font-size: 1em;
  transition: scale .2s;
  display: grid;
  position: absolute;
  inset-inline-end: 1em;
  scale: 1;
  box-shadow: 0 2px 8px #63636333;
}

.b-chat-button.b-button .b-button-menu-icon {
  display: none;
}

.b-chat-button.b-button i {
  place-items: center;
  font-size: 1.3em;
  display: grid;
  position: relative;
}

.b-chat-button.b-button:hover {
  scale: 1.1;
}

.b-chat-button.b-button:active {
  scale: 1;
}

.b-using-keyboard .b-chat-button.b-button:focus:not(:active) {
  box-shadow: 0 0 .8em #3183fe;
}

.b-chat-button.b-button.b-chat-button-animating i:before {
  animation: .2s b-anim-chat-button-icon-transition;
}

.b-chat-button.b-button.b-chat-closed {
  --bi-content: "";
}

.b-chat-button.b-button.b-chat-closed-previous {
  --bi-previous-content: "";
}

.b-chat-button.b-button.b-chat-open {
  --bi-content: "";
}

.b-chat-button.b-button.b-chat-open-previous {
  --bi-previous-content: "";
}

.b-chat-button.b-button.b-voice-speaking {
  --bi-content: "";
}

.b-chat-button.b-button.b-voice-speaking i {
  animation: .7s infinite b-anim-voice-speaking;
}

.b-chat-button.b-button.b-voice-speaking-previous {
  --bi-previous-content: "";
}

.b-chat-button.b-button.b-voice-waiting {
  --bi-content: "";
  animation: 2s linear infinite b-anim-rotate;
}

.b-chat-button.b-button.b-voice-waiting-previous {
  --bi-previous-content: "";
}

.b-chat-button.b-button.b-voice-active {
  --bi-content: "";
}

.b-chat-button.b-button.b-voice-active i {
  animation: .9s ease-out infinite b-anim-voice-active;
}

.b-chat-button.b-button.b-voice-active-previous {
  --bi-previous-content: "";
}

.b-chat-button.b-button.b-voice-inactive {
  --bi-content: "";
  background: #aaa;
}

.b-chat-button.b-button.b-voice-inactive-previous {
  --bi-previous-content: "";
}

.b-chat-button.b-button .b-button-icon:before {
  content: var(--bi-content);
}

@keyframes b-anim-voice-speaking {
  0% {
    opacity: 1;
    transform: none;
  }

  49.9% {
    transform: none;
  }

  50% {
    opacity: .5;
    transform: scaleX(-1);
  }

  100% {
    opacity: 1;
    transform: scaleX(-1);
  }
}

@keyframes b-anim-voice-active {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  25% {
    transform: scale(.95);
  }

  60% {
    opacity: .8;
    transform: scale(1.05);
  }

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

@keyframes b-anim-chat-button-icon-transition {
  0% {
    content: var(--bi-previous-content);
    font-size: 1em;
  }

  50% {
    font-size: .1em;
  }

  100% {
    content: var(--bi-content);
    font-size: 1em;
  }
}

@starting-style {
  .b-chat-button.b-button {
    scale: 0;
  }

  .b-chat-button.b-button i:after {
    opacity: 0;
  }
}

:root, :host {
  --b-chat-panel-border-radius: 1em;
  --b-chat-panel-message-them-align-self: flex-start;
  --b-chat-panel-message-them-background: var(--b-neutral-90);
  --b-chat-panel-message-them-color: var(--b-text-2);
  --b-chat-panel-intro-color: var(--b-neutral-50);
  --b-chat-panel-example-prompt-color: var(--b-neutral-70);
  --b-chat-panel-example-prompt-hover-color: var(--b-neutral-40);
  --b-chat-panel-message-us-align-self: flex-end;
  --b-chat-panel-message-us-color: #fff;
  --b-chat-panel-message-color: var(--b-chat-panel-message-us-color);
  --b-chat-panel-tool-color: var(--b-color-lighter-gray);
  --b-chat-panel-tool-color-active: var(--b-color-gray);
  --b-chat-panel-tool-hover-color: var(--b-color-light-gray);
  --b-chat-panel-font-size: .8em;
  --b-chat-panel-loading-color: var(--b-text-3);
  --b-chat-panel-option-hover-background: color-mix(in srgb, var(--b-chat-panel-message-us-background), transparent 90%);
  --b-chat-panel-avatar-size: 5em;
}

.b-internal {
  --bi-value: null;
}

.b-chat-bubbles {
  flex-flow: column;
  gap: .5em;
  display: flex;
  overflow: clip auto;
}

.b-chat-bubbles:before {
  content: "";
}

.b-chat-bubbles .b-message {
  gap: .2em;
  align-self: var(--b-chat-panel-message-align-self);
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  overflow: clip;
}

.b-chat-bubbles .b-bubble {
  opacity: 1;
  z-index: 1;
  word-wrap: break-word;
  border-radius: var(--b-chat-panel-border-radius);
  align-self: var(--b-chat-panel-message-align-self);
  background: var(--b-chat-panel-message-background);
  max-width: 80%;
  min-height: 2.5em;
  color: var(--b-chat-panel-message-color);
  padding: .5em .75em;
  line-height: 1.5em;
  transition: opacity .2s, translate .2s;
  overflow: auto;
  translate: 0;
}

.b-chat-bubbles .b-bubble .b-aborted {
  opacity: .3;
}

.b-chat-bubbles .b-bubble .b-failed {
  color: var(--b-color-red);
}

.b-chat-bubbles .b-bubble strong {
  font-weight: 600;
}

.b-chat-bubbles .b-undone .b-bubble {
  opacity: .3;
}

.b-chat-bubbles .b-async .b-bubble {
  align-items: center;
  width: 3.5em;
  display: flex;
  overflow: clip;
}

.b-chat-bubbles .b-async .b-asyncstatus {
  opacity: .8;
  padding-inline-start: .2em;
  font-size: .8em;
}

.b-chat-bubbles .b-bubble-loading {
  width: .5em;
  height: .5em;
  box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  border-radius: 50%;
  animation: 2s infinite b-anim-jumping-dots;
  position: relative;
  inset-inline-start: -2em;
}

.b-chat-bubbles .b-bubble-tools {
  align-items: center;
  gap: .5em;
  justify-content: var(--b-chat-panel-message-them-align-self);
  padding-inline: .75em;
  transition: opacity .2s .2s, translate .2s .2s;
  display: flex;
}

.b-chat-bubbles .b-bubble-tools .b-undone-tag {
  background: var(--b-color-red);
  color: var(--b-neutral-100);
  border-radius: 1em;
  padding-inline: .5em;
  font-size: .75em;
}

.b-chat-bubbles .b-bubble-tool {
  font-size: var(--b-chat-panel-font-size);
  color: var(--b-chat-panel-tool-color);
}

.b-chat-bubbles .b-bubble-tool:hover {
  --b-chat-panel-tool-color: var(--b-chat-panel-tool-hover-color);
}

.b-chat-bubbles button.b-bubble-tool {
  cursor: pointer;
  background: none;
  border: none;
  padding-inline: 0;
}

.b-chat-bubbles .b-timestamp {
  color: var(--b-chat-panel-tool-color);
  font-size: .7em;
}

.b-chat-bubbles .b-us {
  --b-chat-panel-message-align-self: var(--b-chat-panel-message-us-align-self);
  --b-chat-panel-message-background: var(--b-chat-panel-message-us-background, var(--b-primary));
  --b-chat-panel-message-color: var(--b-chat-panel-message-us-color);
}

.b-chat-bubbles .b-them {
  --b-chat-panel-message-align-self: var(--b-chat-panel-message-them-align-self);
  --b-chat-panel-message-background: var(--b-chat-panel-message-them-background);
  --b-chat-panel-message-color: var(--b-chat-panel-message-them-color);
}

.b-chat-bubbles .b-confidence {
  border: 1px solid var(--b-chat-panel-tool-color);
  border-radius: .25em;
  width: 1em;
  height: .6em;
  position: relative;
  overflow: clip;
}

.b-chat-bubbles .b-confidence:before {
  content: "";
  opacity: .6;
  height: 100%;
  width: calc(var(--bi-value) * 100%);
  background: var(--b-chat-panel-tool-color);
  display: block;
  position: absolute;
}

.b-chat-bubbles .b-options {
  opacity: 1;
  justify-content: flex-end;
  gap: .5em;
  align-items: var(--b-chat-panel-message-us-align-self);
  flex-wrap: wrap;
  height: auto;
  transition: height .2s, opacity .2s, gap .2s;
  display: flex;
  overflow: hidden;
}

.b-chat-bubbles .b-options:has(.b-selected) {
  gap: 0;
}

.b-chat-bubbles .b-options:has(.b-selected) .b-option {
  pointer-events: none;
}

.b-chat-bubbles .b-options:has(.b-selected) .b-option:not(.b-selected) {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding-block: 0;
  transition-delay: 0s;
  display: none;
}

.b-chat-bubbles .b-option {
  opacity: 1;
  transition-behavior: allow-discrete;
  interpolate-size: allow-keywords;
  border: 1px solid var(--b-chat-panel-tool-color);
  border-radius: var(--b-chat-panel-border-radius);
  background: none;
  min-height: 2.5em;
  padding: .5em .75em;
  font-size: 1em;
  line-height: 1.5em;
  transition: opacity .2s .2s, translate .2s .2s, height .2s .2s, min-height .2s .2s, padding .2s .2s, display .2s .2s;
  overflow: hidden;
  translate: 0;
}

.b-chat-bubbles .b-option:not(.b-outdated):hover {
  cursor: pointer;
  background: var(--b-chat-panel-option-hover-background);
}

.b-chat-bubbles .b-option.b-selected {
  background: var(--b-chat-panel-message-us-background, var(--b-primary));
  color: var(--b-chat-panel-message-us-color);
  border: none;
}

.b-chat-bubbles .b-option:nth-child(2) {
  transition-delay: .3s;
}

.b-chat-bubbles .b-option:nth-child(3) {
  transition-delay: .4s;
}

.b-chat-bubbles .b-option:nth-child(4) {
  transition-delay: .5s;
}

.b-chat-bubbles .b-option:nth-child(5) {
  transition-delay: .6s;
}

.b-chat-bubbles .b-option:nth-child(6) {
  transition-delay: .7s;
}

.b-chat-bubbles .b-option.b-outdated {
  opacity: .3;
  transition-delay: 0s;
}

.b-chat-bubbles .b-bottom-anchor {
  min-height: 1px;
}

@starting-style {
  .b-chat-bubbles.b-animate .b-bubble {
    opacity: 0;
    translate: 0 1em;
  }

  .b-chat-bubbles.b-animate .b-bubble-tools {
    opacity: 0;
    translate: 0 -1em;
  }

  .b-chat-bubbles.b-animate .b-option {
    opacity: 0;
    translate: -100%;
  }
}

@keyframes b-anim-jumping-dots {
  0% {
    box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  }

  16.667% {
    box-shadow: 2em -.5em 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  }

  33.333% {
    box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  }

  50% {
    box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em -.5em 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  }

  66.667% {
    box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  }

  83.333% {
    box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em -.5em 0 0 var(--b-chat-panel-loading-color);
  }

  100% {
    box-shadow: 2em 0 0 0 var(--b-chat-panel-loading-color), 2.75em 0 0 0 var(--b-chat-panel-loading-color), 3.5em 0 0 0 var(--b-chat-panel-loading-color);
  }
}

.b-chat-panel-mixin.b-panel > header {
  gap: .5em;
}

.b-chat-panel-mixin.b-panel > header:after {
  display: none;
}

.b-float-root > .b-chat-panel-mixin.b-panel.b-floating {
  --b-aligned-above-floating-box-shadow: var(--b-widget-floating-box-shadow);
}

.b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content {
  --b-panel-with-header-padding: 0;
}

.b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content > div {
  padding-inline: 1em;
}

.b-chat-panel-mixin.b-panel .b-chat-bubbles {
  flex: 1;
  padding-top: 1em;
}

.b-chat-panel-mixin.b-panel .b-intro {
  text-align: center;
  color: var(--b-chat-panel-intro-color);
  flex-direction: column;
  align-items: center;
  gap: .5em;
  margin-bottom: 1em;
  display: flex;
}

.b-chat-panel-mixin.b-panel .b-intro div {
  line-height: 1.5em;
}

.b-chat-panel-mixin.b-panel .b-intro .b-chat-avatar {
  background: var(--b-primary);
  width: var(--b-chat-panel-avatar-size);
  border-radius: 50%;
  margin-bottom: 1em;
}

.b-chat-panel-mixin.b-panel .b-example-prompt {
  cursor: pointer;
  color: var(--b-chat-panel-example-prompt-color);
  font-size: .9em;
  font-style: italic;
}

.b-chat-panel-mixin.b-panel .b-example-prompt:before, .b-chat-panel-mixin.b-panel .b-example-prompt:after {
  content: "\"";
}

.b-chat-panel-mixin.b-panel .b-example-prompt:hover {
  color: var(--b-chat-panel-example-prompt-hover-color);
}

.b-chat-panel-mixin.b-panel .b-text-field {
  padding-bottom: 1em;
}

.b-chat-panel-mixin.b-panel .b-text-field .b-field-inner {
  border-radius: var(--b-chat-panel-border-radius);
}

.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger {
  color: var(--b-chat-panel-tool-color);
}

.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger:before {
  font-size: 1.5em;
}

.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger:hover {
  color: var(--b-chat-panel-tool-hover-color);
}

.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger.b-send-chat-msg {
  transition: color .2s;
}

.b-using-keyboard :is(.b-chat-panel-mixin.b-panel .b-text-field .b-field-trigger).b-icon-mic:focus {
  outline-offset: .4em;
  margin-inline-end: .6em;
  padding-inline-end: 0;
}

.b-chat-panel-mixin.b-panel .b-text-field .b-send-chat-msg:not(.b-disabled) {
  color: var(--b-chat-panel-tool-color-active);
}

.b-is-speaking button.b-bubble-tool[data-ref="readAloud"], .b-aichat-panel-mixin.b-panel .b-text-field .b-is-recording, .b-aichat-panel-mixin.b-panel .b-text-field .b-is-recording:hover {
  color: #00f;
}

.b-bubble ul, .b-bubble ol {
  padding-inline-start: 1em;
}

.b-bubble > p:first-child {
  margin-block-start: 0;
}

.b-bubble > p:last-child {
  margin-block-end: 0;
}

.b-aichat-panel-mixin .b-panel-header .b-tool[data-ref="offline"] {
  color: #f99d9d;
}

.b-confirmation-dialog:not(.b-centered, .b-dragged-by-user) {
  top: .5em;
  transition: top .4s, inset-inline-start .4s;
  inset-inline-start: calc(100% - .5em);
  translate: -100%;
}

.b-confirmation-dialog .b-approve-button {
  --b-primary: var(--b-color-green);
}

.b-confirmation-dialog .b-reject-button {
  --b-primary: var(--b-color-red);
}

.b-confirmation-dialog .b-message-icon {
  color: var(--b-primary);
  font-size: 2em;
}

.b-confirmation-dialog .b-message {
  align-items: center;
}

.b-confirmation-dialog .b-confirmation-dialog-content > * {
  white-space: nowrap;
}

.b-confirmation-dialog .b-records-item {
  background-color: var(--b-neutral-90);
  border-radius: 1em;
  align-items: center;
  padding: .5em;
  display: flex;
}

@media (width <= 500px) {
  .b-confirmation-dialog .b-toolbar-fill, .b-confirmation-dialog .b-approve-button label, .b-confirmation-dialog .b-reject-button label {
    display: none;
  }
}

@media (width <= 400px) {
  .b-confirmation-dialog .b-highlight-button label {
    display: none;
  }
}

@media (width <= 300px) {
  .b-confirmation-dialog .b-preview-button label {
    display: none;
  }
}

.b-panel.b-checkbox-group {
  gap: var(--bi-field-gap);
}

.b-panel.b-checkbox-group .b-fieldset-content.b-inline {
  flex-wrap: wrap;
}

.b-panel.b-checkbox-group .b-fieldset-content.b-inline label {
  white-space: nowrap;
}

.b-panel.b-checkbox-group.b-invalid .b-checkbox label:before {
  outline-offset: 2px;
  outline: 1px solid var(--b-color-red);
}

:root, :host {
  --b-container-gap: var(--b-widget-gap);
  --b-container-padding: 0;
  --b-container-color: var(--b-widget-color);
  --b-divider-font-size: .9em;
  --b-divider-line-color: var(--b-border-5);
  --b-divider-text-color: var(--b-border-4);
  --b-divider-font-weight: null;
  --b-divider-margin-block: 1em;
  --b-container-border-width: 1px;
  --b-container-border-color: var(--b-border-7);
}

.b-internal {
  --bi-container-columns: null;
}

.b-container {
  min-width: 0;
  min-height: 0;
  color: var(--b-container-color);
  gap: var(--b-container-gap);
  padding: var(--b-container-padding);
  align-content: var(--b-container-align-content);
}

.b-container:where(:not(.b-panel)) {
  grid-auto-rows: min-content;
  display: grid;
}

.b-container:where(:not(.b-panel)).b-columns {
  grid-template-columns: repeat(var(--bi-container-columns), auto);
}

.b-container.b-vbox {
  flex-direction: column;
  display: flex;
}

.b-container.b-vbox.b-single-child:not(.b-toolbar-content) > .b-container {
  flex: auto;
  align-self: stretch;
}

.b-container.b-hbox {
  flex-flow: row;
  display: flex;
}

.b-container.b-hbox.b-single-child:not(.b-toolbar-content) > .b-container {
  flex: auto;
  align-self: stretch;
}

.b-container.b-field-align-end .b-field-inner {
  justify-content: flex-end;
  justify-self: end;
}

.b-container.b-bordered {
  border: var(--b-container-border-width) solid var(--b-container-border-color);
  border-radius: var(--b-widget-border-radius);
}

.b-content-element:has( > .b-splitter) {
  gap: 0;
}

.b-content-element:has( > .b-splitter.b-moving) * {
  transition: none !important;
}

:is(.b-container, .b-panel).b-label-align-before {
  --b-field-align-before-label-column: span 1;
  --b-field-align-before-field-column: span 1;
}

.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content {
  grid-template-columns: repeat(var(--bi-container-columns, 1), max-content 1fr);
  grid-auto-rows: min-content;
}

:is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label {
  --b-field-label-padding: 0;
  display: contents;
}

:is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > label, :is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > .b-field-inner {
  grid-row: auto;
}

.b-content-element {
  position: relative;
}

.b-content-element.b-text-content {
  display: block;
  overflow: auto;
}

.b-divider {
  margin-block: var(--b-divider-margin-block);
  grid-column: 1 / -1;
  justify-content: center;
}

.b-divider:before {
  content: "";
  border-bottom: 1px solid var(--b-divider-line-color);
  width: 100%;
  position: absolute;
  top: 50%;
}

.b-divider[data-text]:after {
  content: attr(data-text);
  z-index: 1;
  color: var(--b-divider-text-color);
  background: var(--b-parent-background-color, var(--b-panel-background));
  font-size: var(--b-divider-font-size);
  font-weight: var(--b-divider-font-weight);
  padding: 0 1em;
  display: flex;
}

.b-undo-redo-base.b-toolbar {
  align-items: center;
  gap: .5em;
}

:root, :host {
  --b-button-group-border-width: 0px;
  --b-button-group-border-radius: var(--b-button-border-radius);
  --b-button-group-box-shadow: none;
  --b-button-group-border-color: transparent;
  --b-button-group-padded-padding: .3em;
  --b-button-group-padded-background: var(--b-neutral-95);
  --b-button-group-padded-active-background: var(--b-neutral-97);
  --b-button-group-padded-pressed-background: var(--b-neutral-100);
  --b-button-group-padded-pressed-hover-background: var(--b-neutral-98);
  --b-button-group-padded-pressed-box-shadow: 0 1px 3px 0 #0000000d, 0 1px 1px 0 #0000000a, 0 2px 1px -1px #00000008;
  --b-button-group-padded-pressed-border: null;
  --b-button-group-padded-button-opacity: .5;
  --b-button-group-padded-border: null;
  --b-button-group-padded-filled-pressed-color: var(--b-neutral-100);
}

.b-bryntum {
  --b-button-group-padded-filled-pressed-background: var(--b-primary-50);
  --b-button-group-padded-filled-pressed-hover-background: var(--b-primary-55);
}

.b-button-group {
  width: min-content;
  height: min-content;
  box-shadow: var(--b-button-group-box-shadow);
  border: var(--b-button-group-border-width) solid var(--b-button-group-border-color);
  opacity: var(--bi-button-group-opacity, 1);
  transition-property: box-shadow, border, opacity, background;
  transition-duration: var(--b-default-transition-duration);
  flex-shrink: 0;
  align-items: center;
  gap: 0;
  display: flex;
}

.b-button-group.b-columned {
  flex-wrap: wrap;
  width: 100%;
}

.b-button-group.b-button-group-tonal .b-button {
  --bi-button-group-button-border-end-width: 1px;
  --b-button-group-border-color: color-mix(in oklab, var(--b-button-tonal-color), transparent 80%);
}

.b-button-group.b-button-group-elevated {
  --b-button-group-box-shadow: var(--b-button-elevated-box-shadow);
}

.b-button-group.b-button-group-outlined {
  --b-button-group-border-color: var(--b-button-outlined-border-color);
  --b-button-group-border-width: var(--b-button-outlined-border-width);
  --bi-button-group-button-border-end-width: var(--b-button-outlined-border-width);
}

.b-button-group.b-button-group-outlined.b-disabled {
  --b-button-group-border-color: var(--b-button-outlined-disabled-border-color);
  --bi-button-group-opacity: var(--b-button-disabled-opacity);
}

.b-button-group.b-button-group-outlined.b-disabled .b-button {
  --b-button-disabled-opacity: 1;
}

.b-button-group.b-rotate-vertical {
  flex-direction: column;
}

.b-button-group .b-button {
  --b-button-border-width: 0;
  --b-button-box-shadow: none;
}

.b-button-group .b-button:not(.b-button-text) {
  --b-button-border-radius: 0;
}

.b-button-group .b-button:not(.b-last-visible-child) {
  border-inline-end: var(--bi-button-group-button-border-end-width) solid var(--b-button-group-border-color);
}

.b-button-group .b-button:not(.b-text, .b-button-text) {
  aspect-ratio: unset;
  min-width: 3.25em;
}

.b-button-group .b-button:focus {
  z-index: 3;
}

.b-button-group .b-pressed {
  z-index: 2;
}

.b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) {
  border-radius: var(--b-button-group-border-radius);
}

.b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-first-visible-child {
  border-start-start-radius: calc(var(--b-button-group-border-radius)  - var(--b-button-group-border-width));
  border-end-start-radius: calc(var(--b-button-group-border-radius)  - var(--b-button-group-border-width));
}

.b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-last-visible-child {
  border-start-end-radius: calc(var(--b-button-group-border-radius)  - var(--b-button-group-border-width));
  border-end-end-radius: calc(var(--b-button-group-border-radius)  - var(--b-button-group-border-width));
}

.b-button-group-padded, .b-button-group-padded-filled {
  background: var(--b-button-group-padded-background);
  border-radius: var(--b-button-group-border-radius);
  padding: var(--b-button-group-padded-padding);
  border: var(--b-button-group-padded-border);
  gap: 3px;
}

:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button {
  transition-property: opacity, background, box-shadow, border;
  transition-duration: var(--b-default-transition-duration);
  border-radius: calc(var(--b-button-group-border-radius)  - 1px);
  height: calc(var(--b-button-height)  - var(--b-button-group-padded-padding) * 2);
  opacity: var(--b-button-group-padded-button-opacity);
  background: none;
}

:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:hover, :is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed {
  opacity: 1;
}

:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:active {
  background: var(--b-button-group-padded-active-background);
}

:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed {
  background: var(--b-button-group-padded-pressed-background);
  border: var(--b-button-group-padded-pressed-border);
  box-shadow: var(--b-button-group-padded-pressed-box-shadow);
}

:is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) {
  gap: var(--b-button-group-padded-padding);
}

:is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) .b-button.b-pressed:hover {
  background: var(--b-button-group-padded-pressed-hover-background);
}

.b-button-group-padded-filled .b-button.b-pressed {
  box-shadow: none;
  background: var(--b-button-group-padded-filled-pressed-background);
  color: var(--b-button-group-padded-filled-pressed-color);
}

.b-button-group-padded-filled:not(.b-toggle-group) .b-button.b-pressed:hover {
  background: var(--b-button-group-padded-filled-pressed-hover-background);
}

:root, :host {
  --b-editor-background: transparent;
  --b-editor-border-radius: var(--b-widget-border-radius);
}

.b-editor {
  background: var(--b-editor-background);
  border-radius: var(--b-editor-border-radius);
  display: flex;
  overflow: visible;
}

.b-editor .b-label {
  display: none;
}

.b-editor .b-field {
  --b-text-field-input-height: 100%;
  width: 100%;
  height: 100%;
  display: flex;
}

.b-editor .b-field-inner {
  height: 100%;
}

.b-field-filter-picker {
  --b-container-gap: 1em;
  --b-text-field-default-width: 100%;
  flex-flow: wrap;
  display: flex;
  overflow: visible;
}

.b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple {
  flex: 1;
  min-width: 10em;
}

:is(.b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple).b-hidden {
  display: none;
}

.b-field-filter-picker-values-multiple {
  align-items: center;
  gap: var(--b-container-gap);
  display: flex;
}

.b-field-filter-picker-values-multiple .b-field {
  flex: 1;
}

.b-combo.b-field-filter-picker-combo-locked {
  --b-text-field-border-width: 0;
  --b-text-field-input-padding: 0;
  --b-text-field-input-height: 3em;
  --b-text-field-background: transparent;
  margin-top: .25em;
}

:root, :host {
  --b-panel-gap: var(--b-widget-gap);
  --b-panel-background: var(--b-neutral-100);
  --b-panel-header-color: var(--b-widget-color);
  --b-panel-overlay-box-shadow: var(--b-elevation-1);
  --b-panel-drawer-box-shadow: var(--b-elevation-4);
  --b-panel-header-font-size: 1.2em;
  --b-panel-header-font-weight: calc(var(--b-widget-font-weight)  + 100);
  --b-panel-header-text-align: start;
  --b-panel-header-gap: var(--b-widget-gap);
  --b-panel-padding: var(--b-widget-padding-large);
  --b-panel-with-header-padding: var(--b-panel-padding);
  --b-panel-bottom-toolbar-padding: var(--b-widget-padding-large);
  --b-panel-bottom-toolbar-background: transparent;
  --b-panel-top-toolbar-margin-inline: null;
  --b-panel-top-toolbar-border-radius: null;
  --b-panel-with-header-top-toolbar-background: var(--b-neutral-97);
  --b-panel-header-padding: var(--b-widget-padding-large);
  --b-panel-border: null;
  --b-panel-header-background: transparent;
  --b-drawer-size: 30em;
  --b-panel-overlay-border: null;
  --b-default-panel-transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration), border-color var(--b-default-transition-duration);
}

.b-panel {
  transition: var(--b-default-panel-transition);
  background: var(--b-panel-background);
  border: var(--b-panel-border);
  outline: none;
  flex-direction: column;
  gap: 0;
  display: flex;
  overflow: clip;
}

.b-panel.b-columns .b-panel-content {
  grid-auto-rows: min-content;
  grid-template-columns: repeat(var(--bi-container-columns), auto);
  display: grid;
}

.b-panel.b-panel-has-header > .b-panel-body-wrap > .b-top-toolbar:not(.b-tab-bar) {
  margin-inline: var(--b-panel-top-toolbar-margin-inline);
  border-radius: var(--b-panel-top-toolbar-border-radius);
  background: var(--b-panel-with-header-top-toolbar-background);
}

.b-panel > .b-panel-overlay, .b-panel > .b-panel-body-wrap {
  z-index: 0;
}

.b-panel > .b-panel-collapse-size-locker {
  position: absolute !important;
}

.b-panel .b-panel-overlay-right {
  border-inline-start: var(--b-panel-overlay-border);
}

.b-panel:not(.b-panel-collapsible-overlay).b-collapsed > .b-panel-collapse-size-locker {
  clip: rect(0, 0, 0, 0);
}

:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-down:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-down, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-up) > .b-panel-collapse-size-locker {
  top: 0;
}

:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-up:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-up, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-down) > .b-panel-collapse-size-locker {
  bottom: 0;
}

:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-left:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-right) > .b-panel-collapse-size-locker {
  right: 0;
}

:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-right:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-right) > .b-panel-collapse-size-locker {
  left: 0;
}

.b-panel.b-panel-collapsible-overlay {
  background: none;
}

.b-panel.b-panel-collapsible-overlay:not(.b-collapsing, .b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}

.b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed > .b-panel-overlay {
  box-shadow: var(--b-panel-overlay-box-shadow);
  overflow: visible;
}

.b-panel.b-panel-collapsible-overlay > .b-panel-header {
  transition: translate .2s ease-in-out;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed > .b-panel-header > .b-collapsify-hide {
  display: none;
}

:is(.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding) > .b-panel-header {
  opacity: 0;
}

.b-panel.b-panel-collapsible-overlay:not(.b-collapsed, .b-collapsing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealing, .b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed {
  z-index: 1;
  overflow: visible;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing {
  overflow: visible;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header {
  z-index: -1;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-up > .b-panel-header {
  translate: 0 -100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-down > .b-panel-header {
  translate: 0 100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-right > .b-panel-header {
  translate: 100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-left > .b-panel-header {
  translate: -100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) {
  border: none;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) > .b-panel-collapse-size-locker {
  transition: translate .2s cubic-bezier(.06, 1.1, .58, 1), clip-path .2s ease-out, top .2s ease-out, right .2s ease-out, bottom .2s ease-out, left .2s ease-out;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up > .b-panel-collapse-size-locker {
  translate: 0 -100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 -20px);
  translate: 0;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down > .b-panel-collapse-size-locker {
  translate: 0 100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(-20px 0 0);
  translate: 0;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left > .b-panel-collapse-size-locker {
  translate: -100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 -20px 0 0);
  translate: 0;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right > .b-panel-collapse-size-locker {
  translate: 100%;
}

.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 0 -20px);
  translate: 0;
}

.b-panel.b-panel-collapsible-overlay.b-expanding {
  overflow: visible;
  flex: none !important;
}

.b-panel.b-header-dock-right, .b-panel.b-header-dock-bottom {
  justify-content: flex-end;
}

.b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) {
  visibility: hidden;
  flex: 0 1 0;
}

.b-panel.b-collapsed > .b-panel-collapse-revealer {
  visibility: visible;
  cursor: pointer;
}

.b-panel.b-collapsed > .b-panel-collapse-revealer.b-dock-right, .b-panel.b-collapsed > .b-panel-collapse-revealer .b-dock-left {
  border-block: none;
  height: 100%;
}

.b-panel .b-panel-collapser-header {
  display: none;
}

.b-panel.b-collapse-unflex {
  flex-grow: unset !important;
  flex-basis: unset !important;
  flex-shrink: 0 !important;
}

:is(.b-panel.b-collapsed, .b-panel.b-collapsing) .b-panel-collapser-header {
  display: flex;
}

:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom {
  min-height: auto !important;
}

:is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) {
  height: unset !important;
}

.b-vbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom) {
  flex: none !important;
}

:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left {
  min-width: auto !important;
}

:is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) {
  width: unset !important;
}

.b-hbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left) {
  flex: none !important;
}

.b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-right, .b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-left {
  width: unset !important;
  flex: unset !important;
}

.b-drawer-panel {
  --b-panel-overlay-box-shadow: var(--b-panel-drawer-box-shadow);
}

.b-drawer-panel:not(.b-positioned, .b-floating) {
  flex: unset;
}

.b-drawer-panel.b-panel-overlay-revealed > header.b-panel-collapse-revealer, .b-drawer-panel > header.b-panel-collapse-revealer {
  display: none;
}

.b-drawer-panel.b-panel-collapse-up {
  min-height: var(--b-drawer-size);
  height: auto;
  inset: 0 0 auto;
}

.b-drawer-panel.b-panel-collapse-right {
  width: var(--b-drawer-size);
  inset: 0 0 0 auto;
}

.b-drawer-panel.b-panel-collapse-down {
  min-height: var(--b-drawer-size);
  height: auto;
  inset: auto 0 0;
}

.b-drawer-panel.b-panel-collapse-left {
  width: var(--b-drawer-size);
  inset: 0 auto 0 0;
}

.b-panel-overlay {
  background: var(--b-panel-background);
}

.b-panel-header {
  z-index: 1;
  transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  background: var(--b-panel-header-background);
  color: var(--b-panel-header-color);
  padding: var(--b-panel-header-padding);
  align-items: center;
  gap: var(--b-panel-header-gap);
  border-bottom: var(--b-panel-header-border-bottom);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.b-panel-collapsible > .b-panel-header {
  cursor: pointer;
}

.b-panel-header.b-dock-top {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.b-panel-header.b-dock-right {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  flex-flow: column;
  order: 100;
}

.b-panel-header.b-dock-right, .b-panel-header.b-dock-bottom {
  order: 100;
}

.b-panel-header.b-dock-left {
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
  flex-flow: column-reverse;
}

.b-panel-header.b-dock-left .b-header-title {
  rotate: 180deg;
}

:is(.b-panel-header.b-dock-right, .b-panel-header.b-dock-left) .b-header-title {
  writing-mode: vertical-lr;
}

.b-panel-header .b-header-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--b-panel-header-font-size);
  font-weight: var(--b-panel-header-font-weight);
  text-align: var(--b-panel-header-text-align);
  align-items: center;
  gap: var(--b-panel-header-gap);
  flex: 1;
  overflow: hidden;
}

.b-panel-header .b-header-title.b-header-html-title, .b-panel-header .b-header-title.b-panel-ui-toolbar {
  display: flex;
}

.b-panel-body-wrap {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden;
}

.b-panel-body-wrap .b-top-toolbar .b-button.b-button-text {
  --b-button-type-text-color: var(--b-panel-top-toolbar-button-type-text-color, var(--b-primary-20));
}

.b-panel-body-wrap .b-bottom-toolbar {
  background: var(--b-panel-bottom-toolbar-background);
  --b-toolbar-padding: var(--b-panel-bottom-toolbar-padding);
}

.b-panel-collapser {
  z-index: 0;
}

.b-panel-content {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  gap: var(--b-panel-gap);
  padding: var(--b-panel-padding);
  flex: 1;
  overflow: clip;
}

.b-panel-content:where(:not(.b-vbox, .b-hbox)) {
  grid-auto-rows: min-content;
  align-items: center;
  display: grid;
}

.b-panel-content.b-vbox {
  --b-text-field-default-width: 100%;
}

.b-panel-has-header:where(:not(:has(.b-top-toolbar:not(.b-hidden, .b-tab-bar)))) > .b-panel-body-wrap > .b-panel-content {
  padding: var(--b-panel-with-header-padding);
}

.b-panel .b-panel-content:has( + .b-bottom-toolbar:not(.b-bordered, .b-hidden)) {
  padding-block-end: 0;
}

.b-collapse-tool:before {
  rotate: var(--b-panel-collapse-tool-rotate);
}

.b-collapse-tool:not(.b-collapsing):before {
  transition: all .2s ease-in-out;
}

.b-collapse-tool.b-rotate-left, .b-collapse-tool.b-rotate-right {
  --b-panel-collapse-tool-rotate: 0deg;
}

.b-collapse-tool.b-collapsed {
  --b-panel-collapse-tool-rotate: 180deg;
}

.b-panel-ui-plain {
  --b-panel-header-background: var(--b-panel-background);
  --b-panel-header-color: var(--b-widget-color);
}

.b-panel-ui-toolbar {
  --b-panel-header-background: var(--b-grid-header-background, var(--b-toolbar-background));
  --b-panel-header-color: var(--b-widget-color);
  --b-panel-header-font-size: var(--b-widget-font-size);
  --b-panel-header-padding: 1em;
  --b-panel-header-border-bottom: 1px solid var(--b-grid-header-border-color, var(--b-border-5));
}

:root, :host {
  --b-calendar-panel-day-font-size: unset;
  --b-calendar-panel-day-header-font-weight: 500;
  --b-calendar-panel-week-width: 2em;
  --b-calendar-panel-week-number-display: none;
  --b-calendar-panel-cell-display: flex;
  --b-calendar-panel-cell-padding: none;
  --b-calendar-panel-cell-font-size: 1em;
  --b-calendar-panel-cell-font-weight: var(--b-widget-font-weight);
  --b-calendar-panel-disabled-cell-opacity: .4;
  --b-calendar-panel-non-working-cell-display: flex;
  --b-calendar-panel-gap: 0em;
  --b-calendar-panel-day-color: unset;
  --b-calendar-panel-color: var(--b-widget-color);
  --b-calendar-panel-other-month-color: var(--b-neutral-60);
  --b-calendar-panel-weeks-gap: .5em;
}

.b-internal {
  --bi-min-column-width: null;
}

.b-calendar-panel {
  -webkit-user-select: none;
  user-select: none;
}

.b-calendar-panel.b-show-week-column {
  --b-calendar-panel-week-number-display: flex;
}

.b-calendar-panel.b-hide-other-month-cells .b-other-month {
  visibility: hidden;
  pointer-events: none;
}

.b-calendar-panel.b-disable-other-month-cells .b-other-month {
  pointer-events: none;
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}

.b-calendar-panel.b-shade-past-dates .b-past-date {
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}

.b-calendar-panel-content {
  gap: 0;
  padding: 0;
}

.b-calendar-panel-content.b-hide-non-working-days .b-non-working-day {
  display: none;
}

.b-calendar-panel-row {
  display: flex;
}

.b-week-number-cell {
  cursor: pointer;
  display: var(--b-calendar-panel-week-number-display);
  font-size: var(--b-calendar-panel-day-font-size);
  width: var(--b-calendar-panel-week-width);
  color: var(--b-calendar-panel-week-number-color, var(--b-primary-20));
  flex-direction: column;
  justify-content: center;
}

.b-calendar-week-days .b-week-number-cell {
  font-size: var(--b-calendar-panel-day-font-size);
  flex-direction: row;
}

.b-calendar-day-header {
  color: var(--b-calendar-panel-day-color);
  font-size: var(--b-calendar-panel-day-font-size);
  min-width: var(--bi-min-column-width);
  font-weight: var(--b-calendar-panel-day-header-font-weight);
  flex: 1;
  justify-content: center;
  display: flex;
}

.b-calendar-week-days {
  padding-inline: var(--b-calendar-panel-gap);
  gap: var(--b-calendar-panel-gap);
}

.b-weeks-container {
  padding-block: var(--b-calendar-panel-weeks-gap);
  gap: var(--b-calendar-panel-weeks-gap);
  flex-flow: column;
  display: flex;
}

.b-weeks-container .b-calendar-panel-row {
  min-height: var(--bi-min-row-height, 0);
  flex: 1;
}

.b-calendar-panel-days {
  gap: var(--b-calendar-panel-gap);
  flex: 1;
  display: flex;
}

.b-calendar-panel-cell {
  transition: padding var(--b-default-transition-duration);
  color: var(--b-calendar-panel-color);
  display: var(--b-calendar-panel-cell-display);
  padding: var(--b-calendar-panel-cell-padding);
  background: var(--b-calendar-panel-cell-background);
  font-weight: var(--b-calendar-panel-cell-font-weight);
  font-size: var(--b-calendar-panel-cell-font-size);
  min-width: var(--bi-min-column-width);
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}

.b-calendar-panel-cell.b-other-month {
  --b-calendar-panel-color: var(--b-calendar-panel-other-month-color);
}

.b-calendar-panel-cell.b-disabled-date {
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}

:root, :host {
  --b-date-picker-min-width: 25em;
  --b-date-picker-title-font-weight: 600;
  --b-date-picker-day-font-size: 1em;
  --b-date-picker-date-padding: .5em;
  --b-date-picker-date-font-size: 1em;
  --b-date-picker-today-font-weight: inherit;
  --b-date-picker-selected-font-weight: 600;
  --b-date-picker-selected-week-border-radius: 2px;
  --b-date-picker-cell-margin-block: 2px;
  --b-date-picker-toolbar-font-size: 1em;
  --b-date-picker-day-color: var(--b-neutral-20);
  --b-date-picker-date-color: var(--b-neutral-30);
  --b-date-picker-today-background: transparent;
  --b-date-picker-selected-color: var(--b-primary-30);
  --b-date-picker-header-padding: 1.5em 0;
  --b-date-picker-color: var(--b-primary);
}

.b-date-picker {
  opacity: 1;
  color: var(--b-date-picker-color);
  min-width: var(--b-date-picker-min-width);
  --b-calendar-panel-day-color: var(--b-date-picker-day-color);
  --b-calendar-panel-day-font-size: var(--b-date-picker-day-font-size);
  --b-calendar-panel-color: var(--b-date-picker-date-color);
  --b-calendar-panel-cell-background: transparent;
  --b-calendar-panel-cell-font-size: var(--b-date-picker-date-font-size);
  --b-panel-header-padding: var(--b-date-picker-header-padding);
  flex-shrink: 0;
  position: relative;
}

.b-date-picker.b-date-picker-has-payload {
  --b-calendar-panel-cell-display: block;
}

.b-date-picker.b-floating .b-weeks-container {
  max-height: 24em;
}

.b-date-picker .b-top-toolbar {
  --b-toolbar-background: transparent;
  --b-toolbar-gap: 0;
}

.b-date-picker .b-top-toolbar > .b-toolbar-content > .b-widget {
  font-size: var(--b-date-picker-toolbar-font-size);
}

.b-date-picker .b-top-toolbar .b-button {
  --b-button-type-text-color: var(--b-date-picker-toolbar-color, var(--b-primary-30));
  min-width: 2em;
}

.b-date-picker .b-top-toolbar .b-widget {
  --b-primary: inherit;
}

.b-date-picker .b-top-toolbar .b-text-field {
  color: var(--b-date-picker-toolbar-color, var(--b-primary-30));
  --b-text-field-background: transparent;
}

.b-date-picker .b-top-toolbar i {
  font-size: .9em;
}

:is(.b-date-picker [data-ref="monthButton"], .b-date-picker [data-ref="yearButton"]) .b-button-label {
  font-size: 1.1em;
}

.b-date-picker .b-calendar-panel-cell {
  cursor: pointer;
  margin-block: var(--b-date-picker-cell-margin-block);
  line-height: 1;
}

.b-date-picker .b-calendar-panel-cell:hover {
  --b-date-picker-date-background: var(--b-date-picker-date-hover-background, var(--b-primary-95));
  color: var(--b-date-picker-date-hover-color);
}

.b-date-picker .b-calendar-panel-cell:focus-visible {
  outline: none;
}

.b-date-picker .b-calendar-panel-cell:focus-visible:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  inset: calc(var(--b-widget-focus-outline-width) * -1) var(--b-widget-focus-outline-width);
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: -1px;
  border-radius: .25em;
  position: absolute;
}

:is(.b-date-picker .b-calendar-panel-cell:not(.b-range-end):last-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-end).b-last-visible-cell):before {
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}

:is(.b-date-picker .b-calendar-panel-cell:not(.b-range-start):first-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-start).b-first-visible-cell):before {
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);
}

.b-date-picker .b-date-picker-cell-payload {
  pointer-events: none;
  z-index: 1;
  font-weight: var(--b-widget-font-weight);
  justify-content: center;
  display: flex;
  position: absolute;
  inset: auto 0 0;
  overflow: clip;
}

.b-date-picker .b-month-picker, .b-date-picker .b-year-picker {
  z-index: 1;
  inset: 0;
}

.b-date-picker .b-selected-date:not(.b-in-range) {
  --b-date-picker-date-hover-background: var(--b-date-picker-selected-hover-background, var(--b-date-picker-selected-background, var(--b-primary-90)));
  --b-calendar-panel-color: var(--b-date-picker-selected-color);
  --b-date-picker-date-background: var(--b-date-picker-selected-background, var(--b-primary-90));
  --b-calendar-panel-cell-font-weight: var(--b-date-picker-selected-font-weight);
  --b-date-picker-date-border: var(--b-date-picker-selected-border);
}

.b-date-picker .b-today, .b-date-picker .b-today:not(.b-in-range) {
  --b-date-picker-date-border: var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50)));
}

.b-date-picker .b-today {
  --b-date-picker-date-hover-background: var(--b-date-picker-today-hover-background, var(--b-primary-95));
  --b-calendar-panel-color: var(--b-date-picker-today-color, var(--b-primary-50));
  --b-calendar-panel-date-background: var(--b-date-picker-today-background);
  --b-calendar-panel-cell-font-weight: var(--b-date-picker-today-font-weight);
}

.b-date-picker.b-highlight-selected-week .b-calendar-week:has(.b-selected-date) {
  background: var(--b-date-picker-selected-week-background, var(--b-primary-95));
  border-radius: var(--b-date-picker-selected-week-border-radius);
}

.b-date-picker .b-in-range {
  --b-date-picker-selected-color: var(--b-date-picker-selected-range-color);
}

:is(.b-date-picker .b-range-start:where(:not(.b-range-end)), .b-date-picker .b-range-end:where(:not(.b-range-start)), .b-date-picker .b-in-range):before {
  content: "";
  background: var(--b-date-picker-selected-range-background, var(--b-primary-96));
  height: 100%;
  display: block;
  position: absolute;
  inset-inline-start: 0;
}

.b-date-picker .b-range-start:before {
  width: calc(50% + var(--b-calendar-panel-gap));
  inset-inline-start: 50%;
}

.b-date-picker .b-in-range:before {
  width: calc(100% + var(--b-calendar-panel-gap));
}

.b-date-picker .b-range-end:before {
  width: 50%;
}

.b-date-picker .b-out-of-range {
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}

.b-date-picker-cell-inner {
  z-index: 1;
  aspect-ratio: 1;
  background: var(--b-date-picker-date-background);
  min-width: 2.25em;
  height: 100%;
  padding: var(--b-date-picker-date-padding);
  outline: var(--b-date-picker-date-border);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.b-date-picker-title {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .3em;
  display: flex;
  overflow: visible;
}

.b-date-picker-month-button, .b-date-picker-year-button {
  font-weight: var(--b-date-picker-title-font-weight);
  --b-button-focus-outline-offset: 1px;
  background: none;
  border-radius: 1px;
  padding: 0;
}

.b-carousel-content:not(.b-carousel-empty) {
  padding: 0;
}

.b-carousel-content > .b-carousel-content {
  overflow: clip;
}

.b-carousel-content.b-carousel-empty > .b-carousel-inner-ct, .b-carousel-content:not(.b-carousel-empty) > .b-carousel-empty-text {
  display: none;
}

.b-multi-date-picker.b-widget.b-floating, .b-multi-date-picker.b-widget.b-floating .b-carousel-inner-ct {
  border-radius: var(--b-popup-border-radius);
}

.b-multi-date-picker .b-top-toolbar {
  --b-toolbar-gap: var(--b-date-range-field-gap);
}

.b-multi-date-picker [data-ref="yearButton"], .b-multi-date-picker [data-ref="monthButton"] {
  color: var(--b-button-type-text-color);
  opacity: 1;
}

.b-multi-date-picker-nav-floating {
  overflow: visible;
}

.b-multi-date-picker-nav-floating > .b-multi-date-picker-nav-button {
  z-index: 1;
  box-shadow: var(--b-elevation-1);
  --b-button-type-text-background: var(--b-panel-background);
  --b-button-type-text-hover-background: var(--b-primary-97);
  position: absolute;
  top: 50%;
}

.b-multi-date-picker-nav-floating > .b-multi-date-picker-next-button {
  translate: calc(50% * var(--b-rtl-negate)) -50%;
  inset-inline-end: 0;
}

.b-multi-date-picker-nav-floating > .b-multi-date-picker-prev-button {
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  inset-inline-start: 0;
}

.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week, .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week-days {
  padding-inline: 1.5em;
}

.b-multi-date-picker-content > .b-carousel-inner-ct [data-ref="nextMonth"], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref="prevMonth"], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref="prevYear"], .b-multi-date-picker-content > .b-carousel-inner-ct [data-ref="nextYear"], .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-first > .b-top-focus-trap, .b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-last > .b-end-focus-trap {
  display: none;
}

.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref="monthField"] {
  pointer-events: none;
}

.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref="yearButton"] {
  display: none;
}

.b-demo-code-editor {
  flex: unset;
  --b-toolbar-padding: .5em;
  --b-panel-padding: 0;
  --b-panel-background: var(--b-neutral-100);
  --b-text-field-input-height: 3em;
  --b-panel-overlay-border: none;
  --b-toolbar-background: transparent;
  width: 490px;
}

.b-demo-code-editor .b-top-toolbar {
  --b-toolbar-gap: 0;
  height: 58px;
}

@media (width >= 2000px) {
  .b-demo-code-editor {
    width: 700px;
  }
}

.b-demo-code-editor:not(.b-collapsed) {
  border-inline-start: var(--b-splitter-size, 4px) solid var(--b-border-7);
}

:is(.b-demo-code-editor.b-collapsed, .b-demo-code-editor.b-collapsing) .b-panel-collapse-revealer {
  display: none;
}

.b-demo-code-editor:not(.b-resizing) {
  transition: border-width .1s;
}

.b-demo-code-editor .b-code-editor-body-wrap, .b-demo-code-editor .b-panel-overlay {
  overflow: hidden;
}

.b-demo-code-editor .b-panel-content {
  direction: ltr;
}

.b-demo-code-editor.b-resizing * {
  -webkit-user-select: none;
  user-select: none;
}

.b-demo-code-editor.b-over-resize-handle {
  cursor: ew-resize;
}

.b-demo-code-editor.b-hidden {
  border-inline-start-width: 0;
  display: flex !important;
}

.b-demo-code-editor .b-bottom-toolbar {
  transition: background-color .2s;
}

.readonly :is(.b-demo-code-editor .b-bottom-toolbar) {
  background-color: #ff8d46;
}

.b-demo-code-editor .b-bottom-toolbar [data-ref="cursorPos"] {
  margin-inline-start: auto;
}

.b-demo-code-editor .b-bottom-toolbar .b-toolbar-content {
  padding: 1em !important;
}

.b-demo-code-editor.invalid .b-bottom-toolbar {
  color: #fff;
  background: #b71c1c;
}

.b-demo-code-editor [data-ref="filesCombo"] {
  margin-inline-end: .5em;
}

.b-demo-code-editor-file-picker {
  --b-list-item-gap: 0;
}

.b-demo-code-editor-file-picker .b-editor-file-type {
  margin-inline-end: .5em;
}

:root, :host {
  --b-field-label-padding: 0;
  --b-field-label-default-gap: var(--b-widget-gap);
  --b-field-label-above-gap: .5em;
  --b-field-label-before-gap: var(--b-widget-gap);
  --b-field-default-template-areas: "before inner";
  --b-field-default-template-columns: auto 1fr;
  --b-field-default-label-padding: 0 1em 0 0;
  --b-field-error-tip-primary: var(--b-color-red);
  --b-field-align-before-label-column: unset;
  --b-field-align-before-field-column: unset;
}

@property --bi-field-template-areas {
  syntax: "*";
  inherits: false
}

@property --bi-field-template-columns {
  syntax: "*";
  inherits: false
}

.b-field, .b-slider {
  --bi-field-template-areas: "inner";
  --bi-field-template-columns: 1fr;
  grid-template-rows: 100%;
  grid-template-areas: var(--bi-field-template-areas);
  grid-template-columns: var(--bi-field-template-columns);
  color: var(--b-primary);
  place-items: center start;
  gap: var(--bi-field-gap);
  --b-field-label-grid-area: before;
  flex-shrink: 0;
  display: grid;
}

:is(.b-field, .b-slider) .b-field-inner {
  grid-area: inner;
  place-items: center;
  max-height: 100%;
  display: grid;
}

:is(.b-field, .b-slider) .b-label {
  grid-area: var(--b-field-label-grid-area);
  padding: var(--b-field-label-padding);
  align-self: center;
}

.b-vbox > :is(.b-field, .b-slider).b-label-above .b-label {
  align-self: flex-start;
}

:is(.b-field, .b-slider).b-has-label {
  --bi-field-template-areas: var(--b-field-default-template-areas);
  --bi-field-template-columns: var(--b-field-default-template-columns);
  --bi-field-gap: var(--b-field-label-default-gap);
}

:is(.b-field, .b-slider).b-has-label.b-required .b-label:after {
  content: "*";
}

:is(.b-field, .b-slider).b-label-align-before, :is(.b-field, .b-slider).b-label-before {
  --bi-field-template-columns: auto 1fr;
  --bi-field-template-areas: "before inner";
  --b-field-label-grid-area: before;
  --bi-field-gap: var(--b-field-label-before-gap);
}

:is(.b-field, .b-slider).b-label-above {
  --bi-field-template-columns: 1fr;
  --bi-field-template-areas: "above" "inner";
  --b-field-label-grid-area: above;
  --bi-field-gap: var(--b-field-label-above-gap);
  grid-template-rows: auto 1fr;
}

:is(.b-field, .b-slider).b-label-align-before .b-label {
  grid-column: var(--b-field-align-before-label-column);
}

:is(.b-field, .b-slider).b-label-align-before .b-field-inner {
  grid-column: var(--b-field-align-before-field-column);
}

:is(:is(.b-field, .b-slider).b-read-only, :is(.b-field, .b-slider).b-disabled) .b-field-trigger {
  pointer-events: none;
  opacity: .5;
}

.b-field-container-wrap {
  gap: var(--b-container-gap);
  flex: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-field-container-wrap > .b-container {
  width: 100%;
}

.b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap {
  height: 0;
}

.b-field.b-collapsed.b-field-container-inline > .b-field-container-wrap {
  opacity: 0;
}

.b-field-container:not(.b-field-container-inline) .b-field-container {
  gap: var(--b-container-gap);
}

.b-field-container-inline {
  gap: var(--b-container-gap);
  --bi-field-template-areas: "inner container";
  --bi-field-template-columns: max-content 1fr;
}

.b-field-container-inline .b-field-container-wrap {
  grid-area: container;
  width: 100%;
}

.b-field-container-inline .b-field-container {
  flex-flow: row;
  width: 100%;
  display: flex;
}

:root, :host {
  --b-checkbox-size: 1.25em;
  --b-checkbox-border-radius: calc(var(--b-widget-border-radius) / 2);
  --b-checkbox-check-font-size: .9em;
  --b-checkbox-disabled-opacity: .4;
  --b-checkbox-inner-gap: 1em;
  --b-checkbox-ring-content: none;
  --b-checkbox-border-width: 1px;
  --b-checkbox-border-color: var(--b-widget-border-color);
  --b-checkbox-checked-border-color: var(--b-widget-border-color);
  --b-checkbox-checked-check-color: var(--b-neutral-100);
  --b-checkbox-disabled-checked-check-color: var(--b-neutral-100);
  --b-checkbox-hover-border-color: var(--b-border-3);
  --b-checkbox-focus-outline-width: var(--b-widget-focus-outline-width);
  --b-checkbox-focus-outline-offset: 2px;
  --b-checkbox-focus-outline-color: var(--b-widget-focus-outline-color);
  --bi-checkbox-ring-opacity: 0;
}

.b-checkbox {
  width: fit-content;
  overflow: visible;
}

.b-checkbox > .b-field-inner > input {
  appearance: none;
  grid-area: input;
  margin: 0;
}

.b-checkbox:not(.b-disabled) input {
  cursor: pointer;
}

:is(.b-checkbox:focus-within, .b-checkbox.b-focus) input {
  outline: none;
}

:is(.b-checkbox:focus-within, .b-checkbox.b-focus) input:focus-visible ~ .b-checkbox-box, :is(.b-checkbox:focus-within, .b-checkbox.b-focus).b-focus input ~ .b-checkbox-box {
  outline: var(--b-checkbox-focus-outline-width) solid var(--b-checkbox-focus-outline-color);
  outline-offset: var(--b-checkbox-focus-outline-offset);
}

.b-checkbox > .b-field-inner {
  grid-template-areas: "input";
}

.b-checkbox.b-text > .b-field-inner {
  gap: var(--b-checkbox-inner-gap);
  grid-template-areas: "input after";
}

.b-checkbox .b-checkbox-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  color: var(--b-label-color);
  grid-area: after;
  justify-self: stretch;
  overflow: hidden;
}

.b-checkbox label {
  cursor: pointer;
}

.b-checkbox:not(.b-disabled).b-hover {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
}

.b-checkbox:not(.b-disabled):has(input:hover) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
}

.b-checkbox:not(.b-disabled).b-focus {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}

.b-checkbox:not(.b-disabled):has(input:focus-visible) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}

.b-checkbox:not(.b-disabled).b-active {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}

.b-checkbox:not(.b-disabled):has(input:active) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}

.b-checkbox:not(.b-slide-toggle) > .b-field-inner {
  grid-template-columns: var(--b-checkbox-size);
}

.b-checkbox:not(.b-slide-toggle) > .b-field-inner input {
  aspect-ratio: 1;
  width: var(--b-checkbox-size);
}

.b-checkbox:not(.b-slide-toggle).b-text > .b-field-inner {
  grid-template-columns: var(--b-checkbox-size) auto;
}

.b-checkbox:not(.b-slide-toggle) > .b-field-inner:before {
  content: var(--b-checkbox-ring-content);
  background: var(--b-primary);
  pointer-events: none;
  aspect-ratio: 1;
  width: calc(var(--b-checkbox-size) * 2.25);
  opacity: var(--bi-checkbox-ring-opacity);
  border-radius: 50%;
  grid-area: input;
  transition: opacity .3s;
}

.b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box {
  --b-checkbox-background: var(--b-checkbox-checked-background);
  --b-checkbox-border-color: var(--b-checkbox-checked-border-color);
}

.b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box:after {
  scale: 1;
}

.b-checkbox:not(.b-slide-toggle).b-disabled {
  --b-checkbox-border-color: var(--b-checkbox-disabled-border-color, var(--b-widget-disabled-color));
  --b-checkbox-checked-border-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color));
  --b-checkbox-checked-check-color: var(--b-checkbox-disabled-checked-check-color);
  --b-checkbox-checked-background: var(--b-checkbox-disabled-checked-background, var(--b-widget-disabled-background));
  --b-label-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color));
  --b-checkbox-opacity: var(--b-checkbox-disabled-opacity);
}

.b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
  --b-checkbox-background: var(--b-checkbox-hover-background);
  --b-checkbox-border-color: var(--b-checkbox-hover-border-color);
}

.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
  --b-checkbox-background: var(--b-checkbox-hover-background);
  --b-checkbox-border-color: var(--b-checkbox-hover-border-color);
}

:is(.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover) input:checked ~ .b-checkbox-box {
  --b-checkbox-background: var(--b-checkbox-checked-hover-background);
}

.b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-focus {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}

.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:focus-visible) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}

.b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-active {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}

.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:active) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}

.b-checkbox-box {
  pointer-events: none;
  width: var(--b-checkbox-size);
  height: var(--b-checkbox-size);
  border-radius: var(--b-checkbox-border-radius);
  border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color);
  background: var(--b-checkbox-background);
  opacity: var(--b-checkbox-opacity, 1);
  grid-area: input;
  justify-content: center;
  align-items: center;
  transition: background .2s, border .2s;
  display: flex;
}

.b-checkbox-box:after {
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  content: var(--b-checkbox-checked-check-content);
  color: var(--b-checkbox-checked-check-color);
  font-size: var(--b-checkbox-check-font-size);
  transition: scale .2s, border .2s;
  scale: 0;
}

.b-menu > .b-menu-body-wrap .b-menu-content > .b-checkbox {
  margin-inline-start: var(--b-checkbox-inner-gap);
}

.b-field-container:not(.b-field-container-inline) > .b-field-container-wrap {
  margin-top: .5em;
  margin-inline-start: calc(var(--b-checkbox-size)  + var(--b-checkbox-inner-gap));
}

.b-container.b-label-align-before .b-checkbox:not(.b-has-label) {
  grid-column: 2 / 2;
}

:root, :host {
  --b-field-filter-picker-group-gap: 4em;
}

.b-field-filter-picker-group .b-no-visible-children {
  display: none;
}

.b-field-filter-picker-group [data-ref="pickers"] {
  --b-container-gap: 0;
}

.b-field-filter-picker-group-row {
  padding-top: var(--b-field-filter-picker-group-gap);
  flex-shrink: 0;
  align-items: baseline;
  padding-bottom: .5em;
  position: relative;
  overflow: visible;
}

.b-field-filter-picker-group-row:first-child {
  --b-field-filter-picker-group-gap: 0;
}

.b-field-filter-picker-group-row:first-child:before {
  display: none;
}

.b-field-filter-picker-group-row:before {
  content: attr(data-separator-text);
  text-align: center;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-image: linear-gradient(to right, var(--b-border-5), var(--b-border-5) 44%, transparent 44%, transparent 56%, var(--b-border-5) 56%);
  width: 100%;
  height: var(--b-field-filter-picker-group-gap);
  font-size: 85%;
  line-height: var(--b-field-filter-picker-group-gap);
  position: absolute;
  top: .15em;
}

.b-field-filter-picker-group-row:not(.b-field-filter-picker-group-row-removable) {
  padding-inline-end: 2.25em;
}

.b-field-filter-picker-group-row [data-ref="pickers"] {
  gap: 0;
}

.b-field-filter-picker-group-filter-active {
  align-self: center;
  width: 2.3em;
}

.b-field-filter-picker-group-filter-active.b-slide-toggle {
  width: 3.5em;
}

.b-field-filter-picker-group-other-filters {
  padding: .5em 0;
}

.b-field-filter-picker-group-add-button {
  align-self: center;
}

.b-field-filter-picker-group-remove {
  margin-inline-start: .25em;
}

:root, :host {
  --b-radio-check-gap: .2em;
  --b-radio-background: var(--b-neutral-100);
  --b-radio-checked-background: var(--b-radio-background);
  --b-radio-checked-border-color: var(--b-radio-checked-color);
}

.b-radio.b-checkbox {
  --b-checkbox-border-radius: 50%;
  --b-checkbox-checked-check-content: "";
  --b-checkbox-checked-check-color: var(--b-primary);
  --b-checkbox-background: var(--b-radio-background);
  --b-checkbox-checked-background: var(--b-radio-checked-background);
  --b-checkbox-checked-border-color: var(--b-radio-checked-border-color);
  --b-checkbox-checked-hover-background: var(--b-radio-checked-background);
  --b-checkbox-check-font-size: 1em;
}

.b-radio.b-checkbox .b-checkbox-box:after {
  aspect-ratio: 1;
  background: var(--b-radio-checked-color, var(--b-primary));
  border: var(--b-radio-check-gap) solid var(--b-radio-checked-background);
  border-radius: 50%;
  width: 100%;
}

:root, :host {
  --b-slide-toggle-border-width: var(--b-checkbox-border-width);
  --b-slide-toggle-width: 2.75em;
  --b-slide-toggle-height: 1.75em;
  --b-slide-toggle-thumb-size: 1em;
  --b-slide-toggle-border-radius: calc(var(--b-slide-toggle-height) / 2);
  --b-slide-toggle-checked-thumb-size: 1em;
  --b-slide-toggle-thumb-offset: .15em;
  --b-slide-toggle-font-size: 1em;
  --b-slide-toggle-disabled-opacity: .5;
  --b-slide-toggle-inner-gap: .5em;
  --b-slide-toggle-label-before-padding: 0 .5em 0 0;
  --b-slide-toggle-ring-color: var(--b-neutral-60);
  --b-slide-toggle-disabled-background: var(--b-neutral-85);
  --b-slide-toggle-disabled-thumb-background: var(--b-neutral-100);
  --b-slide-toggle-focus-outline-width: var(--b-checkbox-focus-outline-width);
  --b-slide-toggle-focus-outline-offset: var(--b-checkbox-focus-outline-offset);
  --b-slide-toggle-thumb-border: null;
  --b-slide-toggle-checked-thumb-border: null;
  --b-slide-toggle-thumb-color: var(--b-primary);
  --b-slide-toggle-thumb-background: var(--b-neutral-100);
  --b-slide-toggle-hovered-thumb-background: var(--b-neutral-95);
  --b-slide-toggle-checked-thumb-background: var(--b-neutral-100);
  --b-slide-toggle-checked-border-color: var(--b-slide-toggle-checked-background);
  --b-slide-toggle-checked-ring-color: var(--b-primary);
  --b-slide-toggle-checked-thumb-offset: 4px;
}

.b-internal {
  --bi-slidetoggle-thumb-position: null;
}

.b-slide-toggle {
  --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-thumb-offset)  + (var(--b-slide-toggle-checked-thumb-size)  - var(--b-slide-toggle-thumb-size)) / 2);
  --b-checkbox-inner-gap: var(--b-slide-toggle-inner-gap);
  --b-checkbox-label-before-padding: var(--b-slide-toggle-label-before-padding);
}

.b-slide-toggle .b-field-inner {
  grid-template-columns: max-content;
}

.b-slide-toggle input {
  width: 100%;
  height: 100%;
}

.b-slide-toggle input:checked ~ .b-slide-toggle-toggle {
  --b-slide-toggle-background: var(--b-slide-toggle-checked-background, var(--b-primary));
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-thumb-background);
  --b-slide-toggle-thumb-border: var(--b-slide-toggle-checked-thumb-border);
  --b-slide-toggle-thumb-size: var(--b-slide-toggle-checked-thumb-size);
  --b-slide-toggle-border-color: var(--b-slide-toggle-checked-border-color);
  --b-slide-toggle-ring-color: var(--b-slide-toggle-checked-ring-color);
  --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-width)  - var(--b-slide-toggle-checked-thumb-size)  - var(--b-slide-toggle-checked-thumb-offset));
}

.b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active {
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-hovered-thumb-background);
  --b-slide-toggle-background: var(--b-slide-toggle-hover-background);
}

:is(.b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active) input:checked ~ .b-slide-toggle-toggle {
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-hovered-thumb-background);
  --b-slide-toggle-background: var(--b-slide-toggle-checked-hover-background, var(--b-primary));
}

:is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus).b-focus .b-slide-toggle-toggle {
  outline: var(--b-slide-toggle-focus-outline-width) solid var(--b-slide-toggle-focus-outline-color, var(--b-checkbox-focus-outline-color));
  outline-offset: var(--b-slide-toggle-focus-outline-offset);
}

:is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus):has(:focus-visible) .b-slide-toggle-toggle {
  outline: var(--b-slide-toggle-focus-outline-width) solid var(--b-slide-toggle-focus-outline-color, var(--b-checkbox-focus-outline-color));
  outline-offset: var(--b-slide-toggle-focus-outline-offset);
}

.b-slide-toggle.b-disabled {
  --b-slide-toggle-opacity: var(--b-slide-toggle-disabled-opacity);
  --b-slide-toggle-border-color: var(--b-slide-toggle-disabled-border-color);
  --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-border-color);
}

.b-slide-toggle.b-disabled input:checked ~ .b-slide-toggle-toggle {
  --b-slide-toggle-background: var(--b-slide-toggle-disabled-background);
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-disabled-thumb-background);
  --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-background);
}

.b-slide-toggle-toggle {
  pointer-events: none;
  font-size: var(--b-slide-toggle-font-size);
  width: var(--b-slide-toggle-width);
  height: var(--b-slide-toggle-height);
  background: var(--b-slide-toggle-background);
  border: var(--b-slide-toggle-border-width) solid var(--b-slide-toggle-border-color);
  border-radius: var(--b-slide-toggle-border-radius);
  opacity: var(--b-slide-toggle-opacity, 1);
  grid-area: input;
  align-items: center;
  transition: background .2s, border .2s, opacity .2s;
  display: flex;
}

.b-slide-toggle-thumb {
  aspect-ratio: 1;
  background: var(--b-slide-toggle-thumb-background);
  border: var(--b-slide-toggle-thumb-border);
  color: var(--b-slide-toggle-thumb-color);
  width: var(--b-slide-toggle-thumb-size);
  border-radius: 50%;
  margin-inline-start: var(--bi-slidetoggle-thumb-position);
  transition: background .2s, width .2s, margin .2s;
  position: relative;
}

.b-slide-toggle-thumb:before {
  pointer-events: none;
  aspect-ratio: 1;
  top: 50%;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  content: var(--b-checkbox-ring-content);
  background: var(--b-slide-toggle-ring-color);
  opacity: var(--bi-checkbox-ring-opacity);
  width: calc(var(--b-slide-toggle-checked-thumb-size) * 1.7);
  border-radius: 50%;
  transition: opacity .5s;
  display: block;
  position: absolute;
  inset-inline-start: 50%;
}

.b-date-time-field {
  width: unset;
  --b-text-field-default-width: 22em;
}

.b-date-time-field.b-field > div.b-field-inner {
  display: flex;
}

:is(.b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-start), .b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-end)) {
  padding-inline: 0;
}

.b-date-time-field .b-date-field, .b-date-time-field .b-time-field {
  --b-text-field-background: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  grid-template-columns: 1fr;
  grid-template-areas: "inner";
}

:is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-label {
  display: none;
}

:is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-field-inner:before {
  content: none;
}

.b-date-time-field .b-date-field {
  flex: 53%;
}

.b-date-time-field .b-date-field .b-step-trigger-forward.b-align-end {
  padding-inline-end: calc(var(--b-text-field-input-padding) / 2);
}

.b-date-time-field .b-time-field {
  flex: 46%;
}

.b-date-time-field .b-time-field .b-field-trigger.b-align-start {
  padding-inline-start: calc(var(--b-text-field-input-padding) / 2);
}

:root, :host {
  --b-text-field-font-weight: normal;
  --b-text-field-padding: 0;
  --b-text-field-input-font-size: var(--b-widget-font-size);
  --b-text-field-input-padding: 0;
  --b-text-field-border-style: solid;
  --b-text-field-focus-border-style: solid;
  --b-text-field-disabled-opacity: .4;
  --b-text-field-outlined-border-radius: var(--b-widget-border-radius);
  --b-field-trigger-gap: .75em;
  --b-field-trigger-edge-gap: 1em;
  --b-text-field-default-template-areas: "before inner";
  --b-text-field-default-template-columns: auto 1fr;
  --b-text-field-default-label-padding: 0 var(--b-widget-padding) 0 0;
  --b-text-field-label-grid-area: before;
  --b-text-field-label-color: var(--b-widget-color);
  --b-text-field-input-color: var(--b-widget-color);
  --b-text-field-border-color: var(--b-widget-border-color);
  --b-text-field-label-above-grid-area: above;
  --b-text-field-label-font-size: var(--b-label-font-size);
  --b-text-field-empty-label-font-size: var(--b-text-field-label-font-size);
  --b-text-field-label-scale: 1;
  --b-text-field-empty-label-scale: 1;
  --b-text-field-trigger-read-only-color: var(--b-neutral-85);
  --b-text-field-trigger-disabled-color: var(--b-neutral-40);
  --b-text-field-filled-background: var(--b-neutral-95);
  --b-text-field-filled-hover-background: var(--b-neutral-90);
  --b-text-field-filled-focus-background: var(--b-neutral-90);
  --b-text-field-filled-border-width: 0;
  --b-text-field-filled-border-radius: var(--b-widget-border-radius);
  --b-text-field-filled-input-padding: 1em;
  --b-text-field-filled-no-label-input-padding: 1em;
  --b-text-field-filled-focus-border-width: 0;
  --b-text-field-filled-focus-label-color: var(--b-widget-color);
  --b-text-field-outlined-background: var(--b-neutral-100);
  --b-text-field-outlined-border-width: 1px;
  --b-text-field-outlined-border-color: var(--b-border-5);
  --b-text-field-outlined-input-padding: var(--b-widget-padding);
  --b-text-field-outlined-focus-border-width: var(--b-widget-focus-outline-width);
  --b-text-field-outlined-label-background: transparent;
  --b-text-field-outlined-label-padding: 0;
  --b-text-field-outlined-label-before-padding: 0;
  --b-text-field-outlined-label-above-padding: 0;
  --b-text-field-outlined-hover-border-color: var(--b-border-4);
  --b-text-field-outlined-hover-background: var(--b-neutral-100);
  --b-text-field-outlined-focus-background: var(--b-neutral-100);
  --b-text-field-outlined-focus-label-color: var(--b-widget-color);
  --b-text-field-filled-material-label-position: static;
  --b-field-trigger-color: var(--b-neutral-60);
  --b-spin-trigger-font-size: 1em;
  --b-text-field-invalid-border-color: var(--b-color-red);
  --b-text-field-invalid-label-color: var(--b-color-red);
  --b-text-field-color: var(--b-primary);
  --b-text-field-focus-border-color: var(--b-primary);
  --b-text-field-default-width: 12.5em;
  --bi-text-field-input-width: 100%;
}

.b-internal {
  --b-text-field-opacity: null;
  --b-text-field-border-width: null;
  --b-text-field-focus-border-width: null;
  --b-text-field-focus-label-color: null;
  --bi-text-field-empty-label-padding: null;
}

.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field {
  border-radius: var(--b-text-field-border-radius);
  width: fit-content;
  height: fit-content;
  color: var(--b-text-field-color);
  --b-field-label-grid-area: var(--b-text-field-label-grid-area);
  --b-field-label-padding: var(--b-text-field-label-padding);
  --b-field-default-template-areas: var(--b-text-field-default-template-areas);
  --b-field-default-template-columns: var(--b-text-field-default-template-columns);
  --b-field-default-label-padding: var(--b-text-field-default-label-padding);
  --b-label-color: var(--b-text-field-label-color);
  position: relative;
  overflow: visible;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):where(:not(.b-has-width)) {
  width: var(--b-text-field-default-width);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner {
  min-width: 0;
  transition: background var(--b-default-transition-duration);
  background: var(--b-text-field-background);
  border-radius: var(--b-text-field-border-radius);
  padding: var(--b-text-field-padding);
  opacity: var(--b-text-field-opacity);
  width: var(--bi-text-field-input-width);
  display: flex;
  position: relative;
  overflow: hidden;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  border-width: var(--b-text-field-border-width);
  border-style: var(--b-text-field-border-style);
  border-color: var(--b-text-field-border-color);
  background: none;
  transition: border .1s;
  position: absolute;
  inset: 0;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value {
  width: 100%;
  text-align: inherit;
  color: var(--b-text-field-input-color);
  font-family: inherit;
  font-weight: var(--b-text-field-font-weight);
  height: var(--b-text-field-input-height);
  font-size: var(--b-text-field-input-font-size);
  padding: var(--b-text-field-input-padding);
  background: none;
  border: none;
  outline: none;
}

:is(:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value)::selection {
  background: var(--b-text-field-selection-background, var(--b-primary-85));
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input::placeholder {
  color: var(--bi-text-field-placeholder-color, var(--b-text-4));
  font-style: var(--b-text-field-placeholder-font-style);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-label-above {
  --b-field-label-grid-area: var(--b-text-field-label-above-grid-area);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) label {
  z-index: 2;
  transform-origin: 0 0;
  line-height: 1em;
  font-size: var(--b-text-field-label-font-size);
  align-self: start;
  transition: top .2s, left .2s, font-size .2s, padding .2s, scale .2s;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) {
  --bi-text-field-placeholder-color: var(--b-text-field-label-above-placeholder-color, var(--b-text-4));
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) label {
  scale: var(--b-text-field-label-scale);
  position: var(--b-text-field-material-label-position);
  top: var(--b-text-field-material-label-top);
  cursor: var(--b-text-field-material-label-cursor);
  inset-inline-start: var(--b-text-field-material-label-left);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger {
  cursor: pointer;
  min-width: 1em;
  color: var(--b-field-trigger-color);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 0;
  display: flex;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start {
  padding-inline-start: var(--b-field-trigger-gap);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start:first-child {
  padding-inline-start: var(--b-field-trigger-edge-gap);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end {
  padding-inline-end: var(--b-field-trigger-gap);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end:last-child, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end.b-last-trigger {
  padding-inline-end: var(--b-field-trigger-edge-gap);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-spin-trigger .b-icon {
  font-size: var(--b-spin-trigger-font-size);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-container-wrap {
  grid-row: 1;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled {
  --b-text-field-opacity: var(--b-text-field-disabled-opacity);
  --b-text-field-label-color: var(--b-widget-disabled-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled .b-field-trigger {
  cursor: auto;
  color: var(--b-text-field-trigger-disabled-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-read-only .b-field-trigger {
  cursor: auto;
  color: var(--b-text-field-trigger-read-only-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) span {
  padding: var(--b-text-field-no-label-input-padding, var(--b-text-field-input-padding));
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled {
  --b-text-field-background: var(--b-text-field-filled-background);
  --b-text-field-hover-background: var(--b-text-field-filled-hover-background);
  --b-text-field-border-width: var(--b-text-field-filled-border-width);
  --b-text-field-border-radius: var(--b-text-field-filled-border-radius);
  --b-text-field-input-padding: var(--b-text-field-filled-input-padding);
  --b-text-field-no-label-input-padding: var(--b-text-field-filled-no-label-input-padding);
  --b-text-field-focus-border-width: var(--b-text-field-filled-focus-border-width);
  --b-text-field-label-before-padding: var(--b-text-field-filled-label-before-padding);
  --b-text-field-label-above-padding: var(--b-text-field-filled-label-above-padding);
  --b-text-field-hover-border-color: var(--b-text-field-filled-hover-border-color);
  --b-text-field-focus-background: var(--b-text-field-filled-focus-background);
  --b-text-field-focus-label-color: var(--b-text-field-filled-focus-label-color);
  --b-text-field-material-label-position: var(--b-text-field-filled-material-label-position);
  --b-text-field-material-label-top: var(--b-text-field-filled-material-label-top);
  --b-text-field-material-label-left: var(--b-text-field-filled-material-label-left);
  --b-text-field-material-label-cursor: var(--b-text-field-filled-material-label-cursor);
  --b-text-field-material-empty-label-font-size: var(--b-text-field-filled-material-empty-label-font-size);
  --b-text-field-material-empty-label-top: var(--b-text-field-filled-material-empty-label-top);
  --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-empty-label-left);
}

:is(:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:where(.b-has-start-trigger:not(.b-no-steppers)), :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:has(.b-has-start-trigger:not(.b-no-steppers))) {
  --b-text-field-material-label-left: var(--b-text-field-filled-material-trigger-label-left);
  --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-trigger-empty-label-left);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined {
  --b-text-field-background: var(--b-text-field-outlined-background);
  --b-text-field-border-radius: var(--b-text-field-outlined-border-radius);
  --b-text-field-border-width: var(--b-text-field-outlined-border-width);
  --b-text-field-border-color: var(--b-text-field-outlined-border-color);
  --b-text-field-input-padding: var(--b-text-field-outlined-input-padding);
  --b-text-field-focus-border-width: var(--b-text-field-outlined-focus-border-width);
  --b-text-field-label-before-padding: var(--b-text-field-outlined-label-before-padding);
  --b-text-field-label-above-padding: var(--b-text-field-outlined-label-above-padding);
  --b-text-field-hover-border-color: var(--b-text-field-outlined-hover-border-color);
  --b-text-field-hover-background: var(--b-text-field-outlined-hover-background);
  --b-text-field-focus-label-color: var(--b-text-field-outlined-focus-label-color);
  --b-text-field-focus-background: var(--b-text-field-outlined-focus-background);
  --b-text-field-material-label-position: var(--b-text-field-outlined-material-label-position, static);
  --b-text-field-material-label-top: var(--b-text-field-outlined-material-label-top);
  --b-text-field-material-label-left: var(--b-text-field-outlined-material-label-left);
  --b-text-field-material-label-cursor: var(--b-text-field-outlined-material-label-cursor);
  --b-text-field-material-empty-label-background: var(--b-text-field-outlined-material-empty-label-background);
  --b-text-field-material-empty-label-top: var(--b-text-field-outlined-material-empty-label-top);
  --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-empty-label-left);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(.b-has-start-trigger:not(.b-no-steppers)) {
  --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-trigger-empty-label-left);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) {
  --b-text-field-label-padding: var(--b-text-field-outlined-label-padding);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) label:before {
  content: "";
  z-index: -1;
  background: var(--b-text-field-outlined-label-background);
  position: absolute;
  inset: 0;
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):hover:where(:not(.b-disabled)) {
  --b-text-field-background: var(--b-text-field-hover-background);
  --b-text-field-border-color: var(--b-text-field-hover-border-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within {
  --b-text-field-background: var(--b-text-field-focus-background);
  --b-text-field-border-width: var(--b-text-field-focus-border-width);
  --b-text-field-border-style: var(--b-text-field-focus-border-style);
  --b-text-field-border-color: var(--b-text-field-focus-border-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within:not(.b-label-before, .b-label-align-before) {
  --b-text-field-label-color: var(--b-text-field-focus-label-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-widget.b-empty:not(:focus-within) {
  --b-text-field-label-font-size: var(--b-text-field-empty-label-font-size);
  --b-text-field-label-padding: var(--b-text-field-empty-label-padding);
  --b-text-field-label-scale: var(--b-text-field-empty-label-scale);
  --b-text-field-outlined-label-above-padding: var(--b-text-field-outlined-material-empty-label-padding);
  --b-text-field-label-background: var(--b-text-field-material-empty-label-background);
  --b-text-field-material-label-top: var(--b-text-field-material-empty-label-top);
  --b-text-field-material-label-left: var(--b-text-field-material-empty-label-left);
  --b-text-field-outlined-label-background: var(--b-text-field-outlined-material-empty-label-background);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-invalid:where(:not(.b-disabled)) {
  --b-text-field-border-color: var(--b-text-field-invalid-border-color);
  --b-text-field-label-color: var(--b-text-field-invalid-label-color);
  --b-text-field-focus-label-color: var(--b-text-field-invalid-label-color);
}

:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-clear-clone {
  animation: .3s b-shrink-width;
  position: absolute;
}

.b-theme-transition .b-text-field .b-field-inner:before {
  transition-duration: var(--b-default-transition-duration);
}

.b-field-hint {
  pointer-events: none;
  white-space: nowrap;
  align-self: stretch;
  width: 0;
  position: relative;
  overflow: visible;
}

.b-field-no-hint .b-field-hint {
  display: none;
}

.b-field-hint-content {
  inset-inline-end: .6em;
  color: var(--b-text-field-input-color);
  font-size: var(--b-label-font-size);
  font-weight: var(--b-label-font-weight);
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}

.b-container:where(:not(.b-toolbar)) > .b-field, .b-panel:where(:not(.b-toolbar)) > .b-panel-body-wrap > .b-panel-content > .b-field, .b-panel:where(:not(.b-toolbar)) > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content > .b-field, .b-grid-header > .b-field {
  --b-text-field-default-width: 100%;
}

@keyframes b-shrink-width {
  0% {
    max-width: 200px;
  }

  100% {
    max-width: 0;
  }
}

:root, :host {
  --b-combo-filled-chip-view-padding-top: 1.55em;
  --b-combo-filled-label-before-chip-view-padding-top: .5em;
  --b-combo-outlined-chip-view-padding-top: .6em;
  --b-combo-outlined-label-before-chip-view-padding-top: .5em;
  --b-combo-chip-font-size: .9em;
  --b-combo-chip-view-margin-block: 0;
  --b-combo-chip-view-padding: .6em 1em;
  --b-combo-chip-view-min-height: 3em;
}

.b-combo [data-ref="expand"]:before {
  transition: rotate .2s;
}

.b-combo.b-open [data-ref="expand"]:before {
  rotate: 180deg;
}

.b-combo.b-not-editable :not(.b-field-trigger) {
  cursor: pointer;
}

.b-combo.b-uses-chip-view .b-field-inner {
  justify-items: start;
}

.b-combo.b-uses-chip-view:not(.b-empty) input::placeholder {
  visibility: hidden;
}

.b-combo.b-text-field-filled {
  --b-combo-chip-view-padding-top: var(--b-combo-filled-chip-view-padding-top);
}

.b-combo.b-text-field-outlined {
  --b-combo-chip-view-padding-top: var(--b-combo-outlined-chip-view-padding-top);
}

:is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-filled {
  --b-combo-chip-view-padding-top: var(--b-combo-filled-label-before-chip-view-padding-top);
}

:is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-outlined {
  --b-combo-chip-view-padding-top: var(--b-combo-outlined-label-before-chip-view-padding-top);
}

:is(.b-combo.b-hide-trigger, .b-combo.b-read-only) .b-field-trigger.b-icon-picker {
  display: none;
}

.b-combo-chip-view {
  color: inherit;
  padding-top: var(--b-combo-chip-view-padding-top);
  min-height: var(--b-combo-chip-view-min-height);
  margin-block: var(--b-combo-chip-view-margin-block);
  --b-chip-view-chip-font-size: var(--b-combo-chip-font-size);
  --b-chip-view-padding: var(--b-combo-chip-view-padding);
  flex: 1;
  align-self: stretch;
}

.b-combo-chip-view.b-chip-view input {
  flex: 1;
  order: 99999;
  align-self: center;
  height: auto;
  padding: 0;
}

.b-combo-picker.b-empty:not(.b-masked)[data-add-new-value]:after {
  content: attr(data-add-new-value);
  cursor: pointer;
  padding: var(--b-list-item-padding);
  color: var(--b-list-item-color);
  display: block;
}

.b-float-root > .b-combo-picker {
  padding: var(--b-menu-padding);
}

:is(.b-color-field, .b-color-box-combo) .b-color-box {
  width: 1.5em;
  transition: color var(--b-default-transition-duration);
  border-radius: var(--b-color-picker-color-border-radius);
  margin-inline: var(--b-widget-padding) 0;
  flex-shrink: 0;
  grid-area: before;
}

:is(.b-color-field, .b-color-box-combo) .b-color-box.b-no-color {
  border: 1px solid var(--b-color-picker-color-no-color-color);
  background: none;
}

.b-color-box {
  aspect-ratio: 1;
  width: 1em;
  color: var(--b-primary);
  background: currentColor;
  margin-inline-end: .5em;
}

.b-date-field.b-no-steppers .b-step-trigger {
  display: none;
}

:root, :host {
  --b-date-range-field-gap: .5em;
}

.b-date-range-field:not(.b-has-width) {
  width: auto;
}

.b-date-range-field .b-field-container-wrap {
  grid-area: inner;
}

.b-date-range-field .b-field-container {
  --b-container-gap: var(--b-date-range-field-gap);
}

.b-date-range-field .b-field {
  grid-template-columns: 1fr;
  grid-template-areas: "inner";
}

.b-date-range-field .b-start-date {
  width: 13em;
}

.b-date-range-field .b-end-date {
  --b-field-trigger-gap: 0;
  width: 11em;
}

.b-date-range-field .b-end-time, .b-date-range-field .b-start-time {
  flex: 7 7 auto;
}

.b-date-range-picker .b-start-date, .b-date-range-picker .b-end-date {
  width: 13em;
}

.b-date-range-picker.b-date-range-field-picker .b-end-date {
  width: 11em;
}

.b-display-field span {
  align-items: center;
  min-width: 10em;
  display: flex;
}

:root, :host {
  --b-text-area-field-padding: var(--b-widget-padding);
}

.b-text-area-field {
  height: auto;
}

.b-text-area-field .b-field-inner {
  --b-text-field-input-padding: var(--b-text-area-field-padding);
  height: 100%;
}

.b-text-area-field textarea {
  height: 100%;
  min-height: var(--b-text-field-input-height);
  font-family: inherit;
}

:root, :host {
  --b-text-area-picker-field-picker-color: var(--b-neutral-20);
}

.b-text-area-picker-field-picker {
  background: var(--b-text-area-picker-field-picker-background, var(--b-primary-98));
  min-height: 10em;
  color: var(--b-text-area-picker-field-picker-color);
  border: none;
  outline: none;
  padding: 1em;
  display: flex;
}

.b-text-area-picker-field-picker:focus {
  border-color: var(--b-primary);
}

.b-time-field bry-time {
  --b-time-field-button-background: color-mix(in srgb, currentColor, #fff 85%);
  --b-time-field-input-background: transparent;
  align-items: center;
}

.b-time-field.b-empty .b-field-trigger {
  animation-delay: -300s;
}

.b-time-field.b-empty:not(.b-contains-focus) bry-time {
  opacity: 0;
}

.b-time-field.b-no-steppers .b-step-trigger {
  display: none;
}

.b-time-field .b-step-trigger:before {
  transition: color .3s;
}

.b-time-field.b-rtl .b-step-trigger:before {
  transform: scaleX(-1);
}

:root, :host {
  --b-field-set-border-radius: var(--b-widget-border-radius);
  --b-field-set-border-width: 1px;
  --b-field-set-padding: var(--b-panel-padding);
  --b-field-set-border-color: var(--b-border-3);
  --b-field-set-background: var(--b-neutral-100);
  --b-field-set-label-font-size: .8em;
}

.b-field-set {
  color: var(--b-primary);
  --b-panel-with-header-padding: var(--b-field-set-padding);
  align-items: stretch;
  gap: 0;
  position: relative;
  overflow: visible;
}

.b-field-set fieldset {
  background: var(--b-field-set-background);
  border: var(--b-field-set-border-width) solid var(--b-field-set-border-color);
  border-radius: var(--b-field-set-border-radius);
  padding: var(--b-field-set-padding);
  margin: 0;
}

.b-field-set.b-columns fieldset {
  grid-template-columns: repeat(var(--bi-container-columns), auto);
}

.b-field-set:not(.b-label-align-before) > .b-label {
  translate: calc(1em * var(--b-rtl-negate)) -50%;
  z-index: 1;
  line-height: 1em;
  font-size: var(--b-field-set-label-font-size);
  padding-inline: .5em;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.b-field-set:not(.b-label-align-before) > .b-label:before {
  content: "";
  z-index: -1;
  clip-path: inset(calc(.5em - var(--b-field-set-border-width)) 0 0 0);
  background: var(--b-field-set-background);
  position: absolute;
  inset: 0;
}

.b-field-set.b-label-align-before:not(:has(.b-inline)) > .b-label {
  align-self: start;
}

legend.b-field-set-legend {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  top: -10000px;
}

.b-toolbar-content > .b-field-set {
  --b-field-set-background: var(--b-toolbar-background, var(--b-neutral-100));
}

:root, :host {
  --b-radio-group-gap: var(--b-widget-gap);
}

.b-radio-group {
  gap: var(--bi-field-gap);
  --b-field-set-border-width: 0;
  --b-field-set-border-radius: 0;
  --b-field-set-padding: 0;
  --b-field-label-above-gap: 0;
  --b-field-set-background: transparent;
  --b-panel-background: transparent;
  width: fit-content;
}

.b-radio-group > .b-panel-header {
  padding-inline: var(--b-field-set-padding);
}

.b-radio-group:not(:has(.b-inline)) {
  --b-panel-gap: var(--b-radio-group-gap);
}

.b-radio-group:not(:has(.b-inline)) .b-radio-group-content {
  width: fit-content;
}

.b-radio-group:has(.b-inline) {
  overflow: visible;
}

.b-radio-group:has(.b-inline) > .b-label:not(.b-align-start) {
  scale: var(--b-text-field-label-scale);
}

.b-radio-group:has(.b-inline) > div {
  grid-area: inner;
}

.b-radio-group:has(.b-inline) .b-panel-body-wrap {
  overflow: visible;
}

.b-radio-group .b-radio-group-body-wrap, .b-radio-group fieldset.b-radio-group-content {
  overflow: visible;
}

.b-radio-group.b-label-before {
  gap: var(--b-field-label-before-gap);
  flex-direction: row;
}

.b-radio-group.b-label-above > .b-label {
  align-self: flex-start;
  margin-bottom: .75em;
}

.b-radio-group.b-has-label > .b-label {
  font-size: var(--b-label-font-size);
  padding-inline: 0;
  position: static;
  translate: none;
}

.b-radio-group.b-has-label > .b-label:before {
  content: none;
}

:root, :host {
  --b-popup-border-radius: var(--b-widget-border-radius);
  --b-popup-text-popup-width: 25em;
  --b-popup-close-icon-content: "";
  --b-popup-maximize-icon-content: "";
  --b-popup-padding: var(--b-widget-padding-large);
  --b-popup-background: var(--b-panel-background);
  --b-modal-mask-background: var(--b-mask-background);
  --b-popup-border: null;
}

.b-popup.b-panel {
  --b-panel-background: var(--b-popup-background);
  --b-panel-padding: var(--b-popup-padding);
  border: var(--b-popup-border);
}

.b-popup.b-panel .b-panel {
  --b-panel-background: var(--b-popup-background);
}

.b-popup {
  border-radius: var(--b-popup-border-radius);
}

.b-popup .b-panel-body-wrap {
  border-radius: inherit;
}

.b-popup .b-panel-body-wrap > .b-bottom-toolbar {
  background: none;
}

.b-popup.b-header-dock-top .b-panel-body-wrap {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.b-popup:where(.b-anchored) {
  overflow: visible;
}

.b-text-popup {
  max-width: var(--b-popup-text-popup-width);
  --b-panel-gap: 0;
}

.b-text-popup .b-popup-content {
  flex-direction: column;
  display: flex;
}

.b-popup-close:before {
  content: var(--b-popup-close-icon-content);
}

.b-popup-expand:before {
  content: var(--b-popup-maximize-icon-content);
}

.b-tooltip-loading .b-icon {
  margin-inline-end: .5em;
  display: inline-block;
}

@media (width <= 480px) {
  .b-popup {
    max-width: 100% !important;
  }
}

.b-modal-mask {
  pointer-events: all;
  z-index: 1;
  background: var(--b-modal-mask-background);
  color: var(--b-modal-mask-color, var(--b-primary));
  position: fixed;
  inset: 0;
}

.b-modal-mask.b-modal-transparent {
  --b-modal-mask-background: transparent;
}

.b-internal {
  --bi-hint-highlight-top: null;
  --bi-hint-highlight-left: null;
  --bi-hint-highlight-width: null;
  --bi-hint-highlight-height: null;
}

.b-hint code {
  background: var(--b-neutral-80);
  padding: 2px 4px;
  line-height: 1;
}

.b-hint .b-description {
  line-height: 1.7em;
}

.b-hint .b-mask {
  --b-mask-background: color-mix(in srgb, var(--b-neutral-70), transparent 90%);
  --b-mask-text-background: transparent;
  --b-elevation-1: none;
  --b-mask-text-color: transparent;
}

.b-hint.b-floating {
  width: max-content;
  max-width: 37em;
  transition: top .5s, inset-inline-start .5s;
}

.b-hint.b-floating [data-ref="steps"] {
  margin-inline-end: auto;
}

.b-hint.b-floating.b-no-title .b-hint-header {
  max-height: 0;
  padding: 0;
}

.b-hint.b-floating.b-no-title .b-popup-close {
  position: absolute;
  inset-block-start: var(--b-widget-padding-large);
  inset-inline-end: var(--b-widget-padding-large);
}

.b-hint.b-floating.b-no-title .b-hint-content {
  padding-inline-end: calc(var(--b-widget-padding-large) * 2);
  padding-block: var(--b-widget-padding-large) 0;
}

.b-hint.b-floating, .b-hint.b-floating .b-hint-body-wrap {
  border-radius: .5em;
}

.b-hint.b-floating .b-button {
  height: 2.75em;
}

.b-hint.b-floating .b-tooltip-header .b-tool {
  position: absolute;
  top: .5em;
  right: .5em;
}

.b-float-root .b-hint-highlighter {
  --bi-hint-highlight-color: var(--b-color-orange);
  outline: 2px solid var(--bi-hint-highlight-color);
  left: var(--bi-hint-highlight-left);
  top: var(--bi-hint-highlight-top);
  width: var(--bi-hint-highlight-width);
  height: var(--bi-hint-highlight-height);
  background-color: #0000;
  border-radius: 3px;
  transition: left .5s, top .5s, width .5s, height .5s, background-color .7s;
  pointer-events: none !important;
}

.b-float-root .b-hint-highlighter.b-hint-highlighter-ping {
  z-index: 99999;
  animation: 1.2s linear 3 b-anim-hint-highlighter-ping;
}

.b-float-root .b-hint-highlighter.b-hint-highlighter-center {
  background-color: var(--bi-hint-highlight-color);
  outline-offset: -2px;
  z-index: -1;
  border-radius: 50%;
}

.b-float-root .b-hint-highlighter.b-realigning {
  transition: none !important;
}

@keyframes b-anim-hint-highlighter-ping {
  0% {
    outline-color: var(--bi-hint-highlight-color);
    outline-offset: -2px;
    outline-width: 2px;
  }

  70% {
    outline-offset: 20px;
    outline-color: color-mix(in srgb, var(--bi-hint-highlight-color) 40%, transparent 60%);
    outline-width: 10px;
  }

  95% {
    outline-offset: 20px;
    outline-width: 10px;
    outline-color: #0000;
  }

  96% {
    outline-offset: -2px;
    outline-width: 2px;
    outline-color: #0000;
  }

  100% {
    outline-offset: -2px;
    outline-color: var(--bi-hint-highlight-color);
    outline-width: 2px;
  }
}

.b-modal-mask[owned-by*="b-hint"] {
  --bi-hint-highlight-radius: var(--b-widget-border-radius, 0px);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--bi-hint-highlight-left) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-width)) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) var(--bi-hint-highlight-top));
  transition: all .5s;
}

@supports (clip-path: shape(from 0 0, close)) {
  .b-modal-mask[owned-by*="b-hint"] {
    clip-path: shape(evenodd from 0% 0%, line to 100% 0%, line to 100% 100%, line to 0% 100%, line to 0% 0%, line to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), arc to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-height)  - var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-height)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-width)  - var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-height)), arc to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-height)  - var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top)  + var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-width)  - var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left)  + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), line to 0% 0%);
  }
}

:root, :host {
  --b-menu-border-radius: var(--b-widget-border-radius);
  --b-menu-background: var(--b-panel-background);
  --b-menu-padding: 0;
}

.b-menu.b-popup {
  -webkit-user-select: none;
  user-select: none;
  background: var(--b-menu-background);
  --b-panel-padding: var(--b-menu-padding);
  --b-popup-border-radius: var(--b-menu-border-radius);
  min-height: 2em;
}

.b-menu.b-popup .b-menu-body-wrap {
  border-radius: 0;
}

.b-menu-content {
  gap: 0;
}

.b-menu-content > :not(.b-menu-item) {
  margin: 1em;
}

.b-menu-custom-content {
  display: flex;
}

.b-menu-with-submenu .b-menu-item:not(.b-has-submenu) {
  --bi-menu-item-margin-inline-end: 2em;
}

:root, :host {
  --b-message-dialog-min-width: 20em;
  --b-message-dialog-button-min-width: 6.5em;
  --bi-messagedialog-display: none;
}

.b-message-dialog {
  -webkit-user-select: none;
  user-select: none;
  min-width: var(--b-message-dialog-min-width);
}

.b-message-dialog .b-button {
  min-width: var(--b-message-dialog-button-min-width);
}

.b-message-dialog .b-message-dialog-input, .b-message-dialog .b-message-dialog-ok-button, .b-message-dialog .b-message-dialog-cancel-button {
  display: var(--bi-messagedialog-display);
}

:is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-ok-button, :is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-cancel-button, .b-message-dialog.b-message-dialog-prompt .b-message-dialog-input, .b-message-dialog.b-message-dialog-alert .b-message-dialog-ok-button {
  --bi-messagedialog-display: flex;
}

.b-message-dialog .b-message-dialog-message {
  display: block;
}

:root, :host {
  --b-tooltip-plain-padding: .5em;
  --b-tooltip-rich-padding: var(--b-widget-padding);
  --b-tooltip-rich-border-radius: var(--b-widget-border-radius-large);
  --b-tooltip-plain-font-size: .9em;
  --b-tooltip-text-gap: 1em;
  --b-tooltip-flex-direction: column;
  --b-tooltip-align-items: flex-start;
  --b-tooltip-content-display: flex;
  --b-tooltip-plain-color: var(--b-widget-color);
  --b-tooltip-rich-color: var(--b-widget-color);
  --b-tooltip-rich-background: var(--b-neutral-100);
  --b-tooltip-z-index: 2;
}

.b-tooltip.b-popup {
  color: var(--b-primary);
  z-index: var(--b-tooltip-z-index);
}

.b-tooltip.b-popup:not(.b-allow-over) {
  -webkit-user-select: none;
  user-select: none;
}

.b-tooltip.b-popup.b-plain-tooltip {
  --b-popup-background: var(--b-tooltip-plain-background, var(--b-neutral-100));
  --b-panel-padding: var(--b-tooltip-plain-padding);
  --b-tooltip-color: var(--b-tooltip-plain-color);
  --b-widget-font-size: var(--b-tooltip-plain-font-size);
  --b-popup-border-radius: var(--b-widget-border-radius);
}

.b-tooltip.b-popup.b-plain-tooltip .b-tooltip-content {
  text-align: center;
  display: block;
}

.b-rich-tooltip {
  --b-popup-background: var(--b-tooltip-rich-background);
  --b-tooltip-color: var(--b-tooltip-rich-color);
  --b-panel-padding: var(--b-tooltip-rich-padding);
  --b-popup-border-radius: var(--b-tooltip-rich-border-radius);
}

.b-rich-tooltip .b-tooltip-content {
  display: var(--b-tooltip-content-display);
  flex-wrap: wrap;
  flex-direction: var(--b-tooltip-flex-direction);
  align-items: var(--b-tooltip-align-items);
}

.b-tooltip-content {
  color: var(--b-tooltip-color);
}

.b-tooltip-content:where(.b-text-content) {
  --b-panel-gap: var(--b-tooltip-text-gap);
}

.b-tooltip-content:where(.b-text-content) > * {
  margin-block: 0;
}

:root, :host {
  --b-year-picker-gap: .5em;
  --b-year-picker-padding: var(--b-year-picker-gap);
  --b-year-picker-title-font-weight: 600;
  --b-year-picker-year-font-weight: var(--b-widget-font-weight);
  --b-year-picker-year-color: var(--b-neutral-30);
}

.b-month-picker-body-wrap, .b-year-picker-body-wrap {
  height: 100%;
}

.b-month-picker-content, .b-year-picker-content {
  place-items: center;
  gap: var(--b-year-picker-gap);
  height: 100%;
  padding: var(--b-year-picker-padding);
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
}

:is(.b-month-picker-content, .b-year-picker-content) .b-button {
  --b-button-font-weight: var(--b-year-picker-year-font-weight);
  --b-button-color: var(--b-year-picker-year-color);
  --b-button-hover-background: var(--b-year-picker-hover-background, var(--b-date-picker-date-hover-background, var(--b-primary-95)));
  width: 100%;
  padding: .5em 0;
}

:is(.b-month-picker-content, .b-year-picker-content) .b-button.b-selected {
  --b-button-background: var(--b-year-picker-selected-background, var(--b-date-picker-selected-background, var(--b-primary-90)));
  --b-button-color: var(--b-year-picker-selected-color);
  --b-button-font-weight: var(--b-year-picker-title-font-weight);
}

.b-month-picker-title, .b-year-picker-title {
  font-weight: var(--b-year-picker-title-font-weight);
  background: none;
  flex: 1;
}

:is(.b-month-picker-title, .b-year-picker-title) .b-button-label {
  font-size: 1.1em;
}

.b-time-picker {
  max-height: 39em;
}

.b-time-picker .b-list {
  scroll-snap-type: block;
  background-color: #0000;
  align-items: center;
}

.b-time-picker-item {
  aspect-ratio: 1;
  scroll-snap-align: start;
  cursor: pointer;
  border-radius: var(--b-widget-border-radius);
  flex-shrink: 0;
  place-content: center;
  width: 3em;
  display: grid;
}

.b-time-picker-item:hover, .b-time-picker-item[aria-selected="true"] {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}

.b-time-picker-content {
  justify-content: center;
}

:root, :host {
  --b-toolbar-gap: var(--b-widget-gap);
  --b-toolbar-padding: var(--b-widget-padding);
  --b-toolbar-separator-height: 2em;
  --b-toolbar-justify-content: flex-start;
  --b-toolbar-background: var(--b-panel-background);
  --b-toolbar-separator-color: var(--b-neutral-50);
}

.b-toolbar {
  background: var(--b-toolbar-background);
  flex-direction: row;
  flex-shrink: 0;
  gap: 0;
  transition: background-color .2s;
  display: flex;
  overflow: hidden;
}

.b-toolbar.b-dock-left, .b-toolbar.b-dock-right {
  --bi-toolbar-min-width: var(--b-toolbar-min-size, unset);
  flex-direction: column;
}

.b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom {
  --bi-toolbar-min-height: var(--b-toolbar-min-size, unset);
  flex-wrap: nowrap;
  align-items: center;
}

:is(.b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom) .b-box-center.b-toolbar-content > .b-button {
  height: 100%;
  min-height: var(--b-button-height);
}

.b-toolbar .b-overflow-button {
  margin: var(--b-toolbar-padding);
  place-content: center;
}

.b-toolbar .b-overflow-button.b-rotate-vertical {
  align-self: center;
  rotate: 90deg;
}

.b-toolbar .b-overflow-button:active {
  background: var(--b-neutral-90);
}

.b-toolbar .b-box-center.b-toolbar-content, .b-toolbar .b-html {
  align-items: center;
}

.b-box-center.b-toolbar-content {
  gap: var(--b-toolbar-gap);
  padding: var(--b-toolbar-padding);
  min-height: var(--bi-toolbar-min-height);
  min-width: var(--bi-toolbar-min-width);
  justify-content: var(--b-toolbar-justify-content);
  flex: 1;
  overflow: hidden;
}

.b-toolbar-separator {
  border-inline-end: 1px solid var(--b-toolbar-separator-color);
  min-height: var(--b-toolbar-separator-height);
}

.b-toolbar-fill {
  flex: 1;
}

.b-toolbar-overflow-menu > .b-panel-body-wrap > .b-menu-content .b-widget {
  width: auto;
  flex: none !important;
}

.b-confirmation-bar {
  --b-toolbar-justify-content: flex-end;
}

.b-paging-toolbar [data-ref="pageNumber"] {
  width: auto;
}

.b-paging-toolbar [data-ref="pageNumber"] .b-field-inner {
  width: 3.5em;
}

.b-paging-toolbar [data-ref="pageNumber"] input {
  text-align: center;
}

:root, :host {
  --b-tab-bar-border-bottom-width: 1px;
  --b-tab-bar-border-bottom-color: var(--b-border-6);
  --b-tab-bar-background: transparent;
  --b-tab-bar-padding: 0;
}

.b-tab-bar {
  --b-panel-bottom-toolbar-padding: var(--b-tab-bar-padding);
  --b-toolbar-gap: 0;
  --b-toolbar-padding: var(--b-tab-bar-padding);
  --b-toolbar-background: var(--b-tab-bar-background);
  transition: border var(--b-default-transition-duration), background var(--b-default-transition-duration);
  border-bottom: var(--b-tab-bar-border-bottom-width) solid var(--b-tab-bar-border-bottom-color);
}

.b-tab-bar .b-overflow-button {
  margin-inline: .5em;
  padding-inline: 1em;
}

.demo-header {
  background: var(--b-demo-header-background);
  border-bottom: 1px solid var(--b-border-6);
  transition: background-color var(--b-default-transition-duration), padding var(--b-default-transition-duration), font-size .1s, border-color var(--b-default-transition-duration);
  flex: none;
  padding-block: 0;
  padding-inline: .7em 0;
  display: flex;
}

.demo-header a {
  text-decoration: none;
}

.demo-header .b-icon {
  font-size: 1.1em;
}

.demo-header .title {
  white-space: nowrap;
  color: var(--b-text-1);
  align-items: center;
  margin-inline-end: auto;
  display: flex;
}

.demo-header .title:focus-visible {
  outline-offset: var(--b-button-focus-outline-offset);
  outline: var(--b-button-focus-outline-width) solid var(--b-widget-focus-outline-color);
  border-radius: var(--b-widget-border-radius);
}

.demo-header .title h1 {
  align-items: center;
  margin: 0;
  font-size: 1.1em;
  font-weight: 600;
  display: flex;
}

.demo-header .title svg {
  background: #0076f8;
  border-radius: 5px;
  width: 2em;
  height: 2em;
  margin-inline-end: .75em;
  padding-inline-end: .2em;
}

.demo-header .title svg g {
  fill: #fff;
}

.demo-header .b-toolbar {
  --b-toolbar-padding: .7em;
  --b-toolbar-background: transparent;
  font-size: .9em;
}

:root, :host {
  --b-file-field-button-background: var(--b-primary);
  --b-file-field-button-color: var(--b-neutral-100);
}

.b-file-field input[type="file"] {
  color: var(--b-label-color);
  font-family: inherit;
}

.b-file-field input[type="file"]::file-selector-button {
  cursor: pointer;
  background: var(--b-file-field-button-background);
  color: var(--b-file-field-button-color);
  border: none;
  border-radius: .25em;
  margin-inline-end: 1em;
  padding: .5em 1em;
  font-family: inherit;
  font-weight: 500;
}

.b-file-field input[type="file"]::file-selector-button:hover {
  background: color-mix(in srgb, var(--b-file-field-button-background), #fff 10%);
}

.b-file-picker {
  overflow: visible;
}

:root, :host {
  --b-histogram-bar-border-width: null;
  --b-histogram-bar0-border-width: null;
  --b-histogram-bar1-border-width: null;
  --b-histogram-bar2-border-width: null;
  --b-histogram-bar3-border-width: null;
  --b-histogram-bar4-border-width: null;
  --b-histogram-bar5-border-width: null;
  --b-histogram-transition-duration: .3s;
  --b-histogram-bar-legend-font-size: .8em;
  --b-histogram-bar-color: var(--b-color-green);
  --b-histogram-bar-border-color: null;
  --b-histogram-bar0-color: var(--b-color-green);
  --b-histogram-bar0-border-color: null;
  --b-histogram-bar1-color: var(--b-color-blue);
  --b-histogram-bar1-border-color: null;
  --b-histogram-bar2-color: var(--b-color-indigo);
  --b-histogram-bar2-border-color: null;
  --b-histogram-bar3-color: var(--b-color-teal);
  --b-histogram-bar3-border-color: null;
  --b-histogram-bar4-color: var(--b-color-orange);
  --b-histogram-bar4-border-color: null;
  --b-histogram-bar5-color: var(--b-color-lime);
  --b-histogram-bar5-border-color: null;
  --b-histogram-exceeds-top-bar-color: var(--b-color-red);
  --b-histogram-outline-color: #f99;
}

.b-histogram {
  contain: strict;
  background-color: #fff;
  padding: 1px;
}

.b-histogram svg * {
  vector-effect: non-scaling-stroke;
}

.b-histogram rect {
  fill: var(--b-histogram-bar-color);
  stroke-width: var(--b-histogram-bar-border-width);
  stroke: var(--b-histogram-bar-border-color);
  transition-property: x, y, width, height, fill;
  transition-duration: var(--b-histogram-transition-duration);
}

.b-histogram rect.b-series-index-0 {
  fill: var(--b-histogram-bar0-color);
  stroke-width: var(--b-histogram-bar0-border-width);
  stroke: var(--b-histogram-bar0-border-color);
}

.b-histogram rect.b-series-index-1 {
  fill: var(--b-histogram-bar1-color);
  stroke-width: var(--b-histogram-bar1-border-width);
  stroke: var(--b-histogram-bar1-border-color);
}

.b-histogram rect.b-series-index-2 {
  fill: var(--b-histogram-bar2-color);
  stroke-width: var(--b-histogram-bar2-border-width);
  stroke: var(--b-histogram-bar2-border-color);
}

.b-histogram rect.b-series-index-3 {
  fill: var(--b-histogram-bar3-color);
  stroke-width: var(--b-histogram-bar3-border-width);
  stroke: var(--b-histogram-bar3-border-color);
}

.b-histogram rect.b-series-index-4 {
  fill: var(--b-histogram-bar4-color);
  stroke-width: var(--b-histogram-bar4-border-width);
  stroke: var(--b-histogram-bar4-border-color);
}

.b-histogram rect.b-series-index-5 {
  fill: var(--b-histogram-bar5-color);
  stroke-width: var(--b-histogram-bar5-border-width);
  stroke: var(--b-histogram-bar5-border-color);
}

.b-histogram rect.b-exceeds-top {
  fill: var(--b-histogram-exceeds-top-bar-color);
}

.b-histogram text.b-bar-legend {
  writing-mode: tb;
  text-anchor: end;
  font-size: var(--b-histogram-bar-legend-font-size);
  pointer-events: none;
}

.b-histogram svg {
  overflow: visible;
}

.b-histogram path {
  fill: #0000;
  stroke: var(--b-histogram-outline-color);
  transition: d var(--b-histogram-transition-duration);
  pointer-events: none;
}

:root, :host {
  --b-scale-line-color: var(--b-neutral-60);
  --b-scale-label-color: var(--b-neutral-30);
}

.b-scale {
  contain: strict;
}

.b-scale svg * {
  vector-effect: non-scaling-stroke;
}

.b-scale.b-scale-vertical text.b-scale-tick-label {
  translate: 0 .3em;
}

.b-scale.b-scale-vertical.b-align-right {
  text-anchor: end;
}

.b-scale.b-scale-horizontal text.b-scale-tick-label {
  text-anchor: middle;
}

.b-scale path {
  stroke: var(--b-scale-line-color);
  pointer-events: none;
}

.b-scale text {
  fill: var(--b-scale-label-color);
}

:root, :host {
  --b-label-font-size: var(--b-widget-font-size);
  --b-label-font-weight: 400;
  --b-label-disabled-color: var(--b-neutral-50);
}

.b-label {
  white-space: nowrap;
  transition: color var(--b-default-transition-duration);
  -webkit-user-select: none;
  user-select: none;
  color: var(--b-label-color);
  font-size: var(--b-label-font-size);
  font-weight: var(--b-label-font-weight);
  align-items: center;
}

.b-disabled > .b-label {
  --b-label-color: var(--b-label-disabled-color);
}

.b-hbox, .b-vbox {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

:is(.b-hbox, .b-vbox) > .b-box-center {
  flex: auto;
  overflow: hidden;
}

.b-hbox {
  flex-flow: row;
}

.b-vbox {
  flex-flow: column;
}

.b-box-justify-stretch {
  justify-content: stretch;
}

:root, :host {
  --bi-card-margin: 1em;
}

.b-card-container {
  flex-flow: row;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-card-container.b-animating {
  overflow: hidden;
}

.b-card-container > .b-card-item {
  flex: 1 0 100%;
  align-items: stretch;
  min-width: 100%;
  max-width: 100%;
}

.b-card-container.b-hide-child-headers > .b-panel:not(.b-positioned) > .b-panel-header {
  display: none;
}

.b-slide-in-left {
  animation: b-anim-card-slide-in-left calc(.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}

.b-slide-out-right {
  pointer-events: none;
  left: var(--bi-card-margin);
  animation: b-anim-card-slide-out-right calc(.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}

.b-slide-in-right {
  animation: b-anim-card-slide-in-right calc(.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}

.b-slide-out-left {
  pointer-events: none;
  animation: b-anim-card-slide-out-left calc(.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
  margin-inline-start: calc(var(--bi-card-margin) * -1);
  margin-inline-end: var(--bi-card-margin);
}

@keyframes b-anim-card-slide-in-left {
  0% {
    translate: -100%;
  }

  100% {
    translate: 0;
  }
}

@keyframes b-anim-card-slide-out-right {
  0% {
    translate: -100%;
  }

  100% {
    translate: 0;
  }
}

@keyframes b-anim-card-slide-in-right {
  0% {
    translate: 0;
  }

  100% {
    translate: -100%;
  }
}

@keyframes b-anim-card-slide-out-left {
  0% {
    translate: 0;
  }

  100% {
    translate: -100%;
  }
}

.b-fit-container {
  flex-flow: row;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-fit-container > .b-fit-item {
  flex: 1 0 auto;
  max-width: 100%;
  margin: 0;
  align-self: stretch !important;
}

:root, :host {
  --b-list-multi-select-gap: 0;
  --b-list-item-gap: .75em;
  --b-list-item-padding: .75em;
  --b-list-multi-select-item-padding: var(--b-list-item-padding);
  --b-list-item-border-radius: 0;
  --b-list-item-group-padding: .75em .75em .75em 2em;
  --b-list-selected-icon-size: 1.25em;
  --b-list-selected-icon-content: var(--b-checkbox-checked-check-content);
  --b-list-checkbox-checked-check-color: var(--b-text-5);
  --b-list-item-group-header-font-weight: calc(var(--b-widget-font-weight)  + 200);
  --b-list-background: transparent;
  --b-list-title-background: var(--b-neutral-100);
  --b-list-item-color: var(--b-widget-color);
  --b-list-title-font-weight: 500;
}

.b-list {
  background: var(--b-list-background);
  border-radius: var(--b-list-border-radius);
  flex-direction: column;
  margin: 0;
  padding: 0;
  display: flex;
}

.b-list.b-floating {
  --b-list-border-radius: var(--b-widget-border-radius);
  --b-list-background: var(--b-list-floating-background, var(--b-primary-100));
}

.b-list .b-empty-text {
  pointer-events: none;
}

.b-list .b-select-all-item {
  z-index: 1;
  background: var(--b-list-title-background);
  font-weight: var(--b-list-title-font-weight);
  position: sticky;
  top: 0;
}

:has(.b-list-title) > :is(.b-list .b-select-all-item) {
  top: 2em;
}

.b-list.b-multi-select {
  gap: var(--b-list-multi-select-gap);
}

.b-list-item {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: var(--b-list-item-background);
  color: var(--b-list-item-color);
  font-weight: var(--b-list-item-font-weight);
  padding: var(--b-list-item-padding);
  border-radius: var(--b-list-item-border-radius);
  flex-shrink: 0;
  display: flex;
  overflow: clip;
}

.b-list-item .b-selected-icon {
  width: var(--b-list-selected-icon-size);
  height: var(--b-list-selected-icon-size);
  border-radius: var(--b-checkbox-border-radius);
  border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color);
  background: var(--b-checkbox-background);
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.b-list-item .b-selected-icon:before {
  content: var(--b-checkbox-checked-check-content);
  color: var(--b-list-checkbox-checked-check-color);
  font-size: var(--b-checkbox-check-font-size);
  transition: scale .2s;
  scale: 0;
}

.b-multi-select > .b-list-item {
  --b-list-item-padding: var(--b-list-multi-select-item-padding);
}

.b-multi-select > .b-list-item.b-selected .b-selected-icon:before {
  scale: 1;
}

.b-multi-select > .b-list-item.b-selected .b-list-item-content {
  --b-checkbox-background: var(--b-list-checkbox-checked-background);
  --b-checkbox-border-color: var(--b-list-checkbox-checked-border-color, var(--b-list-checkbox-checked-background));
}

.b-list-item:focus {
  outline: none;
}

.b-list-item.b-list-item-group-header {
  --b-list-item-font-weight: var(--b-list-item-group-header-font-weight);
}

.b-list-item.b-out-of-view:before {
  content: "...";
}

.b-grouped > .b-list-item:not(.b-list-item-group-header, .b-list-item-tree-parent) {
  --b-list-item-padding: var(--b-list-item-group-padding);
}

.b-list-item.b-selected {
  --b-list-item-background: var(--b-list-item-selected-background, var(--b-primary-95));
}

.b-list-item.b-active, .b-list-item:focus-visible {
  --b-list-item-background: var(--b-list-item-focus-background, var(--b-primary-85));
}

.b-list-title {
  z-index: 1;
  font-weight: var(--b-list-title-font-weight);
  background: var(--b-list-title-background);
  position: sticky;
  top: 0;
}

.b-list-expander-icon {
  pointer-events: all;
  width: 1.1em;
  height: 1em;
}

.b-list-item:is(.b-list-item-group-header, .b-list-item-tree-parent) .b-list-expander-icon {
  margin-inline: auto 0;
}

.b-list-item-content {
  align-items: center;
  gap: var(--b-list-item-gap);
  flex: 1;
  display: flex;
}

:root, :host {
  --b-chip-view-gap: .25em;
  --b-chip-view-padding: 0;
  --b-chip-view-chip-border-radius: 1.5em;
  --b-chip-view-chip-border-width: 1px;
  --b-chip-view-chip-font-size: 1em;
  --b-chip-view-chip-gap: .5em;
  --b-chip-view-chip-padding-block: .25em;
  --b-chip-view-chip-padding-inline: .75em;
  --b-chip-view-chip-border-color: transparent;
  --b-chip-view-chip-color: var(--b-text-1);
  --b-chip-view-chip-selected-color: var(--b-text-1);
}

.b-chip-view {
  --b-list-multi-select-gap: var(--b-chip-view-gap);
  padding: var(--b-chip-view-padding);
  background: none;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.b-chip-view.b-transitioning-height {
  transition: height .2s ease-in-out;
}

.b-chip-view.b-adding-item.b-prevent-scroll {
  overflow: clip !important;
}

.b-chip {
  cursor: pointer;
  opacity: 1;
  border: var(--b-chip-view-chip-border-width) solid var(--b-chip-view-chip-border-color);
  background: var(--b-chip-view-chip-background, var(--b-primary-90));
  max-width: 15em;
  line-height: 1.2em;
  font-size: var(--b-chip-view-chip-font-size);
  border-radius: var(--b-chip-view-chip-border-radius);
  padding-block: var(--b-chip-view-chip-padding-block);
  padding-inline: var(--b-chip-view-chip-padding-inline);
  outline: none;
  align-items: center;
  transition: opacity .2s linear, translate .2s ease-in, max-width .2s, background .2s;
  display: flex;
  overflow: clip;
  translate: 0;
}

.b-chip:hover {
  --b-chip-view-chip-background: var(--b-chip-view-chip-hover-background, var(--b-primary-85));
}

.b-chip.b-selected {
  --b-chip-view-chip-background: var(--b-chip-view-chip-selected-background, var(--b-primary-75));
  --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color);
}

.b-chip.b-active {
  --b-chip-view-chip-background: var(--b-chip-view-chip-active-background, var(--b-primary-85));
  --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color);
}

.b-chip.b-selected.b-active {
  --b-chip-view-chip-background: var(--b-chip-view-chip-active-selected-background, var(--b-primary-75));
}

.b-chip:focus-visible {
  --b-chip-view-chip-border-color: var(--b-chip-view-chip-focus-border-color, var(--b-primary-35));
}

.b-chip.b-removing.b-anim-collapse {
  opacity: 0;
  max-width: 0;
  transition: opacity .2s linear, max-width .2s ease-out;
}

.b-chip.b-adding.b-anim-slide-up {
  opacity: 0;
  translate: 0 1em;
}

.b-chip.b-adding.b-anim-expand {
  opacity: 0;
  max-width: 0;
}

.b-chip-content {
  white-space: nowrap;
  align-items: center;
  gap: var(--b-chip-view-chip-gap);
  color: var(--b-chip-view-chip-color);
  display: flex;
  overflow: clip;
}

:root, :host {
  --b-color-picker-color-border-radius: var(--b-widget-border-radius);
  --b-color-picker-color-outline-width: 2px;
  --b-color-picker-color-outline: var(--b-color-picker-color-outline-width) solid currentColor;
  --b-color-picker-color-hover-outline: var(--b-color-picker-color-outline-width) solid currentColor;
  --b-color-picker-color-active-outline: var(--b-color-picker-color-outline-width) solid color-mix(in oklab, currentColor, transparent 50%);
  --b-color-picker-color-outline-offset: 2px;
  --b-color-picker-color-size: 2em;
  --b-color-picker-gap: .8em;
  --b-color-picker-padding: var(--b-widget-padding);
  --b-color-picker-color-no-color-color: #ccc;
  --b-color-picker-columns: 5;
}

.b-color-picker {
  --b-menu-padding: var(--b-color-picker-padding);
  grid-gap: var(--b-color-picker-gap);
  grid-template-columns: repeat(var(--b-color-picker-columns), 1fr);
  --b-list-background: transparent;
  display: grid;
  overflow: visible;
}

.b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker {
  grid-template-columns: repeat(auto-fill, minmax(var(--b-color-picker-color-size), 1fr));
  min-width: calc(var(--b-color-picker-color-size) * 4 + var(--b-color-picker-gap) * 3);
}

:is(.b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker) .b-color-picker-swatch {
  width: 100%;
}

.b-color-picker-swatch {
  aspect-ratio: 1;
  cursor: pointer;
  outline-offset: calc(var(--b-color-picker-color-outline-width) * -1);
  outline: var(--b-color-picker-color-hover-outline);
  border-radius: var(--b-color-picker-color-border-radius);
  color: var(--b-primary);
  width: var(--b-color-picker-color-size);
  background-color: currentColor;
  place-items: center;
  transition: outline-offset .2s;
  display: grid;
  position: relative;
  overflow: clip;
}

.b-color-picker-swatch.b-color-active {
  outline: var(--b-color-picker-color-active-outline);
  outline-offset: var(--b-color-picker-color-outline-offset);
}

.b-color-picker-swatch.b-selected, .b-color-picker-swatch:hover {
  outline: var(--b-color-picker-color-hover-outline);
  outline-offset: var(--b-color-picker-color-outline-offset);
}

.b-color-picker-swatch.b-no-color {
  color: var(--b-color-picker-color-no-color-color);
  background-color: #0000;
  border: 1px solid;
}

.b-color-picker-swatch.b-no-color:before {
  content: "";
  border-inline-end: 1px solid;
  height: 300%;
  position: absolute;
  rotate: 135deg;
}

:root, :host {
  --b-mask-border-radius: var(--b-widget-border-radius);
  --b-mask-padding: var(--b-widget-padding);
  --b-mask-text-background: var(--b-popup-background, var(--b-neutral-100));
  --b-mask-progress-height: .25em;
  --b-mask-background: color-mix(in srgb, var(--b-neutral-0), transparent 85%);
  --b-mask-text-color: var(--b-widget-color);
  --b-mask-progress-color: color-mix(in srgb, var(--b-mask-text-color), transparent 30%);
  --b-mask-color: var(--b-primary);
  --b-mask-transition-duration: .5s;
}

.b-mask {
  z-index: 100;
  opacity: 1;
  background: var(--b-mask-background);
  color: var(--b-mask-color);
  transition: opacity var(--b-mask-transition-duration);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.b-mask.b-delayed-show {
  opacity: 0;
}

@starting-style {
  .b-mask {
    opacity: 0;
  }
}

.b-mask-rendition-text {
  --b-mask-color: transparent;
  --b-mask-text-color: var(--b-text-2);
}

.b-mask-rendition-text .b-mask-content {
  box-shadow: none;
}

.b-mask-content {
  background: var(--b-mask-text-background);
  box-shadow: var(--b-elevation-1);
  border-radius: var(--b-mask-border-radius);
  position: relative;
  overflow: hidden;
}

.b-mask-progress-bar {
  height: var(--b-mask-progress-height);
  background: var(--b-mask-progress-color);
}

.b-mask-text {
  -webkit-user-select: none;
  user-select: none;
  color: var(--b-mask-text-color);
  padding: var(--b-mask-padding);
  align-items: center;
  gap: .5em;
  display: flex;
}

.b-masked {
  position: relative;
}

:root, :host {
  --b-menu-item-gap: var(--b-widget-gap);
  --b-menu-item-icon-width: 1em;
  --b-menu-item-min-width: 12em;
  --b-menu-item-padding: var(--b-widget-padding);
  --b-menu-item-font-weight: var(--b-widget-font-weight);
  --b-menu-item-separator-border-color: var(--b-border-6);
  --b-menu-item-color: var(--b-widget-color);
  --b-menu-item-icon-color: var(--b-menu-item-color);
  --b-menu-item-disabled-color: var(--b-widget-disabled-color);
  --b-menu-item-disabled-icon-color: var(--b-neutral-70);
  --b-menu-item-background: transparent;
  --b-menu-item-hover-color: var(--b-widget-color);
  --b-menu-item-focus-color: var(--b-widget-color);
  --b-menu-item-hover-icon-color: var(--b-widget-color);
  --b-menu-item-focus-icon-color: var(--b-widget-color);
  --b-menu-item-border-radius: null;
  --b-menu-item-separator-height: 1px;
  --b-menu-item-separator-inset: 0;
}

.b-menu-item {
  background: var(--b-menu-item-background);
  border-radius: var(--b-menu-item-border-radius);
  color: var(--b-menu-item-color);
  font-weight: var(--b-menu-item-font-weight);
  align-items: center;
  gap: var(--b-menu-item-gap);
  min-width: var(--b-menu-item-min-width);
  padding: var(--b-menu-item-padding);
  outline: none;
  flex-shrink: 0;
  display: flex;
  overflow: clip;
}

.b-menu-item.b-separator:not(.b-first-visible-child) {
  margin-top: calc(var(--b-menu-item-separator-height) * 2 - 1px);
  overflow: visible;
}

.b-menu-item.b-separator:not(.b-first-visible-child):before {
  content: "";
  inset-inline: var(--b-menu-item-separator-inset);
  top: calc(var(--b-menu-item-separator-height) * -1);
  border-top: 1px solid var(--b-menu-item-separator-border-color);
  display: block;
  position: absolute;
}

.b-menu-item:not(.b-disabled) {
  cursor: pointer;
}

.b-menu-item:hover {
  --b-menu-item-color: var(--b-menu-item-hover-color);
  --b-menu-item-background: var(--b-menu-item-hover-background, var(--b-primary-90));
  --b-menu-item-icon-color: var(--b-menu-item-hover-icon-color);
}

.b-menu-item:focus-within {
  --b-menu-item-color: var(--b-menu-item-focus-color);
  --b-menu-item-background: var(--b-menu-item-focus-background, var(--b-primary-90));
  --b-menu-item-icon-color: var(--b-menu-item-focus-icon-color);
}

.b-menu-item.b-disabled {
  --b-menu-item-color: var(--b-menu-item-disabled-color);
  --b-menu-item-icon-color: var(--b-menu-item-disabled-icon-color);
}

.b-menu-item.b-rtl .b-icon-sub-menu:before {
  rotate: 180deg;
}

.b-menu-item-icon {
  color: var(--b-menu-item-icon-color);
  width: var(--b-menu-item-icon-width);
  justify-self: center;
}

.b-menu-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  margin-inline-start: calc(var(--b-menu-item-icon-width)  + var(--b-menu-item-gap));
  margin-inline-end: var(--bi-menu-item-margin-inline-end);
  overflow: hidden;
}

.b-menu:not(.b-menu-with-icon) .b-menu-text, .b-menu-item-icon ~ .b-menu-text {
  margin-inline-start: 0;
}

:root, :host {
  --b-badge-font-size: .7em;
  --b-badge-height: 1.7em;
  --b-badge-background: var(--b-color-red);
  --b-badge-color: var(--b-neutral-100);
  --b-badge-offset: -.6em;
}

.b-widget.b-badge {
  overflow: visible;
}

.b-badge:after {
  content: attr(data-badge);
  z-index: 5;
  background: var(--b-badge-background);
  border-radius: var(--b-badge-height);
  color: var(--b-badge-color);
  font-size: var(--b-badge-font-size);
  height: var(--b-badge-height);
  min-width: var(--b-badge-height);
  justify-content: center;
  align-items: center;
  padding-inline: .3em;
  display: flex;
  position: absolute;
  inset-block-start: var(--b-badge-offset);
  inset-inline-end: var(--b-badge-offset);
}

.b-formula-field-list {
  --b-panel-header-padding: var(--b-list-item-padding);
  --b-panel-header-font-size: 1em;
}

.b-widget.b-tooltip.b-field-error-tip {
  --b-primary: var(--b-field-error-tip-primary);
  --b-tooltip-plain-background: var(--b-field-error-tip-background);
  --b-tooltip-plain-color: var(--b-field-error-tip-color);
}

:root, :host {
  --b-progress-bar-background: var(--b-neutral-90);
}

.b-progress-bar {
  flex-direction: column;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.b-progress-bar .b-label {
  font-size: .95em;
}

.b-progress-bar .b-progress-bar-label {
  margin-inline-end: 3em;
}

.b-progress-bar-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
  display: flex;
}

.b-progress-bar-track {
  border-radius: var(--b-widget-border-radius);
  background: var(--b-progress-bar-background);
  width: 100%;
  height: .43em;
  position: relative;
  overflow: hidden;
}

.b-progress-bar-fill {
  border-radius: var(--b-widget-border-radius);
  background: var(--b-primary);
  height: 100%;
  transition: width .2s;
}

.b-rich-text-field {
  height: 10em;
  color: var(--b-text-field-input-color);
  overflow: visible;
}

.b-rich-text-field .b-field-inner {
  align-items: flex-start;
  overflow: visible;
}

.b-rich-text-field .b-rich-text-field-container {
  outline: none;
  width: 100%;
  height: 100%;
  padding: .5em;
}

.b-cell-editor .b-rich-text-field {
  height: 100%;
  min-height: 100%;
}

:root, :host {
  --b-slider-thumb-size: 1.5em;
  --b-slider-thumb-elevation: var(--b-elevation-1);
  --b-slider-thumb-border: null;
  --b-slider-track-height: .5em;
  --b-slider-step-size: calc(var(--b-slider-track-height) * .4);
  --b-slider-step-width: unset;
  --b-slider-step-height: unset;
  --b-slider-step-opacity: .5;
  --b-slider-ring-content: none;
  --b-slider-value-border-radius: var(--b-widget-border-radius);
  --b-slider-thumb-value-size: 1.75em;
  --b-slider-thumb-text-color: var(--b-neutral-100);
  --b-slider-step-lesser-color: var(--b-neutral-100);
  --b-slider-value-color: var(--b-neutral-100);
  --b-slider-disabled-color: var(--b-neutral-80);
  --b-slider-disabled-thumb-color: var(--b-neutral-80);
  --b-slider-disabled-track-color: var(--b-neutral-90);
  --b-slider-track-color: var(--b-neutral-85);
  --b-slider-track-border: null;
  --b-slider-thumb-focus-outline-offset: 2px;
  --b-slider-thumb-focus-outline-width: var(--b-widget-focus-outline-width);
  --b-slider-step-border-radius: 50%;
}

.b-internal {
  --bi-slider-value-percent: null;
  --bi-slider-value: null;
  --bi-slider-max: null;
  --bi-slider-min: null;
}

.b-slider {
  min-height: calc(var(--b-slider-thumb-value-size)  + var(--b-slider-thumb-focus-outline-width) * 2 + var(--b-slider-thumb-focus-outline-offset) * 2);
  --bi-slider-value-percent: calc(((var(--bi-slider-value)  - var(--bi-slider-min)) / (var(--bi-slider-max)  - var(--bi-slider-min))) * 100%);
  place-items: center;
  gap: .75em;
  display: grid;
  overflow: visible;
}

.b-slider.b-label-above > .b-label.b-align-start {
  justify-self: start;
}

.b-slider .b-field-inner {
  grid-template-areas: "track";
  width: 100%;
}

.b-slider.b-text:not(.b-show-value) .b-field-inner {
  grid-template-areas: "track"
                       "below";
  gap: .5em;
}

.b-slider input {
  appearance: none;
  opacity: 0;
  cursor: pointer;
  grid-area: track;
  width: 100%;
  height: 100%;
}

.b-slider:not(.b-disabled) .b-field-inner:hover {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
}

.b-slider:not(.b-disabled) .b-field-inner:has(input:active) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}

.b-slider:not(.b-disabled) .b-field-inner:has(input:focus) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}

.b-slider:not(.b-disabled) .b-field-inner:has(input:focus-visible) .b-slider-thumb {
  outline: var(--b-slider-thumb-focus-outline-width) solid var(--b-slider-thumb-focus-outline-color, var(--b-primary-60));
  outline-offset: var(--b-slider-thumb-focus-outline-offset);
}

.b-slider.b-thumb-value {
  --b-slider-thumb-size: var(--b-slider-thumb-value-size);
}

.b-slider.b-thumb-value .b-slider-thumb:after {
  counter-reset: variable var(--bi-slider-value);
  content: counter(variable);
  width: 100%;
  height: 100%;
  color: var(--b-slider-thumb-text-color);
  place-items: center;
  font-size: .7em;
  line-height: 1em;
  display: grid;
}

.b-slider.b-show-value .b-slider-internal-label {
  z-index: 1;
  text-align: center;
  background: var(--b-slider-value-background, var(--b-primary-30));
  border-radius: var(--b-slider-value-border-radius);
  min-width: 2.75em;
  color: var(--b-slider-value-color);
  grid-column: -1;
  padding: .5em;
  font-size: .9em;
  position: relative;
}

.b-slider.b-show-value .b-slider-internal-label:before {
  content: "";
  aspect-ratio: 1;
  background: inherit;
  inset-inline-start: 0;
  width: .75em;
  rotate: 45deg;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  position: absolute;
  top: 50%;
}

.b-slider.b-widget.b-disabled {
  --b-slider-color: var(--b-slider-disabled-color);
  --b-slider-thumb-color: var(--b-slider-disabled-thumb-color);
  --b-slider-track-color: var(--b-slider-disabled-track-color);
  --b-slider-value-background: var(--b-slider-disabled-thumb-color);
}

.b-grid-cell .b-slider {
  width: 100%;
}

.b-slider-track {
  pointer-events: none;
  background: var(--b-slider-track-color);
  border: var(--b-slider-track-border);
  height: var(--b-slider-track-height);
  width: calc(100% - var(--b-slider-thumb-size));
  border-radius: .25em;
  grid-area: track;
  align-items: center;
  transition: background .2s;
  display: flex;
  position: relative;
}

.b-slider-progress {
  border-radius: inherit;
  pointer-events: none;
  height: 100%;
  width: var(--bi-slider-value-percent);
  background: var(--b-slider-color, var(--b-primary));
  transition: background .2s;
}

.b-slider-thumb {
  aspect-ratio: 1;
  translate: calc(-50% * var(--b-rtl-negate));
  z-index: 1;
  outline-offset: 0;
  color: var(--b-slider-thumb-color, var(--b-slider-color, var(--b-primary)));
  width: var(--b-slider-thumb-size);
  box-shadow: var(--b-slider-thumb-elevation);
  border: var(--b-slider-thumb-border);
  background-color: currentColor;
  border-radius: 50%;
  outline: 0 solid #0000;
  flex-shrink: 0;
  transition: color .2s, scale .2s, outline .2s, outline-offset .2s;
  position: absolute;
  inset-inline-start: var(--bi-slider-value-percent);
}

.b-slider-thumb:before {
  content: var(--b-slider-ring-content);
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  transform-origin: center;
  pointer-events: none;
  aspect-ratio: 1;
  opacity: var(--bi-checkbox-ring-opacity);
  width: calc(var(--b-slider-thumb-size) * 1.75);
  background: currentColor;
  border-radius: 50%;
  transition: opacity .5s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.b-slider-steps {
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.b-slider-step {
  background-color: var(--b-slider-step-color, var(--b-slider-color, var(--b-primary)));
  border-radius: var(--b-slider-step-border-radius);
  width: var(--b-slider-step-width, var(--b-slider-step-size));
  height: var(--b-slider-step-height, var(--b-slider-step-size));
  opacity: var(--b-slider-step-opacity);
}

.b-slider-step.b-less {
  --b-slider-color: var(--b-slider-step-lesser-color);
}

.b-slider-internal-label {
  color: var(--b-label-color);
}

:root, :host {
  --b-splitter-size: 4px;
  --b-splitter-hover-size: 8px;
  --b-splitter-touch-hover-size: 16px;
  --b-splitter-disabled-size: 1px;
  --b-splitter-color: var(--b-border-6);
  --b-splitter-hover-color: var(--b-border-7);
  --b-splitter-disabled-color: var(--b-border-7);
  --b-splitter-button-size: 1em;
  --b-splitter-touch-button-size: 1.3em;
  --b-splitter-button-icon-color: var(--b-border-4);
  --b-splitter-button-hover-color: var(--b-border-2);
  --bi-splitter-overflow: visible;
  --bi-splitter-inner-top: 0;
  --bi-splitter-inner-left: 0;
  --bi-splitter-inner-translate: 0 0;
}

.b-splitter {
  touch-action: none;
  background: var(--b-splitter-color);
  flex: 0 0 var(--b-splitter-size);
  overflow: var(--bi-splitter-overflow);
  --bi-splitter-inner-size: var(--b-splitter-size);
  position: relative;
  flex-grow: 0 !important;
}

.b-splitter.b-disabled {
  pointer-events: none;
  --b-splitter-size: var(--b-splitter-disabled-size);
  --b-splitter-color: var(--b-splitter-disabled-color);
  --bi-splitter-overflow: clip;
}

:is(.b-splitter.b-hover, .b-splitter.b-moving, .b-splitter.b-show-buttons) .b-splitter-buttons {
  display: flex;
}

.b-splitter:after {
  content: "";
  z-index: 10000;
  background: var(--b-splitter-color);
  top: var(--bi-splitter-inner-top);
  left: var(--bi-splitter-inner-left);
  width: var(--bi-splitter-inner-width);
  height: var(--bi-splitter-inner-height);
  translate: var(--bi-splitter-inner-translate);
  transition: all .2s;
  position: absolute;
}

.b-splitter.b-horizontal {
  min-height: var(--b-splitter-size);
}

.b-splitter.b-horizontal:after {
  --bi-splitter-inner-height: var(--bi-splitter-inner-size);
  --bi-splitter-inner-width: 100%;
}

.b-splitter.b-horizontal:not(.b-drag-disabled) {
  cursor: ns-resize;
}

.b-splitter.b-horizontal:not(.b-drag-disabled):hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-moving {
  --b-splitter-color: var(--b-splitter-hover-color);
}

:is(.b-splitter.b-horizontal:not(.b-drag-disabled):hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-hover, .b-splitter.b-horizontal:not(.b-drag-disabled).b-moving):after {
  --bi-splitter-inner-top: 50%;
  --bi-splitter-inner-translate: 0 -50%;
  --bi-splitter-inner-size: var(--b-splitter-hover-size);
}

.b-splitter.b-horizontal .b-splitter-buttons {
  rotate: 90deg;
}

.b-splitter.b-vertical {
  min-width: var(--b-splitter-size);
}

.b-splitter.b-vertical:after {
  --bi-splitter-inner-height: 100%;
  --bi-splitter-inner-width: var(--bi-splitter-inner-size);
}

.b-splitter.b-vertical:not(.b-drag-disabled) {
  cursor: ew-resize;
}

.b-splitter.b-vertical:not(.b-drag-disabled):hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-moving {
  --b-splitter-color: var(--b-splitter-hover-color);
}

:is(.b-splitter.b-vertical:not(.b-drag-disabled):hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-hover, .b-splitter.b-vertical:not(.b-drag-disabled).b-moving):after {
  --bi-splitter-inner-left: 50%;
  --bi-splitter-inner-translate: -50% 0;
  --bi-splitter-inner-size: var(--b-splitter-hover-size);
}

.b-splitter:last-child, .b-splitter:first-child {
  visibility: hidden;
  flex: 0;
  min-width: 0;
}

@media (pointer: coarse) {
  .b-splitter {
    --b-splitter-hover-size: var(--b-splitter-touch-hover-size);
  }
}

.b-splitter.b-rtl .b-splitter-buttons {
  translate: 50% -50%;
}

.b-splitter.b-rtl.b-vertical .b-splitter-buttons {
  scale: -1 1;
}

.b-splitter.b-rtl .b-splitter-button-expand {
  justify-content: flex-end;
  translate: 100%;
}

.b-splitter.b-rtl .b-splitter-button-collapse {
  justify-content: flex-start;
  translate: -100%;
}

.b-splitter-buttons {
  z-index: 10001;
  width: 2.4em;
  height: 2.4em;
  font-size: var(--b-splitter-button-size);
  transition: top .2s ease-in-out, inset-inline-start .2s ease-in-out;
  display: none;
  position: absolute;
  inset-inline-start: 50%;
  translate: -50% -50%;
}

.b-splitter-buttons:has(.b-disabled) {
  pointer-events: none;
}

.b-splitter-button-collapse, .b-splitter-button-expand {
  cursor: pointer;
  background: var(--b-splitter-color);
  flex: 1;
  align-items: center;
  padding-top: .1em;
  display: flex;
  position: relative;
}

:is(.b-splitter-button-collapse, .b-splitter-button-expand):hover .b-splitter-button-icon {
  color: var(--b-splitter-button-hover-color);
}

:is(.b-splitter-button-collapse, .b-splitter-button-expand).b-disabled {
  cursor: default;
  pointer-events: none;
  visibility: hidden !important;
}

:is(.b-splitter-button-collapse, .b-splitter-button-expand):not(.b-disabled) {
  pointer-events: auto;
}

.b-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
}

.b-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
}

.b-splitter-button-icon {
  cursor: pointer;
  height: 1.5em;
  color: var(--b-splitter-button-icon-color);
  align-content: center;
  font-size: 1.3em;
  font-weight: 400;
}

.b-splitter-button-touch-area {
  width: 2em;
  height: 3em;
  position: absolute;
  top: -.3em;
}

.b-splitter-button-collapse .b-splitter-button-touch-area {
  inset-inline-start: -.9em;
}

.b-splitter-button-expand .b-splitter-button-touch-area {
  inset-inline-end: -.9em;
}

:root, :host {
  --b-toast-padding: var(--b-widget-padding);
  --b-toast-border-radius: var(--b-widget-border-radius);
  --b-toast-transition-duration: .25s;
  --b-toast-progress-height: .25em;
  --b-toast-color: var(--b-widget-color);
}

.b-internal {
  --bi-toast-side: null;
}

.b-float-root > .b-toast {
  top: auto;
  cursor: pointer;
  max-width: 60%;
  max-height: 60%;
  transition: var(--bi-toast-side) var(--b-toast-transition-duration) ease-in, translate var(--b-toast-transition-duration) ease-in, background .2s, color .2s;
  background: var(--b-toast-background, var(--b-primary-98));
  color: var(--b-toast-color);
  padding: var(--b-toast-padding);
  border-radius: var(--b-toast-border-radius);
  line-height: 1.4em;
  display: block;
  inset-inline: auto 2em;
  overflow: clip auto;
}

.b-float-root > .b-toast:is(.b-side-top-start, .b-side-top-end) {
  top: 0;
}

.b-float-root > .b-toast:is(.b-side-top-start, .b-side-bottom-start) {
  inset-inline: 2em auto;
}

.b-float-root > .b-toast.b-toast-hide.b-side-bottom-end, .b-float-root > .b-toast.b-toast-hide.b-side-bottom-start {
  bottom: 0 !important;
  translate: 0 100% !important;
}

.b-float-root > .b-toast.b-toast-hide.b-side-top-end, .b-float-root > .b-toast.b-toast-hide.b-side-top-start {
  top: 0 !important;
  translate: 0 -100% !important;
}

.b-float-root > .b-toast.b-icon:before {
  margin-inline-end: .5em;
}

.b-toast-progress {
  top: 0;
  height: var(--b-toast-progress-height);
  background: var(--b-toast-progress-color, var(--b-primary-50));
  animation-name: b-toast-progress;
  animation-timing-function: linear;
  position: absolute;
  inset-inline-start: 0;
}

@keyframes b-toast-progress {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.b-tool {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1;
  width: 1.25em;
  color: var(--b-panel-header-color);
  background-color: #0000;
  border: none;
  border-radius: 50%;
  place-content: center;
  padding: 0;
  transition: color .2s;
  display: grid;
}

.b-tool:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
}

.b-tool.b-disabled {
  opacity: .4;
}

:root, :host {
  --b-avatar-size: 2.5em;
  --b-avatar-initials-text-transform: uppercase;
  --b-avatar-initials-font-weight: 600;
  --b-avatar-border-radius: 50%;
  --b-avatar-aspect-ratio: 1 / 1;
  --b-avatar-icon-font-size: 1.1em;
  --b-avatar-border: null;
}

.b-colorize {
  --b-avatar-background: var(--b-primary-85);
  --b-avatar-icon-color: var(--b-primary-30);
  --b-avatar-initials-color: var(--b-primary-30);
}

.b-resource-avatar {
  touch-action: pan-x pan-y;
  width: var(--b-avatar-size);
  height: var(--b-avatar-size);
  background: var(--b-avatar-background);
  border-radius: var(--b-avatar-border-radius);
  border: var(--b-avatar-border);
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.b-resource-avatar.b-resource-icon:before {
  color: var(--b-avatar-icon-color);
  font-size: var(--b-avatar-icon-font-size);
}

i.b-resource-avatar {
  display: grid;
}

.b-resource-initials {
  color: var(--b-avatar-initials-color);
  font-weight: var(--b-avatar-initials-font-weight);
  text-transform: var(--b-avatar-initials-text-transform);
}

.b-ripple-clip {
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: clip;
}

.b-ripple-clip:before {
  content: "";
  aspect-ratio: 1;
  opacity: 0;
  width: 0;
  background: var(--b-ripple-background);
  mix-blend-mode: var(--b-ripple-blend-mode);
  border-radius: 50%;
  transition: width .2s linear, opacity .1s linear;
  position: absolute;
  inset-block-start: var(--b-click-y);
  inset-inline-start: var(--b-click-x);
  translate: -50% -50%;
}

.b-ripple-clip.b-animate:before {
  opacity: 1;
  width: 200%;
}

:root, :host {
  --b-grid-column-transition-duration: var(--b-default-transition-duration);
  --b-grid-row-transition-duration: var(--b-default-transition-duration);
  --b-grid-empty-padding: var(--b-widget-padding);
  --b-grid-empty-color: var(--b-text-2);
  --b-grid-panel-header-padding: var(--b-panel-header-padding);
  --b-grid-panel-header-border-bottom: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
  --b-grid-background: var(--b-neutral-100);
  --b-grid-cell-border-width: 1px;
  --b-grid-cell-focused-outline-width: var(--b-widget-focus-outline-width);
  --b-grid-cell-focused-outline-color: var(--b-widget-focus-outline-color);
  --b-grid-cell-gap: .5em;
  --b-grid-cell-padding-block: 0;
  --b-grid-cell-padding-inline: var(--b-widget-padding);
  --b-grid-cell-font-size: 1em;
  --b-grid-cell-font-weight: var(--b-widget-font-weight);
  --b-grid-row-height: 45px;
  --b-grid-row-border-width: 1px;
  --b-grid-row-zindex: 1;
  --b-grid-splitter-width: 1px;
  --b-grid-cell-border-color: var(--b-border-7);
  --b-grid-cell-background: var(--b-neutral-100);
  --b-grid-cell-color: var(--b-widget-color);
  --b-grid-cell-selected-color: var(--b-widget-color);
  --b-grid-row-border-color: var(--b-grid-cell-border-color);
  --b-grid-cell-dirty-color: var(--b-color-red);
  --b-grid-splitter-narrow-color: var(--b-neutral-80);
  --bi-grid-cell-overflow: clip;
  --b-grid-row-placeholder-color: var(--b-neutral-95);
  --b-grid-cell-highlight-color: color-mix(in srgb, var(--b-color-yellow) 20%, var(--b-neutral-100));
}

.b-grid-base {
  --b-panel-bottom-toolbar-padding: var(--b-grid-header-padding);
  --b-panel-header-border-bottom: var(--b-grid-panel-header-border-bottom);
  --b-panel-header-padding: var(--b-grid-panel-header-padding);
  --b-panel-background: var(--b-grid-background);
  --b-panel-top-toolbar-margin-inline: 0;
  --b-panel-top-toolbar-border-radius: 0;
  min-width: 0;
  overflow: clip;
}

.b-grid-base:where(.b-outer:not(.b-auto-height)) {
  height: 100%;
}

.b-grid-base.b-auto-height {
  flex: none;
  height: auto;
}

.b-grid-base.b-auto-height .b-grid-vertical-scroller {
  position: relative;
}

.b-grid-base.b-auto-height.b-grid-empty .b-grid-body-container {
  flex: 1;
  height: unset !important;
}

.b-grid-base .b-empty-text {
  display: none;
}

.b-grid-base.b-grid-empty .b-empty-text {
  color: var(--b-grid-empty-color);
  padding: var(--b-grid-empty-padding);
  z-index: 10;
  display: block;
  position: relative;
}

.b-grid-base .b-editing {
  contain: unset;
  z-index: 2;
  overflow: visible;
}

.b-grid-base.b-splicing-rows-toggle .b-grid-row:is(.b-adding, .b-removing, .b-repositioning), .b-grid-base.b-splicing-rows-remove .b-grid-row:is(.b-removing, .b-repositioning), .b-grid-base.b-splicing-rows-insert .b-grid-row:is(.b-adding, .b-repositioning) {
  transition: top var(--b-grid-row-transition-duration), left var(--b-grid-row-transition-duration);
  z-index: calc(var(--b-grid-row-zindex)  - 1);
  pointer-events: none;
}

.b-grid-base.b-collapsing-column .b-collapsing, .b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) {
  padding: 0;
  min-width: 0 !important;
  overflow: clip !important;
}

.b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) {
  width: 0 !important;
}

.b-grid-base .b-expanding-start .b-grid-header:not(:first-child) {
  padding: 0;
  width: 0 !important;
  min-width: 0 !important;
}

.b-grid-base.b-expanding-column .b-expanding .b-grid-header:not(:first-child) {
  min-width: 0 !important;
}

:is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-header {
  transition-property: min-width, max-width, width, flex, padding;
  transition-duration: var(--b-grid-column-transition-duration);
}

:is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-cell {
  transition-property: padding;
  transition-duration: var(--b-grid-column-transition-duration);
}

.b-grid-base .b-grid-header:is(.b-showing, .b-hiding) {
  min-width: 0 !important;
  padding: 0 !important;
}

.b-grid-base .b-grid-header:is(.b-showing, .b-hiding).b-flex {
  flex: 0 !important;
}

.b-grid-base .b-toggling-all-expand.b-grid-header {
  width: 0 !important;
}

.b-fill-last-column .b-grid-footers:not(.b-has-flex, .b-horizontal-overflow) .b-grid-footer:last-child, .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent, .b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-leaf:not(.b-drop-placeholder) {
  border-inline-end-color: #0000;
  flex-grow: 1;
}

.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent > .b-grid-header-text {
  border-inline-end-color: #0000;
}

.b-fill-last-column .b-grid-cell:last-child, .b-fill-last-column .b-row-expander-row-expanded .b-grid-cell:nth-last-child(2) {
  --b-grid-cell-border-width: 0;
}

.b-grid-panel-body {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container {
  contain: strict;
  flex: 1 1 0;
}

.b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container > .b-grid-vertical-scroller {
  min-height: 100%;
}

.b-grid-base.b-enable-sticky .b-sticky-cell, .b-grid-base.b-enable-sticky .b-grid-sub-grid, .b-grid-base.b-enable-sticky .b-grid-vertical-scroller, .b-grid-base.b-enable-sticky .b-grid-row {
  overflow: visible !important;
}

.b-grid-base > .b-panel-body-wrap {
  --b-toolbar-background: var(--b-grid-toolbar-background);
}

.b-grid-base > .b-panel-body-wrap > .b-top-toolbar {
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}

.b-grid-base:not(.b-auto-height) > .b-panel-body-wrap > .b-bottom-toolbar {
  border-top: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}

.b-grid-body-container {
  position: relative;
}

.b-grid-vertical-scroller {
  display: flex;
  overflow: clip;
}

.b-grid-base .fa {
  font-family: inherit;
}

.b-grid-base .fa:before {
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}

.b-no-transitions .b-grid-row {
  transition: none !important;
}

.b-grid-base.b-highlighting-fade .b-grid-cell:not(.b-highlighted):before {
  content: "";
  opacity: .8;
  pointer-events: none;
  background-color: var(--b-grid-cell-background, var(--b-neutral-100));
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

.b-grid-base:not(.b-highlighting-fade) .b-grid-cell.b-highlighted {
  background-color: var(--b-grid-cell-highlight-color);
  transition: background-color .4s;
}

:root, :host {
  --b-group-bar-separator-icon: "";
  --b-group-bar-separator-color: var(--b-neutral-50);
}

.b-group-bar {
  --b-chip-view-chip-padding: .5em 1em;
  --b-chip-view-chip-gap: 1em;
  --b-chip-view-chip-border-radius: var(--b-button-border-radius);
  flex-wrap: nowrap;
  flex: 1;
  align-self: center;
  gap: 2.2em;
  min-height: 2em;
  display: flex;
}

.b-group-bar .b-chip {
  position: relative;
  overflow: visible;
}

.b-group-bar .b-chip:not(:last-child):after {
  color: var(--b-group-bar-separator-color);
  content: var(--b-group-bar-separator-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  position: absolute;
  inset-inline-end: -1.5em;
}

.b-rtl :is(.b-group-bar .b-chip):not(:last-child):after {
  scale: -1 0;
}

.b-group-bar .b-drop-target {
  opacity: .5;
}

.b-group-bar .b-drop-target .b-chip-content {
  visibility: hidden;
}

.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy {
  border-radius: var(--b-button-border-radius);
  padding-inline: 1em;
  min-width: 10em !important;
}

.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text {
  padding: .5em 0;
}

.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy, .b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text-content {
  width: auto !important;
}

.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-drop-target {
  display: none;
}

.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-chip:after {
  content: none;
}

.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-chip {
  display: none;
}

.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-drop-target {
  display: flex;
}

.b-sparkline-cell .b-chart {
  background: none;
}

:root, :host {
  --b-quick-find-font-weight: var(--b-grid-cell-font-weight);
  --b-quick-find-badge-offset: .4em;
  --b-quick-find-badge-font-size: .7em;
  --b-quick-find-primary: var(--b-secondary);
  --b-quick-find-badge-color: var(--b-grid-header-color);
}

:is(.b-grid-row.b-hover, .b-grid-row.b-selected) .b-colorize {
  --b-quick-find-background: var(--b-quick-find-row-hover-background, var(--b-primary-95));
}

.b-cell-editor {
  --b-widget-floating-box-shadow: none;
}

.b-cell-editor .b-field {
  background: var(--b-grid-cell-applied-background);
  --b-text-field-input-padding: var(--b-grid-cell-padding-block) var(--b-grid-cell-padding-inline);
  border-radius: 0;
}

.b-grid-cell.b-editing {
  color: #0000;
}

.b-grid-cell.b-editing:not(.b-tree-cell) > :not(.b-editor), .b-grid-cell.b-editing.b-tree-cell > .b-tree-cell-value {
  visibility: hidden;
}

.b-grid-cell.b-editing, .b-grid-cell.b-after-edit {
  --bi-grid-cell-selected-color-transition-duration: 0s;
}

.b-chart-designer-popup > .b-popup-body-wrap > .b-popup-content {
  padding-top: 0;
}

.b-chart-cell .b-chart {
  background: none;
}

:root, :host {
  --b-column-drag-toolbar-border-radius: var(--b-popup-border-radius);
  --b-column-drag-toolbar-opacity: .6;
  --b-column-drag-toolbar-hover-opacity: .9;
  --b-column-drag-toolbar-button-border-width: 0;
  --b-column-drag-toolbar-box-shadow: var(--b-widget-floating-box-shadow);
  --b-column-drag-toolbar-disabled-icon-color: var(--b-neutral-85);
  --b-column-drag-toolbar-button-box-shadow: none;
  --b-column-drag-toolbar-button-hover-box-shadow: none;
  --b-column-drag-toolbar-button-color: var(--b-neutral-20);
  --b-column-drag-toolbar-button-background: transparent;
  --b-column-drag-toolbar-title-color: var(--b-neutral-20);
  --b-column-drag-toolbar-background: var(--b-neutral-100);
}

.b-column-drag-toolbar {
  z-index: 100;
  border: var(--b-popup-border);
  border-radius: var(--b-column-drag-toolbar-border-radius);
  background: var(--b-column-drag-toolbar-background);
  box-shadow: var(--b-column-drag-toolbar-box-shadow);
  opacity: var(--b-column-drag-toolbar-opacity);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 1em 1em .5em;
  font-size: .8em;
  transition: opacity .2s, top .2s;
  animation-name: b-anim-show-column-drag-toolbar;
  animation-duration: .2s;
  display: flex;
  position: absolute;
  top: calc(100% - 3em);
  left: 50%;
  translate: -50%;
}

.b-column-drag-toolbar.b-closer {
  top: 50%;
  translate: -50% -50%;
}

.b-column-drag-toolbar.b-hover {
  --b-column-drag-toolbar-opacity: var(--b-column-drag-toolbar-hover-opacity);
}

.b-column-drag-toolbar.b-remove {
  --b-column-drag-toolbar-opacity: 0;
  animation-name: b-anim-hide-column-drag-toolbar;
  animation-duration: .2s;
  top: 100%;
}

.b-column-drag-toolbar.b-remove.b-closer {
  animation-name: b-anim-hide-column-drag-toolbar-closer;
}

.b-column-drag-toolbar > .b-title {
  text-align: center;
  color: var(--b-column-drag-toolbar-title-color);
  flex-basis: 100%;
  margin-bottom: 1em;
}

.b-column-drag-toolbar > .b-title:before {
  content: "Drag header downwards";
}

.b-column-drag-toolbar.b-closer > .b-title:before {
  content: "Drop header on a button";
}

.b-column-drag-toolbar .b-group {
  flex-direction: column;
  align-items: center;
  margin-inline-end: 1.5em;
  display: inline-flex;
}

.b-column-drag-toolbar .b-group:last-child {
  margin-inline-end: 0;
}

.b-column-drag-toolbar .b-group .b-title {
  color: var(--b-column-drag-toolbar-title-color);
  margin-block: .5em;
}

.b-column-drag-toolbar .b-buttons {
  flex-direction: row;
  display: inline-flex;
}

.b-column-drag-toolbar .b-target-button {
  width: 7.5em;
  color: var(--b-column-drag-toolbar-button-color);
  border: var(--b-column-drag-toolbar-button-border-width) solid var(--b-column-drag-toolbar-button-border-color, var(--b-primary-40));
  border-radius: var(--b-column-drag-toolbar-border-radius);
  background: var(--b-column-drag-toolbar-button-background);
  box-shadow: var(--b-column-drag-toolbar-button-box-shadow);
  flex-direction: column;
  align-items: center;
  margin-inline-end: .5em;
  padding: 1em 0;
  transition: all .2s;
  display: inline-flex;
}

.b-column-drag-toolbar .b-target-button:last-child {
  margin-inline-end: 0;
}

.b-column-drag-toolbar .b-target-button i {
  pointer-events: none;
  color: var(--b-column-drag-toolbar-icon-color, var(--b-primary-60));
  font-size: 2.5em;
  transition: all .2s;
}

.b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled="true"]) {
  --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-default-hover-icon-color, var(--b-primary-60));
  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-default-hover-color, var(--b-primary-60));
  --b-column-drag-toolbar-button-background: var(--b-column-drag-toolbar-default-hover-background, var(--b-primary-95));
  --b-column-drag-toolbar-button-box-shadow: var(--b-column-drag-toolbar-button-hover-box-shadow);
}

.b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled="true"]) i {
  scale: 1.1;
}

.b-column-drag-toolbar .b-target-button.b-activate i {
  rotate: 180deg;
  scale: 1.1;
}

.b-column-drag-toolbar .b-target-button[data-ref^="group"] {
  --b-primary: var(--b-secondary);
}

.b-column-drag-toolbar .b-target-button[data-disabled="true"] {
  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-disabled-icon-color);
  --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-disabled-icon-color);
}

@keyframes b-anim-show-column-drag-toolbar {
  from {
    opacity: 0;
    top: 100%;
  }

  to {
    opacity: .4;
    top: calc(100% - 3em);
  }
}

@keyframes b-anim-hide-column-drag-toolbar {
  from {
    opacity: .4;
    top: calc(100% - 3em);
  }

  to {
    opacity: 0;
    top: 100%;
  }
}

@keyframes b-anim-hide-column-drag-toolbar-closer {
  from {
    opacity: .4;
    top: 50%;
  }

  to {
    opacity: 0;
    top: 100%;
  }
}

.b-column-rename-editor {
  --b-editor-background: var(--b-grid-header-background);
  --b-text-field-font-weight: var(--b-grid-header-font-weight);
}

:root, :host {
  --b-column-reorder-invalid-color: var(--b-color-red);
  --b-column-reorder-stretched-background: var(--b-primary-95);
}

.b-grid-header.b-drag-proxy {
  line-height: normal;
  font-weight: var(--b-grid-header-font-weight);
  background-color: var(--b-grid-header-background);
  outline: 1px solid var(--b-grid-header-border-color);
  border-inline-end: none;
  transition: background-color .3s;
}

.b-grid-header.b-drag-proxy.b-grid-header-parent {
  justify-content: stretch;
}

.b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text, .b-grid-header.b-drag-proxy .b-grid-header:last-child {
  border-inline-end: none;
}

.b-grid-header.b-drop-placeholder {
  opacity: .3;
}

.b-grid-header.b-drag-invalid {
  --b-grid-header-color: var(--b-column-reorder-invalid-color);
  outline: 1px solid var(--b-column-reorder-invalid-color);
}

.b-column-reorder-stretched {
  --b-grid-header-background: var(--b-column-reorder-stretched-background);
  outline: none;
}

.b-column-reorder-stretched > * {
  display: none !important;
}

:root, :host {
  --b-column-resize-handle-width: 1em;
  --b-column-resize-touch-handle-width: 1.5em;
  --b-column-resize-header-resizing-background: var(--b-grid-header-hover-background);
  --b-column-resize-touch-resizing-icon: "";
}

.b-column-resize .b-grid-header-parent, .b-column-resize .b-grid-header-resizable:not(.b-last-leaf) {
  overflow: visible;
}

.b-column-resize .b-grid-header-resizable .b-grid-header-resize-handle {
  z-index: 3;
  cursor: col-resize;
  width: var(--b-column-resize-handle-width);
  background: none;
  display: block;
  position: absolute;
  inset-block: 0;
  inset-inline-end: calc(-1 * var(--b-column-resize-handle-width) / 2);
}

.b-column-resize.b-touch {
  --b-column-resize-handle-width: var(--b-column-resize-touch-handle-width);
}

.b-column-resize.b-touch .b-grid-header.b-resizing {
  z-index: 100;
  overflow: visible;
}

.b-column-resize.b-touch .b-grid-header.b-resizing:before {
  top: 50%;
  translate: calc(50% * var(--b-rtl-negate)) -50%;
  z-index: 1;
  background: var(--b-neutral-90);
  content: var(--b-column-resize-touch-resizing-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  border-radius: 50%;
  padding: 1em;
  position: absolute;
  inset-inline-end: 0;
}

.b-grid-header.b-resizing {
  --b-grid-header-background: var(--b-column-resize-header-resizing-background);
}

html.b-export-root, .b-export-root body {
  margin: 0;
}

html.b-print-root, .b-print-root body {
  height: auto;
  overflow: unset;
  margin: 0;
  display: block;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

html.b-export-root {
  overflow: auto;
}

.b-export-root body, .b-print-root body {
  position: relative;
}

body:not(.b-single-page-unscaled) .b-page-wrap {
  contain: strict;
}

.b-export .b-time-ranges-canvas {
  contain: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.b-export .b-grid-base {
  min-height: 0 !important;
}

.b-export .b-export-content {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.b-export .b-export-body {
  contain: strict;
  flex: 1;
}

.b-export .b-grid-header-container {
  border-inline-end: none !important;
  margin-inline-end: 0 !important;
}

.b-export .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}

.b-export .b-grid-footer-container {
  padding-inline-end: 0 !important;
}

.b-export .b-virtual-scrollers, .b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: none;
}

.b-export.b-multi-page .b-export-content {
  width: 100%;
  height: 100%;
}

.b-export.b-multi-page .b-export-body {
  overflow: hidden;
}

.b-export.b-single-page-unscaled {
  display: flex;
}

.b-export.b-single-page-unscaled .b-export-body {
  contain: content;
}

.b-export-header, .b-export-header * {
  box-sizing: border-box;
}

@media print {
  .b-page-wrap {
    overflow: hidden;
  }

  .b-grid-body-container {
    contain: paint !important;
  }
}

.b-export-dialog .b-bottom-toolbar .b-button {
  width: 7.5em;
}

.b-float-root .b-export-loading-toast {
  align-items: center;
  gap: .5em;
  display: flex;
}

html.b-print-root, .b-print-root body {
  height: auto;
  overflow: unset;
  margin: 0;
  display: block;
}

.b-print-root .b-float-root, .b-print-root .b-scrollbar-measure-element, .b-print-root .b-grid-header-resize-handle {
  display: none !important;
}

.b-print:not(.b-safari) .b-page-wrap {
  page-break-after: always;
}

:root, :host {
  --b-fill-handle-handle-size: .8em;
}

.b-fill-handle-handle {
  cursor: crosshair;
  z-index: 200;
  -webkit-user-select: none;
  user-select: none;
  background-clip: content-box;
  background: var(--b-grid-cell-focused-outline-color);
  border: 1px solid var(--b-grid-cell-background);
  width: var(--b-fill-handle-handle-size);
  height: var(--b-fill-handle-handle-size);
  position: absolute;
  translate: -50% -50%;
}

.b-fill-handle-handle-right-edge {
  border-right: 0;
  width: .5em;
  translate: -100% -50%;
}

.b-fill-selection-border {
  pointer-events: none;
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
  border: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  border-radius: .1em;
  position: absolute;
}

.b-indicate-crop {
  opacity: .4;
}

.b-rtl .b-fill-handle-handle {
  translate: 50% -50%;
}

.b-rtl .b-fill-handle-handle.b-fill-handle-handle-left-edge {
  border-right: 0;
  width: .5em;
  translate: 100% -50%;
}

:root, :host {
  --b-grid-filter-icon: "";
  --b-grid-header-filtered-font-weight: var(--b-grid-header-font-weight);
  --b-grid-header-filtered-color: var(--b-grid-header-color);
  --bi-grid-filter-icon-opacity: 0;
  --bi-grid-filter-icon-active-opacity: 1;
  --bi-grid-filter-icon-header-hover-opacity: .5;
  --bi-grid-filter-icon-hover-opacity: .8;
  --bi-grid-filter-icon-size: 0;
  --bi-grid-filter-icon-margin-inline-start: 0;
}

.b-filter-icon {
  cursor: pointer;
  font-size: var(--bi-grid-filter-icon-size);
  opacity: var(--bi-grid-filter-icon-opacity);
  transition-property: opacity, font-size;
  transition-duration: var(--b-grid-header-icon-transition-duration);
  margin-inline-start: var(--bi-grid-filter-icon-margin-inline-start);
}

.b-filter-icon:before {
  content: var(--b-grid-filter-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}

.b-filter-icon:hover {
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-hover-opacity);
}

.b-grid-header.b-filter {
  --b-grid-header-font-weight: var(--b-grid-header-filtered-font-weight);
  --b-grid-header-color: var(--b-grid-header-filtered-color);
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-active-opacity);
}

.b-grid-header.b-filter, .b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:hover {
  --bi-grid-filter-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-filter-icon-margin-inline-start: var(--b-grid-header-gap);
}

.b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:not(.b-filter):hover {
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-header-hover-opacity);
}

.b-grid-base:not(.b-filter, .b-multifilter) .b-filter-icon {
  pointer-events: none;
  --bi-grid-filter-icon-opacity: .2;
}

.b-filter-popup-legacy-mode .b-field {
  width: 16em;
}

.b-filter-popup:not(.b-filter-popup-legacy-mode) .b-panel-content {
  padding-inline: 0;
}

.b-filter-popup .b-field-filter-picker-group-row {
  padding-inline: var(--b-panel-padding);
}

.b-filter-popup .b-field-filter-picker-group {
  width: 36em;
}

.b-filter-popup .b-field-filter-picker-operator {
  grid-column: 1;
}

.b-filter-popup .b-field-filter-picker-values {
  grid-column: 2;
}

.b-filter-popup .b-field-filter-picker-values-multiple {
  grid-column: 1;
}

.b-filter-popup .b-field-filter-picker-property {
  display: none;
}

.b-filter-bar-field {
  margin: 0 0 var(--b-grid-header-padding) 0;
  width: 100%;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled {
  flex-direction: row;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text {
  order: 1;
  min-height: 3.5em;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-sort-icon {
  margin-inline-start: 0;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text-content {
  display: none;
}

:is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) .b-field {
  order: 100000;
}

:is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) input {
  text-align: end;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-center input {
  text-align: center;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end .b-field {
  order: 100000;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end input {
  text-align: end;
}

.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input::placeholder {
  color: var(--b-grid-header-hover-color);
}

.b-filter-bar-compact .b-filter-bar-field {
  --b-text-field-input-padding: 0;
  --b-text-field-border-width: 0;
  --b-text-field-border-radius: 0;
  --b-combo-chip-view-padding-top: 0;
  --b-combo-chip-view-padding: 0;
  --b-text-field-background: transparent;
  --b-field-trigger-color: var(--b-grid-header-icon-color);
  flex: 1;
  height: 100%;
  margin: 0;
}

.b-filter-bar-compact .b-filter-bar-field input::placeholder {
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  text-transform: var(--b-grid-header-text-transform);
}

.b-filter-bar-compact .b-filter-bar-field > .b-field-inner {
  gap: .5em;
}

.b-filter-bar-compact .b-filter-bar-field > .b-field-inner:before {
  transition: none;
}

.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref="expand"], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref="clear"], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref="spin"], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref="back"], .b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref="forward"] {
  display: none;
}

.b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove, .b-filter-bar-compact .b-filter-bar-field:focus-within .b-field-trigger:not(.b-step-trigger, .b-icon-remove, .b-spintrigger) {
  display: flex;
}

.b-filter-bar-compact .b-filter-bar-field:not(.b-empty) input::placeholder {
  color: #0000;
}

.b-filter-bar-compact.b-dragging .b-filter-bar-field {
  display: none;
}

:root, :host {
  --b-group-header-font-weight: 500;
  --b-group-header-border-width: var(--b-grid-row-border-width);
  --b-group-header-zindex: 5;
  --b-group-header-collapsing-zindex: 7;
  --b-group-collapse-icon: "";
  --b-group-header-icon: "";
  --b-group-header-background: var(--b-neutral-100);
  --b-group-header-color: var(--b-neutral-20);
  --b-group-header-icon-color: var(--b-neutral-20);
  --b-group-header-border-color: var(--b-grid-row-border-color);
  --b-group-header-stripe-background: var(--b-neutral-97);
  --b-group-count-badge-background: var(--b-neutral-95);
  --b-group-count-badge-color: var(--b-text-2);
}

.b-no-row-lines {
  --b-group-header-border-width: 0;
}

.b-grid-header.b-group .b-sort-icon:after {
  content: var(--b-group-header-icon);
  font-style: normal;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}

.b-group-row {
  --b-grid-cell-background: var(--b-group-header-background);
  --b-grid-row-border-width: var(--b-group-header-border-width);
  --b-grid-row-border-color: var(--b-group-header-border-color);
  --b-grid-row-zindex: var(--b-group-header-zindex);
}

.b-group-row.b-collapsing, .b-group-row.b-expanding {
  --b-grid-row-zindex: var(--b-group-header-collapsing-zindex);
}

.b-group-row .b-grid-cell {
  --b-grid-cell-border-color: transparent;
}

.b-hide-row-hover .b-group-row {
  --b-grid-cell-hover-background: var(--b-group-header-background);
  --b-grid-cell-selected-background: var(--b-group-header-background);
  --b-grid-cell-hover-selected-background: var(--b-group-header-background);
}

.b-stripe .b-group-row {
  --b-grid-row-border-width: var(--b-stripe-border-width);
  --b-group-header-background: var(--b-group-header-stripe-background);
}

.b-hide-row-hover :is(.b-stripe .b-group-row) {
  --b-grid-cell-hover-background: var(--b-group-header-stripe-background);
  --b-grid-cell-selected-background: var(--b-group-header-stripe-background);
  --b-grid-cell-hover-selected-background: var(--b-group-header-stripe-background);
}

.b-grid-cell.b-group-title {
  contain: size layout style;
  z-index: 1;
  text-align: start;
  --b-grid-cell-color: var(--b-group-header-color);
  --b-grid-cell-font-weight: var(--b-group-header-font-weight);
  --bi-grid-cell-overflow: visible;
  justify-content: flex-start;
  gap: var(--b-widget-gap);
}

.b-group-state-icon {
  cursor: pointer;
  width: 1em;
  color: var(--b-group-header-icon-color);
  place-items: center;
  font-style: normal;
  transition: rotate .2s;
  display: grid;
}

.b-group-state-icon:before {
  content: var(--b-group-collapse-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}

.b-grid-group-collapsed .b-group-state-icon {
  rotate: -90deg;
}

.b-group-count {
  background: var(--b-group-count-badge-background);
  width: 2em;
  min-width: 2em;
  height: 2em;
  color: var(--b-group-count-badge-color);
  border-radius: 50%;
  place-items: center;
  font-size: .7em;
  display: grid;
}

:root, :host {
  --b-group-summary-background: var(--b-neutral-99);
}

.b-grid-row.b-group-footer {
  --b-grid-cell-border-color: transparent;
  --b-grid-cell-background: var(--b-group-summary-background);
}

.b-grid-row.b-group-footer td {
  padding: .25em 0;
}

.b-grid-row.b-group-footer .b-grid-summary-label {
  padding-inline-end: 1em;
}

.b-grid-row.b-group-footer .b-grid-summary-value {
  width: 100%;
}

.b-grid-group-collapsed.b-header-summary .b-group-title {
  --bi-grid-cell-overflow: clip;
}

:root, :host {
  --b-locked-rows-separator-width: 1px;
  --b-locked-rows-separator-color: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color));
}

.b-locked-rows {
  z-index: 1;
}

.b-locked-rows [aria-rowcount="1"] .b-virtual-scrollers {
  flex-basis: 0;
}

.b-locked-rows:has(.b-widget-scroller.b-grid-empty) {
  overflow: visible;
}

:is(.b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-body-wrap, .b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-panel-body) {
  overflow: visible;
}

.b-locked-rows:has(.b-grid-row) {
  box-shadow: var(--b-grid-header-box-shadow);
  border-bottom: var(--b-locked-rows-separator-width) solid var(--b-locked-rows-separator-color);
}

.b-locked-rows .b-widget-scroller.b-grid-empty {
  min-height: 0;
}

.b-locked-rows .b-grid-row.b-last {
  --b-grid-row-border-width: 0;
}

.b-merge-cells .b-single-child .b-grid-sub-grid:not(.b-grid-sub-grid-collapsed, .b-time-axis-sub-grid, .b-horizontal-overflow) {
  overflow: clip !important;
}

.b-merge-cells .b-grid-row:not(.b-selected, .b-hover) .b-merged-cell {
  border-bottom: none;
}

.b-merge-cells .b-grid-row:is(.b-selected, .b-hover):has(.b-merged-cell) {
  overflow: visible;
}

.b-merge-cells .b-grid-row:is(.b-selected, .b-hover) .b-merged-cell {
  border-top: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color);
  height: calc(100% + 1px);
  top: -1px;
}

.b-grid-merged-cells {
  contain: strict;
  z-index: 2;
  border-bottom: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color);
  --b-grid-cell-background: transparent;
  --b-grid-row-border-color: transparent;
  --bi-grid-cell-overflow: visible;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.b-merge-cells-passthrough .b-grid-merged-cells {
  pointer-events: none;
}

.b-grid-merged-cells .b-grid-cell {
  contain: none;
  flex: 1;
  position: sticky;
  top: 0;
}

.b-grid-merged-cells.b-selected {
  background: var(--b-grid-cell-selected-background);
}

:root, :host {
  --b-grid-summary-label-font-size: 1em;
  --b-grid-summary-value-font-size: 1em;
}

.b-summary-wrap {
  grid-template-columns: min-content auto;
  align-items: center;
  column-gap: 1em;
  width: 100%;
  display: grid;
}

.b-summary-wrap .b-grid-summary-label {
  font-size: var(--b-grid-summary-label-font-size);
}

.b-summary-wrap .b-grid-summary-value {
  text-overflow: ellipsis;
  font-size: var(--b-grid-summary-value-font-size);
  overflow: clip;
}

.b-summary-wrap .b-grid-summary-value.b-no-label {
  grid-column: span 2;
}

:root, :host {
  --b-quick-find-header-inset: 0;
  --b-quick-find-hit-padding: .2em 0;
  --b-quick-find-header-badge-color: var(--b-grid-header-color);
}

.b-quick-hit-cell {
  background: var(--b-quick-find-background, var(--b-primary-95));
}

.b-quick-hit-text {
  --b-primary: var(--b-quick-find-primary);
  font-weight: var(--b-quick-find-font-weight);
  background: var(--b-quick-find-background, var(--b-primary-95));
  padding: var(--b-quick-find-hit-padding);
  border-radius: 2px;
  line-height: .8;
}

.b-quick-hit-header {
  z-index: 1;
  --b-primary: var(--b-quick-find-primary);
  inset: var(--b-quick-find-header-inset);
  background: var(--b-quick-find-background, var(--b-primary-95));
  place-items: center;
  display: grid;
  position: absolute;
}

.b-quick-hit-cell-badge, .b-quick-hit-header .b-quick-hit-badge {
  line-height: 1;
  font-size: var(--b-quick-find-badge-font-size);
  inset-inline-end: var(--b-quick-find-badge-offset);
  top: var(--b-quick-find-badge-offset);
  position: absolute;
}

.b-quick-hit-header .b-quick-hit-badge {
  color: var(--b-quick-find-header-badge-color);
}

.b-quick-hit-cell-badge {
  color: var(--b-quick-find-badge-color);
}

:root, :host {
  --b-grid-splitter-zindex: 10;
  --b-region-resize-splitter-width: var(--b-splitter-size);
  --b-region-resize-splitter-width-hover: var(--b-splitter-hover-size);
  --b-region-resize-splitter-touch-width-hover: var(--b-splitter-touch-hover-size);
  --b-region-resize-splitter-collapsed-width: var(--b-region-resize-splitter-width);
  --b-region-resize-splitter-color: var(--b-splitter-color);
  --b-region-resize-button-color: var(--b-splitter-button-icon-color);
  --b-region-resize-splitter-hover-color: var(--b-splitter-hover-color);
  --b-region-resize-button-hover-color: var(--b-splitter-button-hover-color);
  --bi-grid-splitter-button-size: 1em;
  --bi-grid-splitter-button-display: flex;
}

.b-grid-base.b-split {
  --b-grid-splitter-color: var(--b-region-resize-splitter-color);
}

.b-grid-base.b-split .b-grid-splitter:not(.b-disabled) {
  --b-grid-splitter-width: var(--b-region-resize-splitter-width);
}

@media (pointer: coarse) {
  .b-grid-base.b-split {
    --b-region-resize-splitter-width-hover: var(--b-region-resize-splitter-touch-width-hover);
  }
}

.b-grid-splitter {
  pointer-events: var(--bi-grid-splitter-pointer-events, none);
  z-index: var(--b-grid-splitter-zindex);
  position: relative;
}

@media (any-pointer: coarse) {
  .b-grid-splitter {
    --bi-grid-splitter-button-size: 1.3em;
  }
}

.b-split .b-grid-splitter {
  --bi-grid-splitter-pointer-events: all;
}

.b-grid-splitter.b-disabled {
  --bi-grid-splitter-pointer-events: none;
}

.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse, .b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  scale: -1;
}

.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  justify-content: flex-end;
}

.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse {
  justify-content: flex-start;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) {
  overflow: visible;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-inner {
  inset-block: 0;
  background: inherit;
  opacity: 0;
  display: var(--bi-grid-splitter-button-display);
  width: var(--b-region-resize-splitter-width-hover);
  flex-direction: column;
  align-items: center;
  transition: opacity .2s;
  position: absolute;
  left: 50%;
  translate: -50%;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed {
  cursor: initial;
  --b-grid-splitter-width: var(--b-region-resize-splitter-collapsed-width);
  --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color);
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-inner {
  opacity: 1;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand {
  visibility: hidden;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-buttons {
  --bi-grid-splitter-buttons-opacity: 1;
  --bi-grid-splitter-buttons-scale: 1;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse {
  visibility: hidden;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-buttons {
  width: 2.4em;
  height: 2.4em;
  opacity: var(--bi-grid-splitter-buttons-opacity, 0);
  translate: 0 -50%;
  scale: var(--bi-grid-splitter-buttons-scale, 0);
  font-size: var(--bi-grid-splitter-button-size);
  transition: scale .1s, opacity .1s;
  display: flex;
  position: absolute;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand {
  cursor: pointer;
  background: var(--b-grid-splitter-color);
  flex: 1;
  align-items: center;
  display: flex;
}

:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand):hover {
  --b-region-resize-button-color: var(--b-region-resize-button-hover-color);
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
  padding-right: .1em;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  padding-left: .1em;
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-icon {
  cursor: pointer;
  height: 1.5em;
  fill: var(--b-region-resize-button-color);
}

.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving {
  --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color);
  --bi-region-resize-splitter-inner-width: var(--b-region-resize-splitter-width-hover);
}

:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving) .b-grid-splitter-inner {
  opacity: 1;
}

:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving):not(.b-partner-splitter-hover) {
  --bi-grid-splitter-buttons-scale: 1;
  --bi-grid-splitter-buttons-opacity: 1;
}

.b-grid-base.b-split:not(.b-grid-splitter-no-drag) .b-grid-splitter:not(.b-disabled, .b-grid-splitter-collapsed) .b-grid-splitter-inner {
  cursor: col-resize;
}

.b-grid-header-scroller.b-collapsed, .b-grid-footer-scroller.b-collapsed, .b-virtual-scroller.b-collapsed {
  width: 0;
  min-width: 0 !important;
}

.b-grid-splitter-button-collapse .b-splitter-button-touch-area {
  left: -.9em;
}

.b-grid-splitter-button-expand .b-splitter-button-touch-area {
  right: -.9em;
}

.b-drag-helper-active .b-grid-base.b-split .b-grid-splitter {
  pointer-events: none !important;
}

.b-hide-splitter-buttons {
  --bi-grid-splitter-button-display: none;
}

.b-row-editor .b-bottom-toolbar .b-toolbar-content {
  justify-content: flex-end;
}

.b-row-editor.b-read-only [data-ref="save"] {
  display: none;
}

.b-row-editor :is(.b-panel-overlay-right, .b-panel-overlay-left) .b-toolbar-content > * {
  flex: 33%;
  max-width: 10em;
}

:root, :host {
  --b-row-expander-border-bottom-width: var(--b-grid-row-border-width);
  --b-row-expander-font-weight: var(--b-grid-cell-font-weight);
  --b-row-expander-border-bottom-color: var(--b-grid-row-border-color);
  --b-row-expander-color: var(--b-grid-cell-color);
}

.b-row-expander-body {
  background: var(--b-row-expander-background);
  color: var(--b-row-expander-color);
  font-weight: var(--b-row-expander-font-weight);
  padding: var(--b-row-expander-padding, 0);
  outline: none;
  display: flex;
  inset-inline: 0;
}

.b-row-expander-body, .b-row-expander-body.b-no-resize-observer.b-resize-monitored {
  position: absolute;
}

.b-row-expander-body:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}

.b-grid-vertical-scroller > .b-row-expander-body {
  z-index: 100;
  transition: height .3s, top .3s;
  overflow: hidden;
}

.b-row-expander-loading {
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2em;
  display: flex;
}

.b-row-expander-loading .b-icon-spinner {
  margin-inline-end: .5em;
}

.b-grid-base .b-grid-row [data-column="expanderActionColumn"] .b-icon {
  font-size: 1em;
  transition: rotate .15s ease-in-out;
  rotate: 180deg;
}

.b-row-expander-disabled [data-column="expanderActionColumn"] {
  opacity: .2;
  pointer-events: none;
}

.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-body-container, .b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-vertical-scroller {
  transition: height .3s;
  overflow-y: hidden !important;
}

.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-yscroll-pad {
  display: none;
}

.b-row-expander.b-grid-base.b-animating.b-row-expander-animating .b-grid-row {
  transition: height .3s, top .3s;
}

.b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column="expanderActionColumn"] .b-icon-collapse-left {
  rotate: 270deg;
}

.b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column="expanderActionColumn"] .b-icon-collapse-right {
  rotate: 90deg;
}

.b-row-expander-row-expanded {
  border-bottom: var(--b-row-expander-border-bottom-width) solid var(--b-row-expander-border-bottom-color);
}

:root, :host {
  --b-row-reorder-indicator-size: 2px;
  --b-row-reorder-grip-icon: "";
  --b-row-reorder-indicator-color: var(--b-secondary);
  --b-row-reorder-indicator-invalid-color: var(--b-color-red);
  --b-row-reorder-box-shadow: var(--b-elevation-1);
  --b-row-reorder-invalid-background: color-mix(in oklab, var(--b-row-reorder-indicator-invalid-color), transparent 80%);
  --b-row-reorder-proxy-opacity: .5;
}

.b-row-drop-indicator {
  pointer-events: none;
  display: none;
}

.b-row-reordering .b-row-drop-indicator {
  z-index: 2000;
  width: 100%;
  left: 0;
  top: calc(var(--b-row-reorder-indicator-size) / -2);
  height: var(--b-row-reorder-indicator-size);
  background-color: var(--b-row-reorder-indicator-color);
  display: block;
  position: absolute;
}

.b-row-reordering .b-row-drop-indicator.b-drag-invalid {
  --b-row-reorder-indicator-color: var(--b-row-reorder-indicator-invalid-color);
}

.b-row-reordering .b-grid-body-container {
  z-index: 4;
}

.b-row-reordering .b-drag-original {
  opacity: .3;
}

.b-row-reordering .b-grid-group-collapsed.b-row-reordering-target {
  --b-grid-cell-background: var(--b-grid-cell-hover-background);
}

.b-row-reordering .b-row-reordering-target {
  z-index: 9999;
  box-shadow: 0 1px 0 0 var(--b-row-reorder-indicator-color) inset, 0 -1px 0 0 var(--b-row-reorder-indicator-color) inset;
}

.b-row-reorder-grip {
  grid-template-columns: auto 1fr;
  display: grid;
}

.b-row-reorder-grip.b-grid-cell-align-end {
  justify-items: end;
}

.b-row-reorder-grip.b-grid-cell-align-end:before {
  margin-inline-end: auto;
}

.b-row-reorder-grip.b-grid-cell-align-right {
  justify-items: right;
}

.b-row-reorder-grip.b-grid-cell-align-center {
  justify-items: center;
}

.b-row-reorder-grip:before {
  cursor: move;
  content: var(--b-row-reorder-grip-icon);
  font-size: .8em;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  padding-inline: var(--b-grid-cell-padding-inline);
  align-self: stretch;
  align-items: center;
  margin-inline-start: calc(var(--b-grid-cell-padding-inline) * -1);
  display: inline-flex;
}

:is(.b-show-grip-on-hover.b-row-reordering, .b-show-grip-on-hover .b-grid-row:not(:hover, .b-hover)) .b-row-reorder-grip:before {
  visibility: hidden;
}

.b-row-reorder-proxy {
  z-index: 10000;
  flex-direction: column;
  display: flex;
  overflow: visible;
  width: auto !important;
  height: auto !important;
}

.b-row-reorder-proxy .b-grid-row {
  position: relative;
}

.b-row-reorder-proxy.b-drag-copy .b-row-proxy-copy {
  display: flex;
}

.b-row-reorder-proxy .b-row-proxy-copy {
  inset-inline-start: -.5em;
  z-index: 20000;
  background: var(--b-panel-background);
  width: 1em;
  height: 1em;
  box-shadow: var(--b-row-reorder-box-shadow);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: .75em;
  display: none;
  position: absolute;
  top: -.5em;
}

.b-row-reorder-proxy .b-grid-row {
  width: 100%;
  position: relative;
}

.b-row-reorder-proxy.b-dragging {
  opacity: var(--b-row-reorder-proxy-opacity);
  background: none;
  transition: margin-top .2s, opacity .2s;
}

.b-row-reorder-proxy.b-dragging.b-drag-invalid {
  --b-grid-cell-background: var(--b-row-reorder-invalid-background);
}

.b-row-reorder-proxy.b-dragging .b-grid-row {
  transition: transform .2s, background-color .2s;
}

.b-row-drag-count-indicator:before {
  inset-inline-end: -.7em;
}

.b-grid-tree-grouped .b-tree-parent-row .b-row-reorder-grip:before {
  content: none;
}

.b-row-resize .b-grid-row.b-resize-handle {
  cursor: row-resize !important;
}

.b-row-resize .b-grid-row.b-resizing {
  z-index: 2;
}

.b-row-resize.b-row-resizing .b-grid-row {
  pointer-events: none;
}

.b-row-resize.b-row-resizing * {
  cursor: row-resize !important;
}

.b-search-hit-cell {
  background: var(--b-quick-find-background, var(--b-primary-95));
}

.b-search-hit-text {
  --b-primary: var(--b-quick-find-primary);
  font-weight: var(--b-quick-find-font-weight);
  background: var(--b-quick-find-background, var(--b-primary-95));
  padding: .3em 0;
}

.b-search-hit-field {
  background: var(--b-quick-find-background, var(--b-primary-95));
  padding: .5em 0;
  position: absolute;
  inset: 0;
}

.b-search-hit-cell-badge {
  color: var(--b-quick-find-badge-color);
  line-height: 1;
  font-size: var(--b-quick-find-badge-font-size);
  inset-inline-end: var(--b-quick-find-badge-offset);
  top: var(--b-quick-find-badge-offset);
  position: absolute;
}

:root, :host {
  --b-sort-header-icon: "";
  --b-sort-header-index-font-size: .6em;
  --b-sort-header-index-color: inherit;
  --bi-grid-sort-icon-rotate: 0;
  --bi-grid-sort-icon-opacity: 0;
  --bi-grid-sort-icon-size: 0;
  --bi-grid-sort-icon-margin-inline-start: 0;
}

.b-sort-hover-icon .b-grid-header.b-sortable {
  cursor: pointer;
}

.b-sort-hover-icon .b-grid-header.b-sortable:not(.b-sort, .b-resizing):hover {
  --bi-grid-sort-icon-opacity: .5;
  --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap);
}

.b-grid-base.b-sort.b-dragging-header .b-grid-header:not(.b-sort) {
  --bi-grid-sort-icon-opacity: 0;
  --bi-grid-sort-icon-size: 0;
  --bi-grid-sort-icon-margin-inline-start: 0;
}

.b-sort-icon {
  white-space: nowrap;
  color: var(--b-grid-header-icon-color);
  opacity: var(--bi-grid-sort-icon-opacity);
  font-size: var(--bi-grid-sort-icon-size);
  transition-property: opacity, color, font-size, margin;
  transition-duration: var(--b-grid-header-icon-transition-duration);
  margin-inline-start: var(--bi-grid-sort-icon-margin-inline-start);
  overflow: hidden;
}

.b-sort-icon:before {
  content: var(--b-sort-header-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  rotate: var(--bi-grid-sort-icon-rotate);
  transition: rotate .2s;
  display: inline-block;
}

:is(.b-grid-header.b-asc, .b-grid-header.b-desc) .b-sort-icon {
  --bi-grid-sort-icon-opacity: 1;
  --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap);
}

.b-grid-header.b-desc .b-sort-icon {
  --bi-grid-sort-icon-rotate: 180deg;
}

.b-sort .b-grid-header-text[data-sort-index]:before {
  content: attr(data-sort-index);
  z-index: 30;
  color: var(--b-sort-header-index-color);
  font-size: var(--b-sort-header-index-font-size);
  order: 1;
  position: relative;
  top: 1em;
}

.b-split-container {
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-split-container.b-split-horizontal, .b-split-container.b-split-both {
  flex-direction: column;
}

.b-split-container.b-split-vertical {
  flex-direction: row;
}

.b-split-container .b-split-top, .b-split-container .b-split-bottom {
  flex: 1;
  display: flex;
}

.b-split-container > .b-grid-base, .b-split-container > div > .b-grid-base {
  flex: 1 1 0;
  height: unset !important;
}

.b-sticky-cells .b-grid-sticky-row {
  contain: initial;
  border: 0;
  min-width: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.b-sticky-cells .b-grid-sticky-row .b-grid-cell {
  contain: initial;
  border: 0;
  width: min-content;
  padding: 0;
}

.b-sticky-cells .b-sticky-cells-current-top-row .b-sticky-content-el {
  visibility: hidden;
}

.b-sticky-cells .b-sticky-cells-current-top-row.b-not-enough-height .b-sticky-content-el {
  visibility: visible;
  align-self: flex-end;
}

:root, :host {
  --b-stripe-odd-color: var(--b-neutral-98);
  --b-stripe-even-color: var(--b-neutral-100);
  --b-stripe-border-width: 0;
}

.b-stripe {
  --b-grid-row-border-width: var(--b-stripe-border-width);
}

.b-stripe .b-grid-row.b-odd {
  --b-grid-cell-background: var(--b-stripe-odd-color);
}

.b-stripe .b-grid-row.b-even {
  --b-grid-cell-background: var(--b-stripe-even-color);
}

.b-stripe .b-hide-row-hover .b-grid-row.b-odd {
  --b-grid-cell-hover-background: var(--b-stripe-odd-color);
  --b-grid-cell-selected-background: var(--b-stripe-odd-color);
  --b-grid-cell-hover-selected-background: var(--b-stripe-odd-color);
}

.b-stripe .b-hide-row-hover .b-grid-row.b-even {
  --b-grid-cell-hover-background: var(--b-stripe-even-color);
  --b-grid-cell-selected-background: var(--b-stripe-even-color);
  --b-grid-cell-hover-selected-background: var(--b-stripe-even-color);
}

.b-summary-disabled .b-grid-footer-container {
  display: none;
}

.b-grid-footer.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1));
}

.b-generated-parent .b-grid-cell .b-grid-tree-group-summary {
  justify-content: inherit;
  display: flex;
}

:root, :host {
  --b-grid-footer-outline-width: var(--b-grid-header-border-width);
  --b-grid-footer-outline-color: var(--b-grid-header-border-color);
  --b-grid-footer-box-shadow: none;
  --b-grid-footer-border-width: var(--b-grid-header-border-width);
  --b-grid-footer-padding: var(--b-grid-header-padding);
  --b-grid-footer-background: var(--b-neutral-100);
  --b-grid-footer-border-color: var(--b-grid-header-border-color);
  --b-grid-footer-color: var(--b-grid-header-color);
}

.b-grid-footer-container {
  outline: var(--b-grid-footer-outline-width) solid var(--b-grid-footer-outline-color);
  box-shadow: var(--b-grid-footer-box-shadow);
}

.b-grid-footer-container.b-hidden {
  display: none;
}

.b-grid-footer-scroller {
  flex-shrink: 0;
  min-width: 0;
  display: flex;
  position: relative;
  overflow: clip;
}

.b-grid-footers {
  white-space: nowrap;
  height: 100%;
  line-height: initial;
  align-items: stretch;
  display: inline-flex;
}

.b-grid-footer {
  color: var(--b-grid-footer-color);
  background: var(--b-grid-footer-background);
  border-inline-end: var(--b-grid-footer-border-width) solid var(--b-grid-footer-border-color);
  font-weight: var(--b-grid-footer-font-weight);
  padding: var(--b-grid-footer-padding);
  text-align: var(--b-grid-footer-text-align);
  flex-shrink: 0;
  align-items: stretch;
  transition: background-color .2s;
  display: flex;
}

.b-grid-footer:last-child {
  --b-grid-footer-border-width: 0;
}

.b-grid-footer-align-start, .b-grid-footer-align-left {
  --b-grid-footer-text-align: start;
}

.b-grid-footer-align-center {
  --b-grid-footer-text-align: center;
}

.b-grid-footer-align-end, .b-grid-footer-align-right {
  --b-grid-footer-text-align: end;
}

:root, :host {
  --b-grid-header-font-size: inherit;
  --b-grid-header-font-weight: 500;
  --b-grid-header-padding: var(--b-grid-cell-padding-inline);
  --b-grid-header-text-transform: none;
  --b-grid-header-text-align: start;
  --b-grid-header-gap: .5em;
  --b-grid-header-icon-font-size: 1em;
  --b-grid-header-border-width: var(--b-grid-cell-border-width);
  --b-grid-header-container-border-width: 1px;
  --b-grid-header-zindex: 1;
  --b-grid-header-icon-transition-duration: var(--b-default-transition-duration);
  --b-grid-header-background: var(--b-neutral-100);
  --b-grid-header-box-shadow: var(--b-elevation-0);
  --b-grid-header-color: var(--b-widget-color);
  --b-grid-header-icon-color: var(--b-grid-header-color);
  --b-grid-header-border-color: var(--b-grid-cell-border-color);
  --b-grid-header-hover-color: var(--b-widget-color);
}

.b-grid-headers, .b-grid-footers {
  contain: paint style layout;
  z-index: var(--b-grid-header-zindex);
  flex: auto;
}

div.b-grid-header-container, .b-grid-footer-container {
  z-index: var(--b-grid-header-zindex);
  display: flex;
}

div.b-grid-header-container.b-hidden {
  clip-path: inset(0 0 100%);
  contain: strict;
  border-bottom: none;
}

div.b-grid-header-container .b-yscroll-pad {
  border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}

.b-grid-header-scroller {
  min-width: 0;
  box-shadow: var(--b-grid-header-box-shadow);
  display: flex;
  position: relative;
  overflow: clip;
}

.b-grid-headers {
  line-height: initial;
  flex-flow: row;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip;
}

.b-grid-header {
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  contain: style;
  --b-grid-header-applied-background: var(--b-grid-header-background);
  background: var(--b-grid-header-applied-background);
  border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  text-transform: var(--b-grid-header-text-transform);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip;
}

.b-grid-header.b-depth-0:hover {
  color: var(--b-grid-header-hover-color);
  --b-grid-header-applied-background: var(--b-grid-header-hover-background, var(--b-primary-98));
  --b-grid-header-icon-color: var(--b-grid-header-hover-color);
}

.b-grid-header.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: calc(var(--b-grid-cell-focused-outline-width) * -1);
}

.b-grid-header.b-depth-0 {
  width: 0;
  padding-inline: var(--b-grid-header-padding);
  border-block-end: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}

.b-fill-last-column .b-grid-header.b-last-leaf:not(.b-drop-placeholder) {
  border-inline-end: none;
}

.b-grid-header:has(.b-widget) .b-grid-header-text-content:empty {
  display: none;
}

.b-grid-header-parent {
  border-inline-end: none;
  flex-basis: auto;
  padding-inline: 0;
}

.b-grid-header-parent > .b-grid-header-text {
  padding: var(--b-grid-header-padding);
  flex: auto;
}

.b-grid-header-parent:where(:not(.b-last-parent)) > .b-grid-header-text {
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
}

.b-grid-header-children {
  transition: border var(--b-default-transition-duration);
  border-top: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
  flex-flow: row;
  flex: auto;
  display: flex;
}

.b-grid-header-children > * {
  width: inherit;
}

.b-grid-header-text {
  padding-block: var(--b-grid-header-padding);
  align-items: center;
  display: flex;
}

.b-grid-header-text:has(.b-widget) {
  gap: var(--b-grid-header-gap);
}

.b-grid-header-text-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  text-align: var(--b-grid-header-text-align);
  flex: 1;
  overflow: clip;
}

.b-grid-header-text-content.b-has-text > * {
  margin-inline-end: var(--b-grid-header-gap);
}

.b-grid-header-align-right, .b-grid-header-align-end {
  --b-grid-header-text-align: end;
}

.b-grid-header-align-center {
  --b-grid-header-text-align: center;
}

:is(.b-writing-mode-sideways-lr, .b-writing-mode-sideways-rl, .b-writing-mode-vertical-lr, .b-writing-mode-vertical-rl) .b-grid-header-text-content {
  text-align: start;
  align-items: var(--b-grid-header-text-align);
  display: flex;
}

.b-writing-mode-sideways-lr .b-grid-header-text-content {
  writing-mode: sideways-lr;
}

.b-writing-mode-sideways-rl .b-grid-header-text-content {
  writing-mode: sideways-rl;
}

.b-writing-mode-horizontal-tb .b-grid-header-text-content {
  writing-mode: horizontal-tb;
}

.b-writing-mode-vertical-lr .b-grid-header-text-content {
  writing-mode: vertical-lr;
}

.b-writing-mode-vertical-rl .b-grid-header-text-content {
  writing-mode: vertical-rl;
}

.b-grid-header-collapse-button {
  --b-button-height: 1em;
  --b-button-type-text-color: var(--b-neutral-60);
  background: none;
}

.b-grid-header-collapse-button:hover {
  --b-button-color: var(--b-grid-header-color);
}

.b-check-header-with-checkbox {
  align-items: center;
}

.b-check-header-with-checkbox .b-grid-header-text {
  display: none;
}

:root {
  --bi-grid-cell-dirty-indicator-clip-path: polygon(0% 50%, 0% 0%, 50% 0%);
  --bi-grid-cell-dirty-indicator-clip-path-rtl: polygon(100% 50%, 50% 0%, 100% 0%);
  --b-grid-cell-auto-height-padding-block: var(--b-grid-cell-padding-inline);
}

.b-no-column-lines, .b-no-column-lines .b-grid-sub-grid {
  --b-grid-cell-border-width: 0;
  --b-grid-header-border-width: 0;
}

.b-no-row-lines {
  --b-grid-row-border-width: 0;
}

.b-grid-sub-grid {
  position: relative;
}

.b-grid-sub-grid.b-hidden {
  display: none;
}

.b-grid-sub-grid-collapsed {
  width: 0;
  min-width: 0 !important;
  overflow: hidden !important;
}

.b-animating .b-grid-header-scroller, .b-animating .b-grid-sub-grid {
  transition-property: width, flex, min-width;
  transition-duration: .3s;
}

.b-grid-row {
  contain: layout;
  height: var(--b-grid-row-height);
  z-index: var(--b-grid-row-zindex);
  flex-direction: row;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset-inline-start: 0;
  overflow: clip;
}

.b-grid-sub-grid .b-grid-row {
  min-width: 100%;
}

.b-grid-row.b-hover .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
  --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30));
}

.b-selected :is(.b-grid-row .b-grid-cell), .b-grid-row .b-grid-cell.b-selected {
  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
  --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30));
  transition: background-color var(--b-default-transition-duration), color var(--bi-grid-cell-selected-color-transition-duration, var(--b-default-transition-duration));
}

.b-grid-row.b-hover.b-selected .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-selected-background, var(--b-primary-94));
}

.b-grid-row.fa {
  display: flex;
}

.b-grid-row.fa:before {
  content: none;
}

.b-grid-row.b-row-placeholder .b-grid-cell {
  color: #0000;
  clip-path: inset(1em);
}

.b-grid-row.b-row-placeholder .b-grid-cell > :not(.b-editor) {
  display: none;
}

.b-grid-row.b-row-placeholder .b-grid-cell:after {
  content: "";
  background: var(--b-grid-row-placeholder-color);
  border-radius: 5px;
  position: absolute;
  inset: 1em;
}

.b-hide-row-hover {
  --b-grid-cell-hover-background: var(--b-grid-cell-background);
  --b-grid-cell-selected-background: var(--b-grid-cell-background);
  --b-grid-cell-hover-selected-background: var(--b-grid-cell-background);
}

.b-grid-body-container.b-vertical-overflow .b-grid-row.b-last .b-grid-cell {
  --b-grid-row-border-color: transparent;
}

.b-grid-cell {
  contain: strict;
  white-space: nowrap;
  background: var(--b-grid-cell-applied-background, var(--b-grid-cell-background));
  height: 100%;
  color: var(--b-grid-cell-color);
  border-inline-end: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color);
  border-bottom: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color);
  font-size: var(--b-grid-cell-font-size);
  font-weight: var(--b-grid-cell-font-weight);
  align-items: center;
  gap: var(--b-grid-cell-gap);
  overflow: var(--bi-grid-cell-overflow);
  padding-inline: var(--b-grid-cell-padding-inline);
  padding-block: var(--b-grid-cell-padding-block);
  flex-shrink: 0;
  display: flex;
  position: absolute;
}

.b-grid-cell:not(.b-focused) *, .b-grid-cell:not(.b-focused) :before, .b-grid-cell:not(.b-focused) :after {
  transition: none;
}

.b-theme-transition .b-grid-cell {
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
}

.b-windows .b-grid-cell {
  contain: layout;
}

.b-grid-cell.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1));
}

.b-grid-cell.b-hover {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}

.b-grid-cell.b-selected {
  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}

.b-grid-cell.b-auto-height {
  white-space: normal;
}

.b-grid-cell.b-auto-height:not(.b-tree-cell) {
  --b-grid-cell-padding-block: var(--b-grid-cell-auto-height-padding-block);
}

.b-grid-cell.b-measuring-auto-height {
  contain: paint style layout;
  align-self: baseline;
  height: auto;
}

.b-grid-no-text-selection .b-grid-cell {
  -webkit-user-select: none;
  user-select: none;
}

.b-grid-cell a {
  color: var(--b-grid-link-color, var(--b-primary-30));
}

.b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row {
  height: var(--b-grid-row-height);
}

.b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row .b-grid-cell:not(.b-auto-height, .b-row-reorder-grip, :has(*)) {
  text-overflow: ellipsis;
  line-height: var(--b-grid-row-height);
  display: block;
}

.b-grid-cell-align-right, .b-grid-cell-align-end {
  text-align: end;
  justify-content: flex-end;
}

.b-grid-cell-align-center {
  text-align: center;
  justify-content: center;
}

.b-rtl {
  --bi-grid-cell-dirty-indicator-clip-path: var(--bi-grid-cell-dirty-indicator-clip-path-rtl);
}

.b-show-dirty .b-cell-dirty:not(.b-editing):after, .b-show-dirty-during-edit .b-cell-dirty:after {
  content: "";
  z-index: 2;
  top: 0;
  background-color: var(--b-grid-cell-dirty-color);
  width: 1.2em;
  height: 1.2em;
  clip-path: var(--bi-grid-cell-dirty-indicator-clip-path);
  position: absolute;
  inset-inline-start: 1px;
}

.b-grid-splitter {
  transition: background var(--b-default-transition-duration);
  background: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color));
  flex: 0 0 var(--b-grid-splitter-width);
}

.b-grid-splitter .b-grid-splitter-inner {
  display: none;
}

.b-virtual-scrollers {
  z-index: 3;
  contain: paint style layout;
  flex-direction: row;
  display: flex;
}

.b-firefox .b-virtual-scrollers {
  contain: paint layout;
}

.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers, .b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller {
  pointer-events: auto;
}

.b-overlay-scrollbar .b-virtual-scrollers {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller {
  pointer-events: none;
  height: 16px;
}

.b-virtual-scrollers .b-virtual-scroller {
  overflow: scroll hidden;
}

.b-virtual-scrollers .b-virtual-width {
  height: 1px;
}

.b-overlay-scrollbar .b-virtual-scroller:hover, .b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller {
  pointer-events: all;
  opacity: 1;
  transition: opacity .5s;
}

:root, :host {
  --b-action-column-button-size: 1.1em;
  --b-action-column-color: var(--b-widget-color);
  --b-action-column-row-hover-color: var(--b-widget-color);
  --b-action-column-readonly-color: var(--b-widget-disabled-color);
  --b-action-column-hover-color: var(--b-neutral-10);
}

.b-action-ct {
  flex-flow: row;
  gap: .5em;
  display: flex;
}

.b-action-item {
  aspect-ratio: 1;
  font-size: var(--b-action-column-button-size);
  color: var(--b-action-column-color);
  pointer-events: var(--bi-action-column-pointer-events, auto);
  border-radius: 50%;
}

.b-action-item:hover {
  --b-action-column-color: var(--b-action-column-hover-color);
}

.b-action-item:focus-visible {
  outline-offset: 3px;
  outline: 3px solid;
}

.b-grid-base.b-read-only.b-action-column-readonly {
  --b-action-column-color: var(--b-action-column-readonly-color);
  --bi-action-column-pointer-events: none;
}

.b-grid-row.b-hover, .b-grid-row.b-selected {
  --b-action-column-color: var(--b-action-column-row-hover-color);
}

:root, :host {
  --b-color-column-border-width: 0;
  --b-color-column-empty-border-width: 1px;
  --b-color-column-border-color: transparent;
  --b-color-column-empty-border-color: var(--b-border-7);
  --b-color-column-picker-width: 11em;
}

.b-color-cell-swatch {
  cursor: pointer;
  --b-primary: transparent;
  background: var(--b-primary);
  border: var(--b-color-column-border-width) solid var(--b-color-column-border-color);
  border-radius: 1em;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-inline: 1em;
}

.b-color-cell-swatch.b-empty {
  --b-color-column-border-width: var(--b-color-column-empty-border-width);
  --b-color-column-border-color: var(--b-color-column-empty-border-color);
}

.b-color-cell-swatch.b-show-color-name {
  margin-inline: 0;
}

.b-color-column-picker {
  width: var(--b-color-column-picker-width);
}

:root, :host {
  --b-percent-column-bar-border-radius: var(--b-widget-border-radius);
  --b-percent-column-bar-max-height: .6em;
  --b-percent-column-bar-border: none;
  --b-percent-column-circle-thickness: .5em;
  --b-percent-column-circle-label-font-size: .8em;
  --b-percent-column-bar-background: var(--b-neutral-95);
  --b-percent-column-low-fill-background: var(--b-color-orange);
  --b-percent-column-wide-value-color: var(--b-neutral-100);
  --b-percent-column-low-value-color: var(--b-secondary);
  --b-percent-column-zero-value-color: transparent;
  --b-percent-column-circle-background: var(--b-grid-cell-border-color);
  --b-percent-column-circle-label-color: var(--b-grid-cell-color);
  --bi-percent-column-transition: none;
}

.b-percent-bar-outer {
  outline-offset: -1px;
  background: var(--b-percent-column-bar-background);
  outline: var(--b-percent-column-bar-border);
  border-radius: var(--b-percent-column-bar-border-radius);
  width: 100%;
  height: 30%;
  max-height: var(--b-percent-column-bar-max-height);
  display: flex;
  overflow: hidden;
}

.b-percent-bar-outer.b-low {
  --b-percent-column-fill-background: var(--b-percent-column-low-value-color);
  --b-percent-column-value-color: var(--b-percent-column-low-value-color);
}

.b-percent-bar-outer.b-zero {
  --b-percent-column-value-color: var(--b-percent-column-zero-value-color);
}

.b-percent-bar-outer .b-percent-bar {
  z-index: 1;
  background: var(--b-percent-column-fill-background, var(--b-primary-50));
  width: var(--bi-percent-bar-value);
  transition: var(--bi-percent-column-transition);
}

.b-percent-bar-value {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-size: .6em;
  display: flex;
  container: percent-column-value / size;
}

.b-percent-bar-value label {
  color: var(--b-percent-column-value-color, var(--b-primary-50));
  translate: var(--bi-percent-column-value-translate, 0);
  margin-inline-start: .5em;
  transition: translate .5s, color .5s;
}

@property --bi-percent-column-circle-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0turn;
}

.b-percent-done-circle {
  --bi-percent-column-circle-angle: 0;
  background: conic-gradient(var(--b-percent-column-circle-done-color, var(--b-primary)) 0 var(--bi-percent-column-circle-angle), transparent var(--bi-percent-column-circle-angle) 1turn) var(--b-percent-column-circle-background);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  max-width: 3em;
  max-height: 3em;
  margin: 0 auto;
  display: flex;
}

.b-percent-done-circle:after {
  content: attr(data-value);
  width: calc(100% - var(--b-percent-column-circle-thickness));
  height: calc(100% - var(--b-percent-column-circle-thickness));
  background: var(--b-percent-column-circle-label-background, var(--b-grid-cell-background));
  font-size: var(--b-percent-column-circle-label-font-size);
  color: var(--b-percent-column-circle-label-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.b-animating .b-percent-done-circle {
  transition: --bi-percent-column-circle-angle .3s, height .3s, width .3s;
}

@container percent-column-value (width < 2em) {
  label {
    --b-percent-column-value-color: var(--b-percent-column-wide-value-color);
    --bi-percent-column-value-translate: -100%;
    margin-inline-start: -.5em !important;
  }
}

.b-grid-body-container.b-scrolling .b-percent-bar, .b-grid-body-container.b-scrolling .b-percent-bar * {
  transition: none;
}

.b-animating, .b-grid-row-updating {
  --bi-percent-column-transition: width .5s, padding .5s, background-color .5s;
}

:root, :host {
  --b-rating-column-icon-size: 1.2em;
  --b-rating-column-empty-color: var(--b-neutral-95);
  --b-rating-column-filled-color: var(--b-color-yellow);
}

.b-rating-cell .b-rating-icon {
  font-size: var(--b-rating-column-icon-size);
  color: var(--bi-rating-column-icon-color);
  opacity: var(--bi-rating-column-icon-opacity, 1);
  transition: var(--bi-rating-column-icon-transition, all var(--b-default-transition-duration) linear);
}

.b-theme-transition :is(.b-rating-cell .b-rating-icon) {
  transition: color var(--b-default-transition-duration);
}

.b-rating-cell .b-empty {
  --bi-rating-column-icon-color: var(--b-rating-column-empty-color);
  --bi-rating-column-icon-opacity: var(--bi-rating-column-empty-opacity, 1);
}

.b-rating-cell .b-filled {
  --bi-rating-column-icon-color: var(--b-rating-column-filled-color);
}

.b-rating-cell-inner {
  display: flex;
}

.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon {
  cursor: pointer;
}

.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon:hover ~ .b-icon {
  --bi-rating-column-icon-color: var(--b-rating-column-empty-color);
  --bi-rating-column-empty-opacity: 1;
}

.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable):hover .b-rating-icon {
  --bi-rating-column-icon-color: var(--b-rating-column-filled-color);
  --bi-rating-column-empty-opacity: .4;
}

.b-grid-body-container.b-scrolling .b-rating-icon {
  --bi-rating-column-icon-transition: none;
}

:root, :host {
  --b-row-number-column-background: var(--b-neutral-97);
}

.b-grid-base .b-grid-cell.b-row-number-cell {
  --b-grid-cell-background: var(--b-row-number-column-background);
}

:root, :host {
  --b-tree-loading-icon: "";
  --b-tree-icon-width: 1.25em;
  --b-tree-cell-gap: var(--b-widget-gap);
  --b-tree-parent-font-weight: 500;
  --b-tree-indent-size: 1.7em;
  --b-tree-leaf-icon-font-size: .3em;
  --b-tree-expander-icon-font-size: 1.2em;
  --b-tree-expander-color: var(--b-text-3);
  --b-tree-expander-row-hover-color: var(--b-tree-expander-color);
  --b-tree-parent-color: var(--b-grid-cell-color);
  --b-tree-icon-color: var(--b-tree-expander-color);
  --b-tree-icon-row-hover-color: var(--b-tree-expander-color);
  --b-tree-line-width: 2px;
  --b-tree-line-color: var(--b-neutral-85);
  --b-tree-line-offset: .45em;
}

.b-internal {
  --b-tree-level: null;
}

.b-tree-expander {
  cursor: pointer;
  place-items: center;
  display: grid;
  position: relative;
  top: 1px;
}

.b-loading-children .b-tree-expander.b-icon:before {
  content: var(--b-tree-loading-icon);
  animation: 2s linear infinite b-anim-rotate;
}

.b-grid-cell.b-tree-cell {
  align-items: stretch;
  gap: 0;
}

.b-grid-cell.b-tree-cell.b-selected, .b-grid-cell.b-tree-cell.b-hover {
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}

.b-tree-cell-inner {
  gap: var(--b-tree-cell-gap);
}

.b-tree-leaf-cell .b-tree-cell-inner:before {
  text-align: center;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  color: var(--b-tree-expander-color);
  width: var(--b-tree-icon-width);
  min-width: var(--b-tree-icon-width);
  margin-inline-end: .6em;
}

.b-tree-icon, .b-icon-tree-leaf, .b-icon-tree-folder, .b-icon-tree-folder-open, .b-icon-tree-expand, .b-icon-tree-collapse {
  text-align: center;
  color: var(--b-tree-expander-color);
  width: var(--b-tree-icon-width);
  min-width: var(--b-tree-icon-width);
}

.b-tree-icon {
  color: var(--b-tree-icon-color);
}

.b-icon-tree-leaf:before {
  vertical-align: middle;
  width: 100%;
  font-size: var(--b-tree-leaf-icon-font-size);
}

.b-icon-tree-folder:before, .b-icon-tree-folder-open:before {
  margin-inline-start: .1em;
}

:is(.b-icon-tree-expand, .b-icon-tree-collapse).b-empty-parent {
  visibility: hidden;
}

:is(.b-icon-tree-expand, .b-icon-tree-collapse):before {
  font-size: var(--b-tree-expander-icon-font-size);
}

.b-tree:not(.b-show-tree-lines) .b-tree-cell-inner {
  padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level));
}

.b-tree:not(.b-show-tree-lines) .b-tree-leaf-cell .b-tree-parent-has-icon {
  padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level)  + var(--b-tree-icon-width)  + var(--b-tree-cell-gap));
}

.b-tree-line {
  transition: border-color var(--b-default-transition-duration);
  border-color: var(--b-tree-line-color);
  width: var(--b-tree-indent-size);
  flex-shrink: 0;
}

.b-tree-line:before {
  content: "";
  border-inline-start-color: inherit;
  border-inline-start-style: solid;
  border-inline-start-width: var(--b-tree-line-width);
  height: 100%;
  display: block;
  position: relative;
  inset-inline-start: var(--b-tree-line-offset);
}

.b-tree-cell-inner {
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  padding-block: .5em;
  display: flex;
}

.b-tree-cell-inner.b-text-value {
  flex-shrink: 1;
  overflow: hidden;
}

.b-tree-cell-inner.b-text-value .b-tree-cell-value {
  display: initial;
  text-overflow: ellipsis;
  overflow: hidden;
}

.b-tree-cell.b-auto-height .b-tree-cell-inner, .b-tree-cell.b-auto-height {
  flex-shrink: 1;
}

a.b-tree-cell-inner {
  text-decoration: none;
}

a.b-tree-cell-inner:hover .b-tree-cell-value {
  text-decoration: underline;
}

.b-tree-parent-row .b-grid-cell {
  font-weight: var(--b-tree-parent-font-weight);
  --b-grid-cell-color: var(--b-tree-parent-color);
}

.b-tree-parent-row .b-grid-cell.b-selected, .b-tree-parent-row .b-grid-cell.b-hover {
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}

.b-tree-cell-value {
  align-items: center;
  gap: var(--b-grid-cell-gap);
  flex: 1;
  display: flex;
}

.b-touch .b-tree-expander {
  width: 1.1em;
}

.b-touch .b-icon-tree-expand:before, .b-touch .b-icon-tree-collapse:before {
  font-size: 1.8em;
}

.b-touch .b-icon-tree-leaf:before {
  font-size: .6em;
}

.b-touch .b-tree-icon, .b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before {
  font-size: 1.2em;
}

:is(.b-grid-row, .b-grid-cell).b-hover, :is(.b-grid-row, .b-grid-cell).b-selected {
  --b-tree-expander-color: var(--b-tree-expander-row-hover-color);
  --b-tree-icon-color: var(--b-tree-icon-row-hover-color);
}

.b-widget-cell {
  --b-button-max-height: 80%;
}

.b-aifilter-field .b-mask-text {
  padding: .5em;
}

.b-aifilter-field-result-popup {
  --b-primary: var(--b-color-yellow);
  --b-popup-background: var(--b-primary-95);
}

.b-checklist-filter-combo-picker.b-panel {
  --b-panel-padding: 0;
  --b-list-item-padding: .75em var(--b-widget-padding);
  padding: 0;
}

.b-checklist-filter-combo-picker.b-panel [data-ref="searchField"] {
  width: 100%;
}

.b-checklist-filter-combo-picker.b-panel .b-list-item-content {
  display: flex;
}

.b-checklist-filter-combo-picker.b-panel .b-checklist-filter-combo-item-text {
  flex-grow: 1;
}

.b-checklist-filter-combo-picker.b-panel .b-bottom-toolbar {
  --b-toolbar-padding: var(--b-widget-padding);
}

.b-chart-content {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.b-chart-show-controls {
  padding-top: 1em;
}

.b-chart-controls {
  z-index: 1;
  top: 0;
  gap: 0;
  position: absolute;
  inset-inline-end: 0;
}

.b-chart {
  transition: background var(--b-default-transition-duration);
  background: var(--b-neutral-100);
}

:root, :host {
  --b-chart-designer-labels-list-padding-block: 1em;
}

.b-grid-chart-designer-content {
  padding: 0;
}

.b-grid-chart-designer-content .b-chart[data-ref="preview"] {
  background: var(--b-primary-100);
  border-radius: var(--b-widget-border-radius);
}

.b-chart-designer-settings {
  flex: 0 0 22em;
  transition: flex-basis .3s;
  overflow: clip;
}

.b-chart-designer-settings .b-list {
  background: none;
}

.b-chart-designer-settings .b-tab-panel-item {
  --b-panel-header-padding: 0;
  padding: 1em .5em .5em;
}

.b-chart-designer-settings .b-chart-layout-tab {
  padding-top: 0;
}

.b-chart-designer-settings .b-chart-appearance-tab {
  padding-block: 0;
}

.b-chart-designer-settings .b-chart-appearance-tab .b-panel-header {
  background: none;
}

.b-chart-designer-settings [data-ref="labelsSeriesList"] {
  padding-block: var(--b-chart-designer-labels-list-padding-block);
}

.b-chart-designer-settings [data-ref="seriesList"] {
  --b-list-item-multi-select-hover-background: transparent;
  --b-list-item-padding: 0;
  gap: 1em;
  padding-block: 1em;
}

.b-chart-designer-settings [data-ref="labelsSeriesList"], .b-chart-designer-settings [data-ref="seriesList"] {
  border: 1px solid var(--b-text-field-outlined-border-color);
  border-radius: var(--b-widget-border-radius);
  padding-inline: 1em;
}

.b-chart-designer-minimal .b-chart-designer-settings {
  flex-basis: 0;
}

.b-chart-type-list {
  --b-list-item-selected-background: var(--b-primary-97);
  --b-list-item-focus-background: var(--b-primary-97);
  --b-list-item-multi-selected-focus-background: var(--b-primary-97);
  grid-template-columns: 4.5em 4.5em 4.5em;
  column-gap: 1em;
  width: 100%;
  display: grid;
  overflow: visible;
}

.b-chart-type-list .b-list-item-group-header {
  grid-column: 1 / -1;
  font-weight: 500;
}

.b-chart-type-list .b-list-item:not(.b-list-item-group-header) {
  border: 1px solid var(--b-text-field-outlined-border-color);
  border-radius: var(--b-widget-border-radius);
  padding: 0;
}

.b-chart-type-list .b-list-item:not(.b-list-item-group-header).b-selected {
  outline: 1px solid var(--b-widget-focus-outline-color);
  outline-offset: 2px;
}

.b-chart-type-thumbnail {
  width: 4em;
  height: 3em;
}

.b-chart-appearance-tab {
  gap: 0;
}

.b-chart-appearance-tab .b-multi-section .b-panel {
  --b-panel-header-font-weight: 400;
}

.b-chart-appearance-tab .b-panel {
  --b-panel-header-font-size: 1em;
  --b-panel-with-header-padding: 0;
  --b-panel-header-padding: 1em 0;
  flex-shrink: 0;
}

.b-slider-with-field.b-hbox {
  flex-wrap: wrap;
  margin-top: 1px;
}

.b-slider-with-field.b-hbox > .b-label {
  min-width: 100%;
}

.b-slider-with-field.b-hbox .b-slider {
  flex: 1;
}

.b-slider-with-field.b-hbox .b-number-field {
  gap: 0;
  width: 6em;
}

.b-slider-with-field.b-hbox .b-number-field .b-label {
  display: none;
}

.b-font-picker [data-ref="family"] {
  flex: 60%;
}

.b-font-picker [data-ref="size"] {
  flex: 1 0 30%;
}

.b-font-picker.b-hbox {
  flex-wrap: wrap;
}

.b-font-picker, .b-font-picker > .b-container {
  gap: .6em;
}

/* [project]/node_modules/.pnpm/@bryntum+grid@7.2.1/node_modules/@bryntum/grid/stockholm-light.css [app-client] (css) */
:root:not(.b-nothing), :host(:not(.b-nothing)) {
  --b-primary: var(--b-color-blue);
  --b-secondary: var(--b-color-orange);
  --b-mix: #fff;
  --b-opposite: #000;
  --b-widget-color-scheme: light;
  --b-widget-border-radius: .35em;
  --b-widget-border-radius-large: 1em;
  --b-widget-border-color: var(--b-neutral-60);
  --b-button-font-weight: 400;
  --b-button-group-padded-background: var(--b-neutral-90);
  --b-checkbox-background: var(--b-primary-100);
  --b-checkbox-hover-background: var(--b-primary-100);
  --b-checkbox-checked-background: var(--b-neutral-100);
  --b-checkbox-checked-hover-background: var(--b-neutral-100);
  --b-panel-background: var(--b-neutral-98);
  --b-popup-background: var(--b-panel-background);
  --b-popup-padding: var(--b-widget-padding);
  --b-slide-toggle-border-color: var(--b-widget-border-color);
  --b-slide-toggle-thumb-background: var(--b-neutral-50);
  --b-slide-toggle-thumb-size: 1.25em;
  --b-slide-toggle-hovered-thumb-background: var(--b-neutral-30);
  --b-slide-toggle-checked-thumb-size: 1.25em;
  --b-slide-toggle-disabled-border-color: var(--b-neutral-80);
  --b-splitter-color: var(--b-border-7);
  --b-text-field-focus-border-width: 2px;
  --b-text-field-outlined-input-padding: .9em;
  --b-field-trigger-edge-gap: .9em;
  --b-toolbar-background: var(--b-neutral-98);
  --b-tooltip-rich-padding: 1em;
  --b-grid-header-background: var(--b-neutral-97);
  --b-grid-header-font-weight: 400;
  --b-grid-footer-background: var(--b-grid-header-background);
  --b-grid-cell-border-color: var(--b-neutral-85);
  --b-grid-toolbar-background: var(--b-grid-header-background);
  --b-grid-panel-header-border-bottom: none;
  --b-stripe-odd-color: var(--b-neutral-97);
  --b-group-header-background: var(--b-neutral-98);
  --b-grid-header-icon-color: var(--b-neutral-50);
}

.b-bryntum:not(.b-nothing) {
  --bi-primary-shade: var(--b-primary-50);
  --b-button-tonal-background: var(--b-primary-92);
  --b-button-type-text-focused-background: var(--b-primary-90);
  --b-button-type-text-pressed-background: var(--b-primary-85);
  --b-checkbox-checked-check-color: var(--b-primary-20);
  --b-list-checkbox-checked-background: var(--b-primary-95);
  --b-list-checkbox-checked-check-color: var(--b-checkbox-checked-check-color);
  --b-list-checkbox-checked-border-color: var(--b-checkbox-checked-border-color);
  --b-menu-background: var(--b-primary-100);
  --b-radio-checked-color: var(--b-primary-20);
  --b-radio-checked-background: var(--b-primary-95);
  --b-radio-checked-border-color: var(--b-widget-border-color);
  --b-slide-toggle-background: var(--b-primary-97);
  --b-slide-toggle-hover-background: var(--b-primary-97);
  --b-slide-toggle-checked-hovered-thumb-background: var(--b-primary-95);
  --b-slide-toggle-checked-border-color: var(--b-widget-border-color);
  --b-slide-toggle-checked-background: var(--b-primary-65);
  --b-slide-toggle-checked-hover-background: var(--b-primary-65);
  --b-slider-color: var(--b-primary-65);
  --b-tab-indicator-color: var(--b-primary-50);
  --b-text-field-focus-border-color: var(--bi-primary-shade);
  --b-text-field-filled-hover-border-color: var(--bi-primary-shade);
  --b-panel-header-background: var(--b-primary-90);
  --b-panel-header-color: var(--b-primary-30);
  --b-grid-cell-hover-background: var(--b-primary-96);
  --b-grid-cell-selected-background: var(--b-primary-94);
  --b-grid-cell-hover-selected-background: var(--b-primary-92);
}

.b-theme-info {
  --b-theme-name: "StockholmLight";
  --b-theme-filename: "stockholm-light";
  --b-theme-button-rendition: "outlined";
  --b-theme-label-position: "align-before";
  --b-theme-overlap-label: "false";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__49cc767a._.css.map*/