/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

::before,
::after {
  --un-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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

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

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

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

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

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

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

/*
Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}:is(.prose){color:var(--un-prose-body);max-width:65ch;}:is(.prose) :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:is(.prose) :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}:is(.prose) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is(.prose) :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-bold);font-weight:600;}:is(.prose) :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:is(.prose) :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:upper-alpha;}:is(.prose) :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:lower-alpha;}:is(.prose) :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:upper-alpha;}:is(.prose) :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:lower-alpha;}:is(.prose) :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:upper-roman;}:is(.prose) :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:lower-roman;}:is(.prose) :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:upper-roman;}:is(.prose) :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:lower-roman;}:is(.prose) :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:decimal;}:is(.prose) :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:is(.prose) :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {font-weight:400;color:var(--un-prose-counters);}:is(.prose) :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {color:var(--un-prose-bullets);}:is(.prose) :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.25em;}:is(.prose) :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-color:var(--un-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;}:is(.prose) :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight:500;font-style:italic;color:var(--un-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--un-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;}:is(.prose) :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {content:open-quote;}:is(.prose) :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {content:close-quote;}:is(.prose) :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;}:is(.prose) :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight:900;color:inherit;}:is(.prose) :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;}:is(.prose) :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight:800;color:inherit;}:is(.prose) :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;}:is(.prose) :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight:700;color:inherit;}:is(.prose) :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;}:is(.prose) :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight:700;color:inherit;}:is(.prose) :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:2em;margin-bottom:2em;}:is(.prose) :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {display:block;margin-top:2em;margin-bottom:2em;}:is(.prose) :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:2em;margin-bottom:2em;}:is(.prose) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight:500;font-family:inherit;color:var(--un-prose-kbd);box-shadow:0 0 0 1px rgb(var(--un-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--un-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em;}:is(.prose) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-code);font-weight:600;font-size:0.875em;}:is(.prose) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {content:"`";}:is(.prose) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {content:"`";}:is(.prose) :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;font-size:0.875em;}:is(.prose) :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;font-size:0.9em;}:is(.prose) :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:inherit;}:is(.prose) :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-pre-code);background-color:var(--un-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em;}:is(.prose) :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}:is(.prose) :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {content:none;}:is(.prose) :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {content:none;}:is(.prose) :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}:is(.prose) :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-th-borders);}:is(.prose) :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:is(.prose) :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-td-borders);}:is(.prose) :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-bottom-width:0;}:is(.prose) :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {vertical-align:baseline;}:is(.prose) :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-top-width:1px;border-top-color:var(--un-prose-th-borders);}:is(.prose) :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {vertical-align:top;}:is(.prose) :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {text-align:start;}:is(.prose) :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;margin-bottom:0;}:is(.prose) :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color:var(--un-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}:is(.prose){font-size:1rem;line-height:1.75;}:is(.prose) :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;margin-bottom:0;}:is(.prose) :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0.5em;margin-bottom:0.5em;}:is(.prose) :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-inline-start:0.375em;}:is(.prose) :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-inline-start:0.375em;}:is(.prose) :where(> ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:is(.prose) :where(> ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:1.25em;}:is(.prose) :where(> ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom:1.25em;}:is(.prose) :where(> ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:1.25em;}:is(.prose) :where(> ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom:1.25em;}:is(.prose) :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:is(.prose) :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:is(.prose) :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0.5em;padding-inline-start:1.625em;}:is(.prose) :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;}:is(.prose) :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;}:is(.prose) :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;}:is(.prose) :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;}:is(.prose) :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-inline-start:0;}:is(.prose) :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-inline-end:0;}:is(.prose) :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:is(.prose) :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-inline-start:0;}:is(.prose) :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-inline-end:0;}:is(.prose) :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:2em;margin-bottom:2em;}:is(.prose) :where(> :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top:0;}:is(.prose) :where(> :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom:0;}:is(.prose){--un-prose-body:#374151;--un-prose-invert-body:#d1d5db;--un-prose-headings:#111827;--un-prose-invert-headings:white;--un-prose-lead:#4b5563;--un-prose-invert-lead:#9ca3af;--un-prose-links:#111827;--un-prose-invert-links:white;--un-prose-bold:#111827;--un-prose-invert-bold:white;--un-prose-counters:#6b7280;--un-prose-invert-counters:#9ca3af;--un-prose-bullets:#d1d5db;--un-prose-invert-bullets:#4b5563;--un-prose-hr:#e5e7eb;--un-prose-invert-hr:#374151;--un-prose-quotes:#111827;--un-prose-invert-quotes:#f3f4f6;--un-prose-quote-borders:#e5e7eb;--un-prose-invert-quote-borders:#374151;--un-prose-captions:#6b7280;--un-prose-invert-captions:#9ca3af;--un-prose-kbd:#111827;--un-prose-invert-kbd:white;--un-prose-kbd-shadows:#111827;--un-prose-invert-kbd-shadows:white;--un-prose-code:#111827;--un-prose-invert-code:white;--un-prose-pre-code:#e5e7eb;--un-prose-invert-pre-code:#d1d5db;--un-prose-pre-bg:#1f2937;--un-prose-invert-pre-bg:rgb(0 0 0 / 50%);--un-prose-th-borders:#d1d5db;--un-prose-invert-th-borders:#4b5563;--un-prose-td-borders:#e5e7eb;--un-prose-invert-td-borders:#374151;}.dark :is(.dark\:prose-invert){--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-lead:var(--un-prose-invert-lead);--un-prose-links:var(--un-prose-invert-links);--un-prose-bold:var(--un-prose-invert-bold);--un-prose-counters:var(--un-prose-invert-counters);--un-prose-bullets:var(--un-prose-invert-bullets);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-quotes:var(--un-prose-invert-quotes);--un-prose-quote-borders:var(--un-prose-invert-quote-borders);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-kbd:var(--un-prose-invert-kbd);--un-prose-kbd-shadows:var(--un-prose-invert-kbd-shadows);--un-prose-code:var(--un-prose-invert-code);--un-prose-pre-code:var(--un-prose-invert-pre-code);--un-prose-pre-bg:var(--un-prose-invert-pre-bg);--un-prose-th-borders:var(--un-prose-invert-th-borders);--un-prose-td-borders:var(--un-prose-invert-td-borders);}.container{width:100%;}.z-context-menu{z-index:60;}.z-label{z-index:40;}.z-menu{z-index:20;}.z-modal{z-index:70;}.z-nav{z-index:50;}.slidev-glass-effect{border-width:1px;border-color:rgb(156 163 175 / 0.2);--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-bg-opacity:0.75 !important;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.border-main,.dark [border~="dark\:main"],.dark [dark\:border~="main"],[border-main=""],[border~="main"]{border-color:rgb(156 163 175 / 0.2);}.border-primary{border-color:var(--slidev-theme-primary);}.hover\:border-primary:hover{border-color:var(--slidev-theme-primary);}.bg-active{background-color:rgb(156 163 175 / 0.1);}.bg-main{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}.dark .bg-main,.dark .slidev-glass-effect{--un-bg-opacity:1;background-color:rgb(18 18 18 / var(--un-bg-opacity));}.bg-primary,[bg-primary=""]{background-color:var(--slidev-theme-primary);}.hover\:bg-active:hover{background-color:rgb(156 163 175 / 0.1);}[hover\:bg-active=""]:hover{background-color:rgb(156 163 175 / 0.1);}.dark .text-main{--un-text-opacity:1;color:rgb(221 221 221 / var(--un-text-opacity));}.text-main{--un-text-opacity:1;color:rgb(24 24 24 / var(--un-text-opacity));}.text-primary,[text-primary=""]{color:var(--slidev-theme-primary);}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}:root {
  --color-note: #0969da;
  --color-tip: #1a7f37;
  --color-warning: #9a6700;
  --color-severe: #bc4c00;
  --color-caution: #d1242f;
  --color-important: #8250df;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-note: #2f81f7;
    --color-tip: #3fb950;
    --color-warning: #d29922;
    --color-severe: #db6d28;
    --color-caution: #f85149;
    --color-important: #a371f7;
  }
}
.markdown-alert {
  padding: 0.5rem 1rem;
  margin-bottom: 16px;
  color: inherit;
  border-left: .25em solid #888;
}

.markdown-alert>:first-child {
  margin-top: 0
}

.markdown-alert>:last-child {
  margin-bottom: 0
}

.markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1
}

.markdown-alert .markdown-alert-title .octicon {
  margin-right: 0.5rem;
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-alert.markdown-alert-note {
  border-left-color: var(--color-note);
}

.markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--color-note);
}

.markdown-alert.markdown-alert-important {
  border-left-color: var(--color-important);
}

.markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--color-important);
}

.markdown-alert.markdown-alert-warning {
  border-left-color: var(--color-warning);
}

.markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--color-warning);
}

.markdown-alert.markdown-alert-tip {
  border-left-color: var(--color-tip);
}

.markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--color-tip);
}

.markdown-alert.markdown-alert-caution {
  border-left-color: var(--color-caution);
}

.markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--color-caution);
}
:root {
  --slidev-code-background: #f5f5f5;
  --slidev-code-foreground: #1b1b1b;
  --slidev-code-font-family: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --slidev-code-padding: 8px;
  --slidev-code-font-size: 12px;
  --slidev-code-line-height: 18px;
  --slidev-code-radius: 4px;
  --slidev-code-margin: 4px 0;
  --slidev-theme-primary: #3ab9d5;

  --slidev-transition-duration: 0.5s;
  --slidev-slide-container-background: black;
  --slidev-controls-foreground: white;

  --slidev-code-tab-divider: #e5e5e5;
  --slidev-code-tab-text-color: #67676c;
  --slidev-code-tab-font-size: 12px;
  --slidev-code-tab-active-text-color: #3c3c43;
}

html.dark {
  --slidev-code-background: #1b1b1b;
  --slidev-code-foreground: #eee;
  --slidev-code-tab-divider: #222222;
  --slidev-code-tab-text-color: #98989f;
  --slidev-code-tab-active-text-color: #dfdfd6;
}
html,
body,
#app,
#page-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  ;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}.dark html,.dark body,.dark #app,.dark #page-root{--un-bg-opacity:1;background-color:rgb(18 18 18 / var(--un-bg-opacity));}

html {
  background: transparent;
}

.slidev-icon-btn {
  aspect-ratio: 1;
  user-select: none;
  outline: none;
  cursor: pointer;
  position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:0.25rem;padding:0.25rem;vertical-align:middle;opacity:0.75;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;
  
  
  
}@media (min-width: 768px){.slidev-icon-btn{padding:0.5rem;}}.slidev-icon-btn:hover{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));--un-bg-opacity:0.1;}.slidev-icon-btn:focus-visible{opacity:1;outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(0 0 0 / var(--un-outline-color-opacity));outline-offset:2px;outline-style:solid;}.dark .slidev-icon-btn:focus-visible{--un-outline-color-opacity:1;outline-color:rgb(255 255 255 / var(--un-outline-color-opacity));}

.slidev-icon-btn.shallow {
  opacity: 0.3;
}

.slidev-icon-btn.active {
  opacity: 1;
}

.slidev-icon-btn.disabled {
  opacity: 0.25;
  pointer-events: none;
}

.slidev-layout a.slidev-icon-btn {
  border-style:none;
}.slidev-layout a.slidev-icon-btn:hover{border-style:none;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}

.slidev-icon {
  display: inline-block;
  vertical-align: sub;
  line-height: 1em;
}

.slidev-page {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

/* Note Clicks */

.slidev-note-with-clicks .slidev-note-fade {
  color: #888888cc;
}

.dark .slidev-note-with-clicks .slidev-note-fade {
  color: #a1a1a1cc;
}

.slidev-note-click-mark {
  user-select: none;
  font-size: 0.7em;
  display: inline-flex;
  align-items:center;border-width:1px;border-color:transparent;border-radius:0.25rem;background-color:rgb(167 139 250 / 0.1);padding-left:0.25rem;padding-right:0.25rem;--un-text-opacity:1;color:rgb(167 139 250 / var(--un-text-opacity));font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.slidev-note-click-mark.slidev-note-click-mark-active {
  border-width:1px;--un-border-opacity:1;border-color:rgb(167 139 250 / var(--un-border-opacity));
}
.slidev-note-click-mark.slidev-note-click-mark-past {
  filter: saturate(0);
  opacity: 0.5;
}
.slidev-note-click-mark.slidev-note-click-mark-future {
  opacity: 0.5;
}

.slidev-note-click-mark::before {
  content: '';
  display: inline-block;
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M23 28a1 1 0 0 1-.71-.29l-6.13-6.14l-3.33 5a1 1 0 0 1-1 .44a1 1 0 0 1-.81-.7l-6-20A1 1 0 0 1 6.29 5l20 6a1 1 0 0 1 .7.81a1 1 0 0 1-.44 1l-5 3.33l6.14 6.13a1 1 0 0 1 0 1.42l-4 4A1 1 0 0 1 23 28m0-2.41L25.59 23l-7.16-7.15l5.25-3.5L7.49 7.49l4.86 16.19l3.5-5.25Z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em;
  opacity: 0.8;
}

.slidev-note-click-mark::after {
  content: attr(data-clicks);
  display: inline-block;
  transform: translateY(0.1em);
}

.slidev-form-button {
  border-bottom-width:2px;border-radius:0.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
  --un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(107 114 128 / var(--un-bg-opacity));
  ;
}.slidev-form-button:hover{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}
.slidev-form-button.primary {
  --un-border-opacity:1;border-color:rgb(17 94 89 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(13 148 136 / var(--un-bg-opacity));
  ;
}.slidev-form-button.primary:hover{--un-border-opacity:1;border-color:rgb(15 118 110 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(20 184 166 / var(--un-bg-opacity));}

/* Transform the position back for Rough Notation (v-mark) */
.rough-annotation {
  transform: scale(calc(1 / var(--slidev-slide-scale)));
}

/*
 * Counter the slide scale so iframes lay out and rasterize at their real
 * on-screen resolution. Without this, canvas-based content (e.g. Excalidraw)
 * is rendered at the slide's design size and bitmap-upscaled, which makes it
 * blurry when the slide is scaled up. Scales below 1 are not countered, so
 * scaled-down views like the overview keep the original layout.
 */
.slidev-layout-iframe {
  --slidev-iframe-raster: max(var(--slidev-slide-scale, 1), 1);
  width: calc(100% * var(--slidev-iframe-raster));
  height: calc(100% * var(--slidev-iframe-raster));
  transform: scale(calc(var(--slidev-iframe-scale, 1) / var(--slidev-iframe-raster)));
  transform-origin: top left;
}

#twoslash-container {
  position: fixed;
}

#twoslash-container .v-popper__wrapper:not(.no-slide-scale > *) {
    zoom: var(--slidev-slide-scale);
  }

#twoslash-container .v-popper__popper:not(.no-slide-scale > *) {
    translate: calc(10px * (1 - var(--slidev-slide-scale))) 0;
    width: max-content;
  }

.slidev-note ul {
  margin: 0;
}
html.dark:root {
  color-scheme: dark;
}

/* Shiki */
html.dark .shiki {
  color: var(--shiki-dark, inherit);
  --twoslash-popup-bg: var(--shiki-dark-bg, inherit);
}

html.dark .shiki span {
  color: var(--shiki-dark);
}

html:not(.dark) .shiki {
  color: var(--shiki-light, inherit);
  --twoslash-popup-bg: var(--shiki-light-bg, inherit);
}

html:not(.dark) .shiki span {
  color: var(--shiki-light);
}

.twoslash-meta-line.twoslash-popover-line {
  margin-top: -10px;
}

/* Slidev */
.slidev-code-wrapper {
  margin: var(--slidev-code-margin) !important;
  scroll-padding: var(--slidev-code-padding);
}
.slidev-code-wrapper:-webkit-scrollbar {
    width: 0px;
  }

.slidev-code {
  font-family: var(--slidev-code-font-family) !important;
  padding: var(--slidev-code-padding) !important;
  font-size: var(--slidev-code-font-size) !important;
  line-height: var(--slidev-code-line-height) !important;
  border-radius: var(--slidev-code-radius) !important;
  background: var(--slidev-code-background);
  overflow: auto;
}

.slidev-code-block-title,
.slidev-code-group-tabs {
  background: var(--slidev-code-background);
  color: var(--slidev-code-tab-text-color);
  padding-left: var(--slidev-code-padding);
  padding-right: var(--slidev-code-padding);
  font-size: var(--slidev-code-tab-font-size);
  border-radius: var(--slidev-code-radius) var(--slidev-code-radius) 0 0;
  box-shadow: inset 0 -1px var(--slidev-code-tab-divider);
  display: flex;
  gap: 8px;
  align-items: center;
}

.slidev-code-block-title {
  padding: var(--slidev-code-padding);
}

.slidev-code-tab {
  font-size: var(--slidev-code-tab-font-size);
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.25s;
  padding: var(--slidev-code-padding);
  border-bottom: 2px solid transparent;
  color: var(--slidev-code-tab-text-color);
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.slidev-code-tab:hover {
  color: var(--slidev-code-tab-active-text-color) !important;
}

.slidev-code-group-blocks .slidev-code-wrapper {
  margin: 0 !important;
}

.slidev-code-group-blocks .slidev-code {
  border-radius: 0 0 var(--slidev-code-radius) var(--slidev-code-radius) !important;
}

.slidev-code-group-blocks .slidev-code-wrapper.active {
  display: block;
}

.slidev-code-group-blocks .slidev-code-wrapper {
  display: none;
}

.slidev-code-block-title + .slidev-code,
.slidev-code-group-tabs + .slidev-code {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}.slidev-code .slidev-code-dishonored {
  opacity: 0.3;
  pointer-events: none;
}

.slidev-code-line-numbers .slidev-code code {
  counter-reset: step;
  counter-increment: step calc(var(--start, 1) - 1);
}

.slidev-code-line-numbers .slidev-code code .line::before {
  content: counter(step);
  counter-increment: step;
  display: inline-block;
  text-align: right;
  ;margin-right:1.5rem;width:1rem;--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));
}.dark .slidev-code-line-numbers .slidev-code code .line::before{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}

/* Inline Code */
.slidev-note :not(pre) > code,
.slidev-layout :not(pre) > code {
  font-size: 0.9em;
  background: var(--slidev-code-background);
  border-radius: var(--slidev-code-radius);
  padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.375rem;padding-right:0.375rem;font-weight:300;
}

.slidev-note :not(pre) > code:after,
.slidev-note :not(pre) > code:before {
  content: '';
}

.slidev-layout :not(pre) > code:before {
  margin-right: -0.08em;
}

/* Revert CSS reset for KaTex */
.katex,
.katex :after,
.katex :before {
  border-color: currentColor;
}
margin-right:1.5rem;width:1rem;--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));.dark .slidev-code-line-numbers .slidev-code code .line::before{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.375rem;padding-right:0.375rem;font-weight:300;.slidev-katex-wrapper .mord.highlighted {
}
.slidev-katex-wrapper .mord.dishonored {
  opacity: 0.3;
}
/* Sliding */
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active,
.slide-up-enter-active,
.slide-up-leave-active,
.slide-down-enter-active,
.slide-down-leave-active {
  transition: all var(--slidev-transition-duration) ease;
}

.slide-left-enter-from,
.slide-right-leave-to {
  translate: 100% 0;
}

.slide-left-leave-to,
.slide-right-enter-from {
  translate: -100% 0;
}

.slide-up-enter-from,
.slide-down-leave-to {
  translate: 0 100%;
}

.slide-up-leave-to,
.slide-down-enter-from {
  translate: 0 -100%;
}

/* Fading */
.fade-enter-active,
.fade-leave-active {
  transition: opacity var(--slidev-transition-duration) ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fade-out-leave-active {
  transition: opacity calc(var(--slidev-transition-duration) * 0.6) ease-out;
}

.fade-out-enter-active {
  transition: opacity calc(var(--slidev-transition-duration) * 0.8) ease-in;
  transition-delay: calc(var(--slidev-transition-duration) * 0.6);
}

.fade-out-enter-from,
.fade-out-leave-to {
  opacity: 0;
}
:root {
  --twoslash-popup-bg: var(--slidev-code-background);
  --twoslash-popup-color: var(--slidev-code-foreground);
  --twoslash-docs-color: inherit;
  --twoslash-docs-font: inherit;
  --twoslash-code-font: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --twoslash-underline-color: #8888;
  --twoslash-border-color: #8888;
  --twoslash-cursor-color: var(--slidev-theme-primary);
  --twoslash-matched-color: var(--slidev-theme-primary);
}

.twoslash-popup-container {
  font-size: 13px;
}

.twoslash-popup-container .twoslash-popup-code {
  font-size: 0.85em;
}

.twoslash-floating .twoslash-popup-docs-tags .twoslash-popup-docs-tag-name {
  color: inherit;
  opacity: 0.5;
}
.slidev-vclick-target {
  transition: all 0.1s ease;
}

  .slidev-vclick-target.slidev-vclick-anim-none {
    transition: none;
  }

  .slidev-vclick-target.slidev-vclick-anim-fade-in {
    transition: all 0.3s ease;
  }

.slidev-vclick-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
}

.slidev-vclick-hidden.slidev-vclick-anim-fade {
    opacity: 0.5 !important;
  }

.slidev-vclick-hidden.slidev-vclick-anim-fade-in {
    opacity: 0 !important;
  }

.slidev-vclick-hidden.slidev-vclick-anim-up {
    translate: 0 20px;
  }

.slidev-vclick-hidden.slidev-vclick-anim-down {
    translate: 0 -20px;
  }

.slidev-vclick-hidden.slidev-vclick-anim-left {
    translate: 20px 0;
  }

.slidev-vclick-hidden.slidev-vclick-anim-right {
    translate: -20px 0;
  }

.slidev-vclick-hidden.slidev-vclick-anim-scale {
    scale: 0.9;
  }

.slidev-vclick-display-none {
  display: none !important;
}

/* No longer used, but kept for backward compatibility */
.slidev-vclick-fade {
  opacity: 0.5;
}
.slidev-layout {
  height:100%;padding-left:3.5rem;padding-right:3.5rem;padding-top:2.5rem;padding-bottom:2.5rem;font-size:1.1rem;
}

  .slidev-layout pre,
  .slidev-layout code {
    -webkit-user-select:text;user-select:text;
  }

  .slidev-layout code {
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  }

  .slidev-layout h1 {
    margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;
  }

  .slidev-layout h2 {
    font-size:1.875rem;line-height:2.25rem;
  }

  .slidev-layout h3 {
    font-size:1.5rem;line-height:2rem;
  }

  .slidev-layout h4 {
    font-size:1.25rem;line-height:1.75rem;
  }

  .slidev-layout h5 {
    font-size:1rem;line-height:1.5rem;
  }

  .slidev-layout h6 {
    padding-top:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;
  }

  :where(.slidev-layout) h6 {
    opacity:0.4;
  }

  .slidev-layout p {
    margin-top:1rem;margin-bottom:1rem;line-height:1.5rem;
  }

  .slidev-layout ul {
    list-style: square;
  }

  .slidev-layout ol {
    list-style: decimal;
  }

  .slidev-layout li {
    line-height:1.8em;
  }

  .slidev-layout blockquote {
    background: var(--slidev-code-background);
    color: var(--slidev-code-foreground);
    border-left-width:1px;border-color:var(--slidev-theme-primary);border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;
  }

  .slidev-layout blockquote > * {
    margin-top:0;margin-bottom:0;
  }

  .slidev-layout table {
    width:100%;
  }

  .slidev-layout tr {
    border-bottom-width:1px;border-color:rgb(156 163 175 / 0.2);
  }

  .slidev-layout th {
    text-align:left;font-weight:400;
  }

  .slidev-layout a {
    border-bottom-width:1px;border-color:currentColor;border-style:dashed;
  }

  .slidev-layout a:hover{border-style:solid;color:var(--slidev-theme-primary);}

  .slidev-layout td,
  .slidev-layout th {
    padding:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;
  }

  .slidev-layout b,
  .slidev-layout strong {
    font-weight:600;
  }

  .slidev-layout kbd {
    border-width:1px;border-bottom-width:2px;border-color:rgb(156 163 175 / 0.2);border-radius:0.25rem;
    --un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));--un-bg-opacity:0.05;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.25rem;padding-right:0.25rem;font-size:0.75rem;line-height:1rem;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  }

.slidev-layout h1, [dir='ltr'] h1, .slidev-layout [dir='ltr'] h1 {
    margin-left:-0.05em;margin-right:0;
  }

.slidev-layout h6, [dir='ltr'] h6, .slidev-layout [dir='ltr'] h6 {
    margin-left:-0.05em;margin-right:0;
  }

.slidev-layout li, [dir='ltr'] li, .slidev-layout [dir='ltr'] li {
    margin-left:1.1em;margin-right:0;padding-left:0.2em;padding-right:0;
  }

[dir='rtl'] h1, .slidev-layout [dir='rtl'] h1 {
    margin-right:-0.05em;margin-left:0;
  }

[dir='rtl'] h6, .slidev-layout [dir='rtl'] h6 {
    margin-right:-0.05em;margin-left:0;
  }

[dir='rtl'] li, .slidev-layout [dir='rtl'] li {
    margin-right:1.1em;margin-left:0;padding-right:0.2em;padding-left:0;
  }
.slidev-layout h1 + p {
    margin-top:-0.5rem;margin-bottom:1rem;opacity:0.5;
  }
  .slidev-layout p + h2, .slidev-layout ul + h2, .slidev-layout table + h2 {
    margin-top:2.5rem;
  }
  .slidev-layout h1 {
    margin-bottom:1rem;margin-left:-0.05em;font-size:2.25rem;line-height:2.5rem;
  }
  .slidev-layout h2 {
    font-size:1.875rem;line-height:2.25rem;
  }
  .slidev-layout h3 {
    font-size:1.5rem;line-height:2rem;
  }
  .slidev-layout h4 {
    font-size:1.25rem;line-height:1.75rem;
  }
  .slidev-layout h5 {
    font-size:1rem;line-height:1.5rem;
  }
  .slidev-layout h6 {
    margin-left:-0.05em;padding-top:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;
  }
  .slidev-layout h6:not(.opacity-100) {
    opacity:0.4;
  }

.slidev-layout.cover,
.slidev-layout.intro {
  display:grid;height:100%;
}

.slidev-layout.cover h1, .slidev-layout.intro h1 {
    font-size:3.75rem;line-height:1;line-height:5rem;
  }


.slidev-layout.fact {
  display:grid;height:100%;text-align:center;
}


.slidev-layout.fact h1 {
    font-size:6rem;line-height:1;font-weight:700;
  }


.slidev-layout.fact h1 + p {
    font-size:1.5rem;line-height:2rem;font-weight:700;
  }
.slidev-layout.statement {
  display:grid;height:100%;text-align:center;
}
.slidev-layout.statement h1 {
    font-size:3.75rem;line-height:1;font-weight:700;
  }
.slidev-layout.quote {
  display:grid;height:100%;
}
.slidev-layout.quote h1 + p {
    margin-top:0.5rem;
  }
.slidev-layout.section h1 {
    font-size:3.75rem;line-height:1;font-weight:500;line-height:5rem;
  }
:root {
  --prism-scheme: light;

  /* Colors */
  --prism-foreground: #6e6e6e;
  --prism-background: #f4f4f4;

  /* Tokens */
  --prism-comment: #a8a8a8;
  --prism-string: #555555;
  --prism-literal: #333333;
  --prism-keyword: #000000;
  --prism-function: #4f4f4f;
  --prism-deleted: #333333;
  --prism-class: #333333;
  --prism-builtin: #757575;
  --prism-property: #333333;
  --prism-namespace: #4f4f4f;
  --prism-punctuation: #ababab;
  --prism-decorator: var(--prism-class);
  --prism-operator: var(--prism-punctuation);
  --prism-number: var(--prism-literal);
  --prism-boolean: var(--prism-literal);
  --prism-variable: var(--prism-literal);
  --prism-constant: var(--prism-literal);
  --prism-symbol: var(--prism-literal);
  --prism-interpolation: var(--prism-literal);
  --prism-selector: var(--prism-keyword);
  --prism-keyword-control: var(--prism-keyword);
  --prism-regex: var(--prism-string);
  --prism-json-property: var(--prism-property);
  --prism-inline-background: var(--prism-background);

  /* Token Styles */
  --prism-comment-style: italic;
  --prism-url-decoration: underline;

  /* Extension */
  --prism-line-number: #a5a5a5;
  --prism-line-number-gutter: #333333;
  --prism-line-highlight-background: #eeeeee;
  --prism-selection-background: #dddddd;
  --prism-marker-color: var(--prism-foreground);
  --prism-marker-opacity: 0.4;
  --prism-marker-font-size: 0.8em;

  /* Font */
  --prism-font-size: 1em;
  --prism-line-height: 1.5em;
  --prism-font-family: monospace;
  --prism-inline-font-size: var(--prism-font-size);
  --prism-block-font-size: var(--prism-font-size);

  /* Sizing */
  --prism-tab-size: 2;

  --prism-block-padding-x: 1em;
  --prism-block-padding-y: 1em;
  --prism-block-margin-x: 0;
  --prism-block-margin-y: 0.5em;
  --prism-block-radius: 0.3em;
  --prism-inline-padding-x: 0.3em;
  --prism-inline-padding-y: 0.1em;
  --prism-inline-radius: 0.3em;
}

div[class*='language-'],
pre[class*='language-'],
code[class*='language-'] {
  font-size: var(--prism-font-size);
  font-family: var(--prism-font-family);
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: var(--prism-line-height);
  -moz-tab-size: var(--prism-tab-size);
  -o-tab-size: var(--prism-tab-size);
  tab-size: var(--prism-tab-size);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: var(--prism-foreground) !important;
}

/* Code blocks */
div[class*='language-'],
pre[class*='language-'] {
  font-size: var(--prism-block-font-size);
  padding: var(--prism-block-padding-y) var(--prism-block-padding-x);
  margin: var(--prism-block-margin-y) var(--prism-block-margin-x);
  border-radius: var(--prism-block-radius);
  overflow: auto;
  background: var(--prism-background);
}

/* Inline code */
:not(pre) > code[class*='language-'] {
  font-size: var(--prism-inline-font-size);
  padding: var(--prism-inline-padding-y) var(--prism-inline-padding-x);
  border-radius: var(--prism-inline-radius);
  background: var(--prism-inline-background);
}

/* Selection */
pre[class*='language-']::-moz-selection,
pre[class*='language-'] ::-moz-selection,
code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection {
  background: var(--prism-selection-background);
}

pre[class*='language-']::selection,
pre[class*='language-'] ::selection,
code[class*='language-']::selection,
code[class*='language-'] ::selection {
  background: var(--prism-selection-background);
}

/* Tokens */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--prism-comment);
  font-style: var(--prism-comment-style);
}

.token.namespace {
  color: var(--prism-namespace);
}

.token.interpolation {
  color: var(--prism-interpolation);
}

.token.string {
  color: var(--prism-string);
}

.token.punctuation {
  color: var(--prism-punctuation);
}

.token.operator {
  color: var(--prism-operator);
}

.token.keyword.module,
.token.keyword.control-flow {
  color: var(--prism-keyword-control);
}

.token.url,
.token.symbol,
.token.inserted {
  color: var(--prism-symbol);
}

.token.constant {
  color: var(--prism-constant);
}

.token.string.url {
  text-decoration: var(--prism-url-decoration);
}

.token.boolean,
.language-json .token.boolean {
  color: var(--prism-boolean);
}

.token.number,
.language-json .token.number {
  color: var(--prism-number);
}

.token.variable {
  color: var(--prism-variable);
}

.token.keyword {
  color: var(--prism-keyword);
}

.token.atrule,
.token.attr-value,
.token.selector {
  color: var(--prism-selector);
}

.token.function {
  color: var(--prism-function);
}

.token.deleted {
  color: var(--prism-deleted);
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.class-name {
  color: var(--prism-class);
}

.token.tag,
.token.builtin {
  color: var(--prism-builtin);
}

.token.attr-name,
.token.property,
.token.entity {
  color: var(--prism-property);
}

.language-json .token.property {
  color: var(--prism-json-property);
}

.token.regex {
  color: var(--prism-regex);
}

.token.decorator,
.token.annotation {
  color: var(--prism-decorator);
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */
.line-numbers .line-numbers-rows {
  border-right-color: var(--prism-line-number);
}

.line-numbers-rows > span:before {
  color: var(--prism-line-number-gutter);
}

/* overrides color-values for the Line Highlight plugin
  * http://prismjs.com/plugins/line-highlight/
  */
.line-highlight {
  background: var(--prism-line-highlight-background);
}
:root {
  --cm-scheme: light;

  /* Colors */
  --cm-foreground: #6e6e6e;
  --cm-background: #f4f4f4;

  /* Tokens */
  --cm-comment: #a8a8a8;
  --cm-string: #555555;
  --cm-literal: #333333;
  --cm-keyword: #000000;
  --cm-function: #4f4f4f;
  --cm-deleted: #333333;
  --cm-class: #333333;
  --cm-builtin: #757575;
  --cm-property: #333333;
  --cm-namespace: #4f4f4f;
  --cm-punctuation: #ababab;
  --cm-decorator: var(--cm-class);
  --cm-operator: var(--cm-punctuation);
  --cm-number: var(--cm-literal);
  --cm-boolean: var(--cm-literal);
  --cm-variable: var(--cm-literal);
  --cm-constant: var(--cm-literal);
  --cm-symbol: var(--cm-literal);
  --cm-interpolation: var(--cm-literal);
  --cm-selector: var(--cm-keyword);
  --cm-keyword-control: var(--cm-keyword);
  --cm-regex: var(--cm-string);
  --cm-json-property: var(--cm-property);
  --cm-inline-background: var(--cm-background);

  /* Token Styles */
  --cm-comment-style: italic;
  --cm-url-decoration: underline;

  /* Extension */
  --cm-line-number: #a5a5a5;
  --cm-line-number-gutter: #333333;
  --cm-line-highlight-background: #eeeeee;
  --cm-selection-background: #aaaaaa;
  --cm-marker-color: var(--cm-foreground);
  --cm-marker-opacity: 0.4;
  --cm-marker-font-size: 0.8em;

  /* Font */
  --cm-font-size: 1em;
  --cm-line-height: 1.5em;
  --cm-font-family: monospace;
  --cm-inline-font-size: var(--cm-font-size);
  --cm-block-font-size: var(--cm-font-size);
  
  /* Sizing */
  --cm-tab-size: 2;
  
  --cm-block-padding-x: 1em;
  --cm-block-padding-y: 1em;
  --cm-block-margin-x: 0;
  --cm-block-margin-y: 0.5em;
  --cm-block-radius: 0.3em;
  --cm-inline-padding-x: 0.3em;
  --cm-inline-padding-y: 0.1em;
  --cm-inline-radius: 0.3em;
}

.cm-s-vars.CodeMirror {
  background-color: var(--cm-background);
  color: var(--cm-foreground);
}

.cm-s-vars .CodeMirror-gutters {
  background: var(--cm-line-number-gutter);
  color: var(--cm-line-number);
  border: none;
}

.cm-s-vars .CodeMirror-guttermarker,
.cm-s-vars .CodeMirror-guttermarker-subtle,
.cm-s-vars .CodeMirror-linenumber {
  color: var(--cm-line-number);
}

.cm-s-vars div.CodeMirror-selected {
  background: var(--cm-selection-background);
}

.cm-s-vars.CodeMirror-focused div.CodeMirror-selected {
  background: var(--cm-selection-background);
}

.cm-s-vars .CodeMirror-line::selection,
.cm-s-vars .CodeMirror-line>span::selection,
.cm-s-vars .CodeMirror-line>span>span::selection {
  background: var(--cm-selection-background);
}

.cm-s-vars .CodeMirror-line::-moz-selection,
.cm-s-vars .CodeMirror-line>span::-moz-selection,
.cm-s-vars .CodeMirror-line>span>span::-moz-selection {
  background: var(--cm-selection-background);
}

.cm-s-vars .CodeMirror-activeline-background {
  background: var(--cm-line-highlight-background);
}

.cm-s-vars .cm-keyword {
  color: var(--cm-keyword);
}

.cm-s-vars .cm-variable,
.cm-s-vars .cm-variable-2,
.cm-s-vars .cm-variable-3,
.cm-s-vars .cm-type {
  color: var(--cm-variable);
}

.cm-s-vars .cm-builtin {
  color: var(--cm-builtin);
}

.cm-s-vars .cm-atom {
  color: var(--cm-literal);
}

.cm-s-vars .cm-number {
  color: var(--cm-number);
}

.cm-s-vars .cm-def {
  color: var(--cm-decorator);
}

.cm-s-vars .cm-string,
.cm-s-vars .cm-string-2 {
  color: var(--cm-string);
}

.cm-s-vars .cm-comment {
  color: var(--cm-comment);
}

.cm-s-vars .cm-tag {
  color: var(--cm-builtin);
}

.cm-s-vars .cm-meta {
  color: var(--cm-namespace);
}

.cm-s-vars .cm-attribute {
  color: var(--cm-property);
}

.cm-s-vars .cm-property {
  color: var(--cm-property);
}

.cm-s-vars .cm-qualifier {
  color: var(--cm-keyword);
}

.cm-s-vars .cm-error {
  color: var(--prism-deleted);
}

.cm-s-vars .cm-operator,
.cm-s-vars .cm-bracket {
  color: var(--cm-punctuation);
}

.cm-s-vars .CodeMirror-matchingbracket {
  text-decoration: underline;
}

.cm-s-vars .CodeMirror-cursor {
  border-left: 1px solid currentColor;
}

:root {
  --cm-scheme: var(--prism-scheme);

  /* Colors */
  --cm-foreground: var(--prism-foreground);
  --cm-background: var(--prism-background);

  /* Tokens */
  --cm-comment: var(--prism-comment);
  --cm-string: var(--prism-string);
  --cm-literal: var(--prism-literal);
  --cm-keyword: var(--prism-keyword);
  --cm-function: var(--prism-function);
  --cm-deleted: var(--prism-deleted);
  --cm-class: var(--prism-class);
  --cm-builtin: var(--prism-builtin);
  --cm-property: var(--prism-property);
  --cm-namespace: var(--prism-namespace);
  --cm-punctuation: var(--prism-punctuation);
  --cm-decorator: var(--prism-decorator);
  --cm-operator: var(--prism-operator);
  --cm-number: var(--prism-number);
  --cm-boolean: var(--prism-boolean);
  --cm-variable: var(--prism-variable);
  --cm-constant: var(--prism-constant);
  --cm-symbol: var(--prism-symbol);
  --cm-interpolation: var(--prism-interpolation);
  --cm-selector: var(--prism-selector);
  --cm-keyword-control: var(--prism-keyword-control);
  --cm-regex: var(--prism-regex);
  --cm-json-property: var(--prism-json-property);
  --cm-inline-background: var(--prism-inline-background);

  /* Token Styles */
  --cm-comment-style: var(--prism-comment-style);
  --cm-url-decoration: var(--prism-url-decoration);

  /* Extension */
  --cm-line-number: var(--prism-line-number);
  --cm-line-number-gutter: var(--prism-line-number-gutter);
  --cm-line-highlight-background: var(--prism-line-highlight-background);
  --cm-selection-background: var(--prism-selection-background);
  --cm-marker-color: var(--prism-marker-color);
  --cm-marker-opacity: var(--prism-marker-opacity);
  --cm-marker-font-size: var(--prism-marker-font-size);

  /* Font */
  --cm-font-size: var(--prism-font-size);
  --cm-line-height: var(--prism-line-height);
  --cm-font-family: var(--prism-font-family);
  --cm-inline-font-size: var(--prism-inline-font-size);
  --cm-block-font-size: var(--prism-block-font-size);

  /* Sizing */
  --cm-tab-size: var(--prism-tab-size);

  --cm-block-padding-x: var(--prism-block-padding-x);
  --cm-block-padding-y: var(--prism-block-padding-y);
  --cm-block-margin-x: var(--prism-block-margin-x);
  --cm-block-margin-y: var(--prism-block-margin-y);
  --cm-block-radius: var(--prism-block-radius);
  --cm-inline-padding-x: var(--prism-inline-padding-x);
  --cm-inline-padding-y: var(--prism-inline-padding-y);
  --cm-inline-radius: var(--prism-inline-radius);
}

:root {
  --prism-font-family: var(--slidev-code-font-family);
  --prism-background: var(--slidev-code-background);
}

html:not(.dark) {
  --prism-foreground: #393a34;
  --prism-comment: #a0ada0;
  --prism-string: #b56959;
  --prism-literal: #2f8a89;
  --prism-number: #296aa3;
  --prism-keyword: #1c6b48;
  --prism-function: #6c7834;
  --prism-boolean: #1c6b48;
  --prism-constant: #a65e2b;
  --prism-deleted: #a14f55;
  --prism-class: #2993a3;
  --prism-builtin: #ab5959;
  --prism-property: #b58451;
  --prism-namespace: #b05a78;
  --prism-punctuation: #8e8f8b;
  --prism-decorator: #bd8f8f;
  --prism-regex: #ab5e3f;
  --prism-json-property: #698c96;
}

html.dark {
  --prism-foreground: #d4cfbf;
  --prism-comment: #758575;
  --prism-string: #d48372;
  --prism-literal: #429988;
  --prism-keyword: #4d9375;
  --prism-boolean: #1c6b48;
  --prism-number: #6394bf;
  --prism-variable: #c2b36e;
  --prism-function: #a1b567;
  --prism-deleted: #a14f55;
  --prism-class: #54b1bf;
  --prism-builtin: #e0a569;
  --prism-property: #dd8e6e;
  --prism-namespace: #db889a;
  --prism-punctuation: #858585;
  --prism-decorator: #bd8f8f;
  --prism-regex: #ab5e3f;
  --prism-json-property: #6b8b9e;
  --prism-line-number: #888888;
  --prism-line-number-gutter: #eeeeee;
  --prism-line-highlight-background: #444444;
  --prism-selection-background: #444444;
}
/* Palette taken from the StackConnect World Tour Zurich event page (browserstack.com) */
:root {
  --bs-blue: #0070f0;
  --bs-sky: #42a9ff;
  --bs-deep: #004b8f;
  --bs-navy: #00335d;
  --bs-ice: #ddf1ff;
  --bs-lav: #d4c7fe;
  --bs-violet: #7e73ff;
  --bs-grad: linear-gradient(92deg, #1f55cb 1.9%, #9070eb 115.65%);
  --ink: #111827;
  --ink-2: #374151;
  --muted: #6b7280;
  --line: #d1d5db;
  --ok: #16a34a;
  --ok-bg: #e8f7ee;
  --bad: #d73737;
  --bad-bg: #fdecec;
}

/* ---------- Base ---------- */
.slidev-layout {
  color: var(--ink);
  font-family: 'Inter', sans-serif;
  padding: 2.6rem 3.4rem 3rem;
  font-size: 1.05rem;
}

.slidev-layout h1 {
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin-bottom: 0.9rem;
}

.slidev-layout h2 {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--ink-2);
  letter-spacing: -0.01em;
}

.slidev-layout p,
.slidev-layout li {
  color: var(--ink-2);
  line-height: 1.5;
}

.grad {
  background: var(--bs-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bs-blue);
  background: var(--bs-ice);
  border-radius: 999px;
  padding: 0.28rem 0.8rem;
  margin-bottom: 0.9rem;
}

.muted { color: var(--muted) !important; }
.small { font-size: 0.8rem; }
.tiny { font-size: 0.68rem; }

/* ---------- Background layer (global-bottom.vue) ---------- */
.bg-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f7f6ff 55%, #eeecff 100%);
  pointer-events: none;
}

.pill {
  position: absolute;
  border-radius: 999px;
  transform: rotate(45deg);
  background: linear-gradient(90deg, rgba(212, 199, 254, 0.45), rgba(66, 169, 255, 0.28));
}

.pill-a { width: 520px; height: 120px; top: -40px; right: -90px; }
.pill-b { width: 380px; height: 110px; top: 70px; right: 40px; opacity: 0.65; }
.pill-c { width: 340px; height: 120px; bottom: -40px; left: -120px; opacity: 0.8; }

/* Content-heavy slides: keep the pills subtle */
.bg-default .pill { opacity: 0.35; }
.bg-cover .pill-a { width: 760px; height: 170px; top: -10px; right: -140px; }
.bg-cover .pill-b { width: 560px; height: 150px; top: 150px; right: 30px; }

/* ---------- Footer (global-top.vue) ---------- */
.deck-footer {
  position: absolute;
  left: 3.4rem;
  right: 3.4rem;
  bottom: 0.9rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.62rem;
  color: rgba(107, 114, 128, 0.85);
  letter-spacing: 0.02em;
}

/* ---------- Navy statement slides ---------- */
.slidev-layout.navy {
  background:
    radial-gradient(ellipse at 85% 10%, rgba(126, 115, 255, 0.35) 0, transparent 55%),
    radial-gradient(ellipse at 10% 95%, rgba(66, 169, 255, 0.25) 0, transparent 55%),
    var(--bs-navy);
}

.slidev-layout.navy,
.slidev-layout.navy h1,
.slidev-layout.navy h2,
.slidev-layout.navy p,
.slidev-layout.navy .statement { color: #ffffff; }
.slidev-layout.navy .muted { color: rgba(221, 241, 255, 0.75) !important; }
.slidev-layout.navy .eyebrow { background: rgba(255, 255, 255, 0.12); color: var(--bs-ice); }

.statement {
  font-size: 2.9rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  max-width: 52rem;
}

.quote-mark {
  font-size: 5rem;
  line-height: 0.6;
  font-weight: 800;
  color: var(--bs-sky);
}

/* ---------- Cover ---------- */
.cover-wrap { display: flex; flex-direction: column; justify-content: center; height: 100%; max-width: 46rem; }
.cover-wrap h1 { font-size: 3.1rem; margin: 0.4rem 0 1rem; }
.cover-sub { font-size: 1.25rem; color: var(--ink-2); margin-bottom: 2.2rem; }
.speaker { display: flex; align-items: center; gap: 1rem; }
.speaker .avatar { width: 84px; height: 84px; border-radius: 999px; overflow: hidden; border: 3px solid #fff; background: var(--bs-ice); box-shadow: 0 4px 16px rgba(0, 51, 93, 0.15); }
.speaker .avatar .visual { border-radius: 999px; }
.speaker .avatar .visual img { object-position: 50% 0; transform: scale(1.35); transform-origin: 50% 12%; }
.speaker b { display: block; font-size: 1.05rem; color: var(--ink); }
.speaker span { font-size: 0.85rem; color: var(--muted); }

/* ---------- Cards & grids ---------- */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.9rem; }

.card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(209, 213, 219, 0.7);
  border-radius: 16px;
  padding: 1rem 1.1rem;
  box-shadow: 0 6px 24px rgba(0, 51, 93, 0.06);
}

.card h3 { font-size: 1rem; font-weight: 700; color: var(--ink); margin: 0 0 0.35rem; }
.card p { font-size: 0.85rem; margin: 0; }

.card-num {
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 800;
  color: #fff;
  background: var(--bs-grad);
  margin-bottom: 0.55rem;
}

/* ---------- KPI dashboard ---------- */
.kpi { background: #fff; border: 1px solid rgba(209, 213, 219, 0.8); border-radius: 14px; padding: 0.9rem 1rem; box-shadow: 0 6px 24px rgba(0, 51, 93, 0.06); }
.kpi-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); font-weight: 600; }
.kpi-value { font-size: 2rem; font-weight: 800; color: var(--ink); letter-spacing: -0.02em; margin-top: 0.15rem; }
.kpi-delta { display: inline-block; margin-top: 0.3rem; font-size: 0.75rem; font-weight: 700; color: var(--ok); background: var(--ok-bg); border-radius: 999px; padding: 0.12rem 0.55rem; }
.kpi-delta.bad { color: var(--bad); background: var(--bad-bg); }

.alert {
  border-radius: 14px;
  padding: 1rem 1.2rem;
  background: var(--bad-bg);
  border: 1px solid rgba(215, 55, 55, 0.35);
  color: var(--bad);
  font-weight: 700;
}

/* ---------- Stat ---------- */
.stat { font-size: 3.2rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1; }
.stat-label { font-size: 0.85rem; color: var(--ink-2); margin-top: 0.4rem; }
.source { font-size: 0.62rem; color: var(--muted); margin-top: 0.6rem; }

/* ---------- Failure-mode cards ---------- */
.fm-good { font-size: 0.78rem; font-weight: 700; color: var(--ok); }
.fm-bad { font-size: 0.78rem; font-weight: 700; color: var(--bad); margin-top: 0.4rem; }

/* ---------- Activity vs evidence ---------- */
.vs { width: 100%; border-collapse: separate; border-spacing: 0 0.4rem; font-size: 0.92rem; }
.vs th { text-align: left; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); padding: 0 1rem; }
.vs td { background: #fff; padding: 0.55rem 1rem; border-top: 1px solid rgba(209, 213, 219, 0.6); border-bottom: 1px solid rgba(209, 213, 219, 0.6); }
.vs td:first-child { border-left: 1px solid rgba(209, 213, 219, 0.6); border-radius: 10px 0 0 10px; color: var(--muted); }
.vs td:last-child { border-right: 1px solid rgba(209, 213, 219, 0.6); border-radius: 0 10px 10px 0; font-weight: 600; color: var(--ink); }
.vs td.arrow { color: var(--bs-blue); font-weight: 800; text-align: center; width: 2rem; padding: 0; border-left: 0; border-right: 0; border-radius: 0; }

/* ---------- Dimension slides ---------- */
.dim-head { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.4rem; }
.dim-badge { font-size: 0.75rem; font-weight: 800; color: #fff; background: var(--bs-grad); border-radius: 999px; padding: 0.25rem 0.75rem; }
.question {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--bs-deep);
  border-left: 4px solid var(--bs-blue);
  padding-left: 0.9rem;
  margin: 0.4rem 0 1.2rem;
}
.metric-box { background: var(--bs-ice); border-radius: 14px; padding: 0.9rem 1.1rem; }
.metric-box b { color: var(--bs-deep); }
.metric-box code { font-size: 0.82rem; }
.label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bs-blue); margin-bottom: 0.3rem; }

/* ---------- Scorecard overview ---------- */
.dim-card { background: #fff; border-radius: 16px; padding: 1rem; border-top: 5px solid var(--bs-blue); box-shadow: 0 6px 24px rgba(0, 51, 93, 0.07); }
.dim-card:nth-child(2) { border-top-color: #4b63e0; }
.dim-card:nth-child(3) { border-top-color: #6f6bf0; }
.dim-card:nth-child(4) { border-top-color: var(--bs-violet); }
.dim-card h3 { font-size: 1.02rem; margin: 0.2rem 0 0.5rem; font-weight: 800; }
.dim-card p { font-size: 0.86rem; color: var(--ink-2); font-style: italic; }

/* ---------- Maturity grid ---------- */
.maturity { width: 100%; border-collapse: separate; border-spacing: 0.35rem; font-size: 0.74rem; }
.maturity th { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); text-align: left; padding: 0.2rem 0.4rem; }
.maturity th span { display: block; font-size: 0.9rem; color: var(--ink); text-transform: none; letter-spacing: 0; font-weight: 800; }
.maturity td { background: #fff; border-radius: 10px; padding: 0.5rem 0.6rem; color: var(--ink-2); vertical-align: top; border: 1px solid rgba(209, 213, 219, 0.6); }
.maturity td.row-h { background: transparent; border: 0; font-weight: 800; color: var(--ink); font-size: 0.82rem; }
.maturity td.l0 { background: #fbfbfd; }
.maturity td.l2 { background: #eef6ff; }
.maturity td.l3 { background: #ece9ff; }

/* ---------- Bars (example scorecard) ---------- */
.bars { display: flex; flex-direction: column; gap: 0.7rem; }
.bar-row { display: grid; grid-template-columns: 11rem 1fr 2rem; align-items: center; gap: 0.7rem; font-size: 0.85rem; }
.bar-track { height: 14px; background: rgba(209, 213, 219, 0.5); border-radius: 999px; overflow: hidden; }
.bar-fill { height: 100%; border-radius: 999px; background: var(--bs-grad); }
.bar-fill.low { background: linear-gradient(90deg, #f3a6a6, var(--bad)); }
.bar-score { font-weight: 800; color: var(--ink); text-align: right; }

/* ---------- Checklist ---------- */
.step { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.1rem; }
.step-n { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--bs-grad); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.step b { display: block; font-size: 1.08rem; color: var(--ink); }
.step span { font-size: 0.88rem; color: var(--ink-2); }

/* ---------- Visual placeholder (components/Visual.vue) ---------- */
.visual { width: 100%; border-radius: 16px; overflow: hidden; }
.visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.visual-ph {
  width: 100%; height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  gap: 0.35rem; padding: 1rem;
  border: 2px dashed rgba(0, 112, 240, 0.45); border-radius: 16px;
  background: rgba(221, 241, 255, 0.55);
}
.visual-ph-tag { font-size: 0.62rem; font-weight: 800; letter-spacing: 0.14em; color: var(--bs-blue); }
.visual-ph code { font-size: 0.7rem; color: var(--bs-deep); background: transparent; }
.visual-ph p { font-size: 0.72rem; color: var(--ink-2); max-width: 26rem; margin: 0; }

/* ---------- Sources ---------- */
.sources li { font-size: 0.72rem; margin-bottom: 0.25rem; }
.sources a { color: var(--bs-blue); }
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-none,[pointer-events-none=""]{pointer-events:none;}.absolute,[absolute=""]{position:absolute;}.fixed,[fixed=""]{position:fixed;}.relative,[relative=""]{position:relative;}.inset-0,[inset-0=""]{inset:0;}.inset-y-0,[inset-y-0=""]{top:0;bottom:0;}.-top-15px{top:-15px;}.-top-20{top:-5rem;}.bottom-\[-6px\]{bottom:-6px;}.bottom-0,[bottom-0=""]{bottom:0;}.bottom-1,[bottom-1=""]{bottom:0.25rem;}.bottom-10{bottom:2.5rem;}.bottom-5{bottom:1.25rem;}.left-0,[left-0=""]{left:0;}.left-1{left:0.25rem;}.left-1\/2{left:50%;}.left-110\%{left:110%;}.right--2,[right--2=""]{right:-0.5rem;}.right-\[-6px\]{right:-6px;}.right-0,[right-0=""]{right:0;}.right-0\.5,[right-0\.5=""]{right:0.125rem;}.right-1,[right-1=""]{right:0.25rem;}.right-4{right:1rem;}.right-5,[right-5=""]{right:1.25rem;}.top-\[-6px\]{top:-6px;}.top-0,[top-0=""]{top:0;}.top-0\.5,[top-0\.5=""]{top:0.125rem;}.top-1\/2,.top-50\%{top:50%;}.top-10{top:2.5rem;}.top-4{top:1rem;}.top-5{top:1.25rem;}.-z-1{z-index:-1;}.z-1,[z-1=""]{z-index:1;}.z-10,[z-10=""]{z-index:10;}.z-2{z-index:2;}.grid{display:grid;}.grid-cols-\[1fr_max-content\]{grid-template-columns:1fr max-content;}.grid-cols-\[35px_1fr\]{grid-template-columns:35px 1fr;}.grid-rows-\[1fr_max-content\]{grid-template-rows:1fr max-content;}.grid-rows-\[1fr_min-content\]{grid-template-rows:1fr min-content;}.grid-rows-\[auto_max-content\]{grid-template-rows:auto max-content;}.grid-rows-\[max-content_1fr\]{grid-template-rows:max-content 1fr;}.m--1,[m--1=""]{margin:-0.25rem;}.m-1{margin:0.25rem;}.m-auto,.ma{margin:auto;}.m0,[m0=""]{margin:0;}.children\:my-auto>*,.my-auto,.mya{margin-top:auto;margin-bottom:auto;}.mx--1\.2{margin-left:-0.3rem;margin-right:-0.3rem;}.mx-1{margin-left:0.25rem;margin-right:0.25rem;}.mx-auto{margin-left:auto;margin-right:auto;}.my-1,.my1{margin-top:0.25rem;margin-bottom:0.25rem;}.my2{margin-top:0.5rem;margin-bottom:0.5rem;}.my5{margin-top:1.25rem;margin-bottom:1.25rem;}.-mt-0\.5{margin-top:-0.125rem;}.mb-4{margin-bottom:1rem;}.mb2{margin-bottom:0.5rem;}.ml-1{margin-left:0.25rem;}.ml-auto{margin-left:auto;}.mr--14px{margin-right:-14px;}.mr--4{margin-right:-1rem;}.mr-2{margin-right:0.5rem;}.mr0{margin-right:0;}.mr1{margin-right:0.25rem;}.ms{margin-inline-start:1rem;}.mt-1,.mt1{margin-top:0.25rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:0.75rem;}.mt-px{margin-top:1px;}.block{display:block;}.inline-block{display:inline-block;}.group:hover .group-hover\:hidden,.group:not(:hover) .group-not-hover\:hidden{display:none;}.aspect-ratio-initial{aspect-ratio:initial;}.h-\[22px\],.h-22px,[h-22px=""]{height:22px;}.h-\[40px\]{height:40px;}.h-\[calc\(var\(--vh\,1vh\)\*100\)\]{height:calc(var(--vh,1vh) * 100);}.h-0\.7{height:0.175rem;}.h-1\.5,[h-1\.5=""]{height:0.375rem;}.h-1px{height:1px;}.h-2,[h-2=""]{height:0.5rem;}.h-40{height:10rem;}.h-4px{height:4px;}.h-5,.h5,[h-5=""]{height:1.25rem;}.h-6{height:1.5rem;}.h-8,[h-8=""]{height:2rem;}.h-full,[h-full=""]{height:100%;}.h-max{height:max-content;}.h-screen{height:100vh;}.h1,[h1=""]{height:0.25rem;}.max-h-full{max-height:100%;}.max-h-full\!{max-height:100% !important;}.max-w-\[calc\(100\%-3rem\)\]{max-width:calc(100% - 3rem);}.max-w-150{max-width:37.5rem;}.max-w-250{max-width:62.5rem;}.max-w-90,[max-w-90=""]{max-width:22.5rem;}.max-w-full{max-width:100%;}.max-w-full\!{max-width:100% !important;}.max-w-xs{max-width:20rem;}.min-h-50{min-height:12.5rem;}.min-h-full\!{min-height:100% !important;}.min-w-\[70\%\]{min-width:70%;}.min-w-0{min-width:0;}.min-w-16{min-width:4rem;}.min-w-30,[min-w-30=""]{min-width:7.5rem;}.min-w-40{min-width:10rem;}.min-w-90,[min-w-90=""]{min-width:22.5rem;}.min-w-full\!{min-width:100% !important;}.w-\[40px\]{width:40px;}.w-\[calc\(100\%-0\.25rem\)\]{width:calc(100% - 0.25rem);}.w-0{width:0;}.w-0\.5,[w-0\.5=""]{width:0.125rem;}.w-1\.5,[w-1\.5=""]{width:0.375rem;}.w-13{width:3.25rem;}.w-1px,[w-1px=""]{width:1px;}.w-2,[w-2=""]{width:0.5rem;}.w-20,[w-20=""]{width:5rem;}.w-200{width:50rem;}.w-22px{width:22px;}.w-250{width:62.5rem;}.w-30,[w-30=""]{width:7.5rem;}.w-5,[w-5=""]{width:1.25rem;}.w-6{width:1.5rem;}.w-60,[w-60=""]{width:15rem;}.w-7{width:1.75rem;}.w-8{width:2rem;}.w-88{width:22rem;}.w-9{width:2.25rem;}.w-90,[w-90=""]{width:22.5rem;}.w-full,[w-full=""]{width:100%;}.w-full\!{width:100% !important;}.w-screen{width:100vw;}.w1,[w1=""]{width:0.25rem;}.flex,[flex=""],[flex~="\~"]{display:flex;}.flex-1{flex:1 1 0%;}.flex-auto,[flex-auto=""]{flex:1 1 auto;}.flex-none{flex:none;}[flex~="row"]{flex-direction:row;}.flex-col,[flex~="col"]{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.flex-wrap-reverse{flex-wrap:wrap-reverse;}.table,[table=""]{display:table;}.table-cell,[table-cell=""]{display:table-cell;}.table-row,[table-row=""]{display:table-row;}.border-collapse,[border-collapse=""]{border-collapse:collapse;}.translate-y--50\%{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-102{--un-scale-x:1.02;--un-scale-y:1.02;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-85{--un-scale-x:0.85;--un-scale-y:0.85;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-x-80{--un-scale-x:0.8;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes fade-in{from{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in 1s linear 1;}.animate-duration-100{animation-duration:100ms;}.cursor-default{cursor:default;}.cursor-pointer,[cursor-pointer=""]{cursor:pointer;}.touch-none,[touch-none=""]{touch-action:none;}.important\:\[\&_\*\]\:select-none *{-webkit-user-select:none !important;user-select:none !important;}.select-none,[select-none=""]{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.resize-none{resize:none;}.place-content-center{place-content:center;}.items-end{align-items:flex-end;}.items-center,[flex~="items-center"],[items-center=""]{align-items:center;}.self-center{align-self:center;}.justify-center,[flex~="justify-center"],[justify-center=""]{justify-content:center;}.justify-between{justify-content:space-between;}.justify-items-start{justify-items:start;}.gap-0{gap:0;}.gap-0\.2{gap:0.05rem;}.gap-0\.5{gap:0.125rem;}.gap-1,[flex~="gap-1"],[gap-1=""]{gap:0.25rem;}.gap-2,[flex~="gap-2"]{gap:0.5rem;}.gap-4,[flex~="gap-4"]{gap:1rem;}.gap-5{gap:1.25rem;}.gap-px{gap:1px;}.gap-x-8{column-gap:2rem;}.gap-y-4{row-gap:1rem;}.of-auto,.overflow-auto{overflow:auto;}.of-hidden,.overflow-hidden,[of-hidden=""]{overflow:hidden;}.of-x-visible{overflow-x:visible;}.of-y-auto,.overflow-y-auto{overflow-y:auto;}.whitespace-nowrap,.ws-nowrap,[ws-nowrap=""]{white-space:nowrap;}.b,.border,.dark .dark\:border,.dark [dark\:border~="\~"],[b=""],[border=""],[border~="\~"]{border-width:1px;}.border-2,[b~="\32 "]{border-width:2px;}[b~="\31 00\%"]{border-width:100%;}[b~="\31 6"]{border-width:16px;}[b~="\35 0\%"]{border-width:50%;}[b~="\36 4"]{border-width:64px;}[border~="\30 "]{border-width:0px;}.border-x,[b~="x"]{border-left-width:1px;border-right-width:1px;}[b~="y"],[border~="y"]{border-top-width:1px;border-bottom-width:1px;}.border-b,[b~="b"],[border~="b"]{border-bottom-width:1px;}.border-b-0{border-bottom-width:0px;}.border-l{border-left-width:1px;}.border-r,[border~="r"]{border-right-width:1px;}.border-r-2{border-right-width:2px;}.border-t,[border-t=""],[border~="t"]{border-top-width:1px;}.b-dark{--un-border-opacity:1;border-color:rgb(34 34 34 / var(--un-border-opacity));}.border-gray,.dark .dark\:b-gray-400,[border-gray=""]{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));}.border-gray-300\/50{border-color:rgb(209 213 219 / 0.5);}.border-transparent,[border~="transparent"]{border-color:transparent;}.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}.dark .dark\:border-gray-500,.dark [dark\:border-gray-500=""]{--un-border-opacity:1;border-color:rgb(107 114 128 / var(--un-border-opacity));}[b-dark~="\31 "]{--un-border-opacity:1;border-color:rgb(60 60 60 / var(--un-border-opacity));}.dark [b~="dark\:b-gray-400"]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(156 163 175 / var(--un-border-bottom-opacity));}[b~="b-dark"]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(34 34 34 / var(--un-border-bottom-opacity));}.rounded,[border~="rounded"],[rounded=""]{border-radius:0.25rem;}.rounded-1\/2{border-radius:50%;}.rounded-full,[rounded-full=""]{border-radius:9999px;}.rounded-md,[border~="rounded-md"]{border-radius:0.375rem;}.rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.rounded-lb{border-bottom-left-radius:0.25rem;}.rounded-tl{border-top-left-radius:0.25rem;}.rounded-tr{border-top-right-radius:0.25rem;}.rounded-tr-0{border-top-right-radius:0;}.\!border-none{border-style:none !important;}.b-dashed{border-style:dashed;}[b~="b-dashed"]{border-bottom-style:dashed;}.bg-blue{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}.bg-current{background-color:currentColor;}.bg-cyan\:10,[bg-cyan\:10=""]{background-color:rgb(34 211 238 / 0.1);}.bg-gray,[bg-gray=""]{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}.bg-gray\:10,.bg-gray\/10{background-color:rgb(156 163 175 / 0.1);}.bg-gray\:4,[bg-gray\:4=""]{background-color:rgb(156 163 175 / 0.04);}.bg-gray\:5,.bg-gray\/5,[bg-gray\:5=""]{background-color:rgb(156 163 175 / 0.05);}.bg-gray\/20{background-color:rgb(156 163 175 / 0.2);}.bg-green{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}.bg-transparent{background-color:transparent;}.bg-yellow{--un-bg-opacity:1;background-color:rgb(250 204 21 / var(--un-bg-opacity));}.dark .dark\:bg-gray-800,.dark [dark\:bg-gray-800=""]{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity));}[bg~="black"]{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));}.hover\:bg-gray-400:hover{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}.hover\:bg-gray\/20:hover{background-color:rgb(156 163 175 / 0.2);}[bg-transparent~="placeholder\:"]::placeholder{background-color:transparent;}.\!bg-opacity-75{--un-bg-opacity:0.75 !important;}.bg-opacity-30,[bg-opacity-30=""]{--un-bg-opacity:0.3;}[bg~="opacity-80"]{--un-bg-opacity:0.8;}.hover\:bg-opacity-10:hover{--un-bg-opacity:0.1;}[stroke-width~="\31 "]{stroke-width:1px;}[stroke-width~="\32 "]{stroke-width:2px;}[stroke-width~="\33 "]{stroke-width:3px;}.dark .dark\:stroke-black{--un-stroke-opacity:1;stroke:rgb(0 0 0 / var(--un-stroke-opacity));}.stroke-white{--un-stroke-opacity:1;stroke:rgb(255 255 255 / var(--un-stroke-opacity));}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.\!p-4{padding:1rem !important;}.p-1,.p1,[p1=""]{padding:0.25rem;}.p-16{padding:4rem;}.p-2,.p2,[p2=""]{padding:0.5rem;}.p-6px{padding:6px;}.p0\.5,[p0\.5=""]{padding:0.125rem;}.p3{padding:0.75rem;}.p4{padding:1rem;}.p5{padding:1.25rem;}.px,.px-4,.px4,[p~="x-4"],[px=""],[px4=""]{padding-left:1rem;padding-right:1rem;}.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}.px-2,.px2,[px2=""]{padding-left:0.5rem;padding-right:0.5rem;}.px-3,.px3,[px3=""]{padding-left:0.75rem;padding-right:0.75rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.px1{padding-left:0.25rem;padding-right:0.25rem;}.py-1,.py1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.py-2,.py2,[p~="y-2"],[py-2=""],[py2=""]{padding-top:0.5rem;padding-bottom:0.5rem;}.py-20{padding-top:5rem;padding-bottom:5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.py1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.pb2{padding-bottom:0.5rem;}.pl-0{padding-left:0;}.pl-1,.pl1{padding-left:0.25rem;}.pl-4,[pl-4=""]{padding-left:1rem;}.pl2,[pl2=""]{padding-left:0.5rem;}.pr-3,[pr-3=""]{padding-right:0.75rem;}.pr-4,[pr-4=""]{padding-right:1rem;}.pt-\.5{padding-top:0.125rem;}.pt-15\%{padding-top:15%;}.pt2{padding-top:0.5rem;}.text-center{text-align:center;}.text-right,[text-right=""]{text-align:right;}.text-nowrap{text-wrap:nowrap;}.align-top,[align-top=""]{vertical-align:top;}.vertical-middle,[vertical-middle=""]{vertical-align:middle;}.text-1\.2em{font-size:1.2em;}.text-11px{font-size:11px;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3em{font-size:3em;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-9xl,[text-9xl=""]{font-size:8rem;line-height:1;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm,[text-sm=""]{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs,[text-xs=""]{font-size:0.75rem;line-height:1rem;}.\!text-current{color:currentColor !important;}.dark .dark\:text-blue3{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}.dark .dark\:text-green,.text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}.dark .dark\:text-green3{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}.dark .dark\:text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}.dark .dark\:text-red3{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}.dark .dark\:text-yellow3{--un-text-opacity:1;color:rgb(253 224 71 / var(--un-text-opacity));}.text-\$slidev-controls-foreground{color:var(--slidev-controls-foreground);}.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));}.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}.text-blue6{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity));}.text-cyan{--un-text-opacity:1;color:rgb(34 211 238 / var(--un-text-opacity));}.text-cyan\:75,[text-cyan\:75=""]{color:rgb(34 211 238 / 0.75);}.text-gray,.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}.text-green-500{--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));}.text-green6{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}.text-indigo{--un-text-opacity:1;color:rgb(129 140 248 / var(--un-text-opacity));}.text-lime{--un-text-opacity:1;color:rgb(163 230 53 / var(--un-text-opacity));}.text-orange{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity));}.text-pink{--un-text-opacity:1;color:rgb(244 114 182 / var(--un-text-opacity));}.text-purple{--un-text-opacity:1;color:rgb(192 132 252 / var(--un-text-opacity));}.dark .dark\:color-red-400,.text-red,.text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}.color-red-600,.text-red6{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}.text-teal{--un-text-opacity:1;color:rgb(45 212 191 / var(--un-text-opacity));}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}.text-yellow{--un-text-opacity:1;color:rgb(250 204 21 / var(--un-text-opacity));}.text-yellow6{--un-text-opacity:1;color:rgb(202 138 4 / var(--un-text-opacity));}.important-text-op-50,.text-opacity-50\!{--un-text-opacity:0.5 !important;}.font-bold,[font-bold=""]{font-weight:700;}.font-light{font-weight:300;}.leading-1\.6em{line-height:1.6em;}.leading-tight{line-height:1.25;}.font-mono,[font-mono=""]{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.italic{font-style:italic;}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}.line-through{text-decoration-line:line-through;}.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}.underline-offset-2{text-underline-offset:2px;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.\!opacity-0{opacity:0 !important;}.\!opacity-100{opacity:1 !important;}.op-60,.op60{opacity:0.6;}.op-80,.op80,.opacity-80{opacity:0.8;}.op0,.opacity-0{opacity:0;}.op100,.group:hover .group-hover\:op100{opacity:1;}.op15{opacity:0.15;}.op20{opacity:0.2;}.op25,.opacity-25,[op25=""]{opacity:0.25;}.op30{opacity:0.3;}.op35{opacity:0.35;}.op40,.opacity-40,[op40=""]{opacity:0.4;}.op50,.opacity-50,[op50=""]{opacity:0.5;}.op75,[op75=""]{opacity:0.75;}.opacity-10,[opacity-10=""]{opacity:0.1;}.opacity-5{opacity:0.05;}.focus-within\:opacity-100:focus-within{opacity:1;}.hover\:op-100:hover{opacity:1;}.hover\:op100:hover{opacity:1;}.hover\:op90:hover{opacity:0.9;}.hover\:opacity-100:hover{opacity:1;}.hover\:opacity-90:hover{opacity:0.9;}[hover~="op100"]:hover{opacity:1;}.focus-visible\:opacity-100:focus-visible{opacity:1;}.placeholder\:op25::placeholder{opacity:0.25;}.shadow,[shadow~="\~"]{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.outline-none,[outline-none=""]{outline:2px solid transparent;outline-offset:2px;}.\!backdrop-blur-0px{--un-backdrop-blur:blur(0px) !important;-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia) !important;backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia) !important;}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.backdrop-blur-5px{--un-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition-all~="\30 "]{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0s;}[transition-all~="\34 "]{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:4ms;}.duration-150{transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.duration-400{transition-duration:400ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.view-transition-name{view-transition-name:name;}@media (max-width: 767.9px){.lt-md\:hidden{display:none;}.lt-md\:flex-col{flex-direction:column;}}@media (min-width: 768px){.md\:p-10px{padding:10px;}}@media (min-width: 1024px){.lg\:m-2{margin:0.5rem;}.lg\:p-2{padding:0.5rem;}.lg\:p-4{padding:1rem;}}